Bu araç ne işe yarar?
Tailwind Color Palette, Tailwind CSS'in tüm varsayılan renk paletini (slate, red, amber, emerald, sky, violet ve diğerleri) 50'den 950'ye kadar tüm tonlarıyla göz atılabilir bir ızgarada gösterir. Tek tıkla sınıf adını veya HEX değerini kopyalayabilen tasarımcılar ve front-end geliştiriciler için hızlı bir başvuru aracıdır.
Nasıl kullanılır?
- Değerleri ve seçenekleri ayarlayın.
- Canlı önizlemede sonucu görün.
- Üretilen CSS/kodu projenize kopyalayın.
Ton numaraları nasıl çalışır?
Her renk ailesi 50 (en açık) ile 950 (en koyu) arasında numaralı tonlara sahiptir; 500 genellikle ailenin temel rengidir. Bu ölçek tutarlı olduğundan, metin için bg-slate-100 üzerine text-slate-800 gibi güvenli kontrast eşleşmeleri seçmek kolaylaşır. Paletteki her kareyi kopyaladığınızda hem bg-emerald-500 gibi yardımcı sınıfı hem de tasarım araçlarında veya saf CSS'te kullanabileceğiniz HEX karşılığını elde edersiniz.
Sıkça sorulan sorular
Kopyaladığım değeri saf CSS'te kullanabilir miyim?
Evet. Her ton için HEX kodunu kopyalayabilir ve onu doğrudan color veya background gibi standart CSS özelliklerinde kullanabilirsiniz; Tailwind kurulu olmasa bile çalışır.
Bu renkler hangi Tailwind sürümüne ait?
Gösterilen palet, modern Tailwind'in genişletilmiş varsayılan renkleridir (50–950 ölçeği). Eski v2 projeleri yalnızca 50–900 kullanıyordu; 950 tonu daha yeni sürümlerde eklendi.
Erişilebilir bir kontrast oranını nasıl seçerim?
Pratik bir kural olarak açık arka plan tonu (100–300) ile koyu metin tonu (700–900) arasında en az 400-500 basamak fark bırakın. Kritik metinlerde yine de bir kontrast denetleyiciyle WCAG eşiğini doğrulayın.
Tailwind Renk Paleti ücretsiz mi?
Evet. Tailwind Renk Paleti ve MagmaNex'teki 300'den fazla aracın tamamı tamamen ücretsizdir, kayıt veya üyelik gerektirmez.
Verilerim güvende mi?
Evet. Tüm işlemler tarayıcınızda yerel olarak çalışır. Girdiğiniz veriler sunucuya gönderilmez, kaydedilmez veya paylaşılmaz.
Mobil cihazda çalışır mı?
Evet. Tailwind Renk Paleti telefon, tablet ve bilgisayarda sorunsuz çalışır; ayrı bir uygulama indirmenize gerek yoktur.
🔒 Gizlilik: Tüm işlemler tarayıcınızda yapılır, verileriniz sunucuya gönderilmez.