← Tüm metin araçları

Tailwind renk paleti oluşturucu

Marka renginizden v3 veya v4 için 50–950 Tailwind CSS renk ölçeği oluşturun.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık Tailwind renk paleti oluşturucu

Marka renginizi girin ve Tailwind'in kullandığı biçimde 50'den 950'ye kadar tam bir ölçek alın; v3'te yapılandırma dosyasına, v4'te tema değişkenlerine hazırdır. Açık adımlar arka planlara uygundur, 500 kabaca temel renginizdir ve en koyu adımlar metin ile koyu mod için işe yarar.

Tailwind renk paleti oluşturucu nasıl kullanılır

  1. Marka rengini HEX kodu olarak girin.
  2. Tailwind v3 veya v4 çıktısını seçin.
  3. 50 ile 950 renk ölçeğini Tailwind kurulumunuza kopyalayın.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Oluşturulan Tailwind renklerini nereye yapıştırmalıyım?

v3'te bunları tailwind.config.js içinde theme.extend.colors altına ekleyin. v4'te değişkenleri CSS dosyanızın @theme bloğuna yapıştırın.

Hangi ton özgün rengimle eşleşir?

Girdi renginiz ölçeğe açıklığına en yakın adıma, genellikle 500 civarına yerleştirilir. Hangi numaraya düştüğünü görmek için önizlemeye bakın.

v3 ve v4 çıktısı arasındaki fark nedir?

Sürüm 3 renkleri yapılandırma dosyasına koyar, sürüm 4 ise CSS tema değişkenlerini kullanır. Projenizdeki Tailwind sürümüyle eşleşeni seçin.

Tailwind renk paleti oluşturucu ücretsiz mi?

Evet. Toolipedia'daki Tailwind renk paleti oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

Tailwind renk paleti oluşturucu aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar