Kavram ve Bilgi Merkezi
Tailwind CSS Renk Paleti ve Gölge Skalası Oluşturucu (50-950)
Tailwind CSS Renk Paleti ve Gölge Skalası Oluşturucu (50-950)
Bu araç %100 istemci taraflı (Client-Side) çalışır. Kodlarınız, tokenlarınız, API anahtarlarınız veya verileriniz asla uzak bir sunucuya yüklenmez; tüm işlemler güvenle tarayıcınızın izole sanal alanında (sandbox) gerçekleşir.
Temel Mimari ve Matematiksel Formüller
Luminance Scale = Lerp(Base Color, White [50]) ➔ Base Color [500] ➔ Lerp(Base Color, Black [950])
Renk Skalası Mimarisi: Temel renk tonu (500) referans alınarak algoritmik parlaklık ve doygunluk adımlarıyla 50'den 950'ye kadar 11 kademeli palet üretilir.
En İyi Uygulamalar ve Temel Yönergeler
- Algoritmik Gradyan Uyumunu Koruyun: Açık tonlar (50-200) arka planlar, orta tonlar (400-600) butonlar, koyu tonlar (700-950) ise metinler için optimize edilmelidir.
- WCAG Kontrast Standartlarını Test Edin: 500 tonundaki butonun üzerine yazılacak beyaz veya siyah metnin kontrast oranını denetleyin.
- Tailwind Yapılandırma Dosyasına Kolayca Ekleyin: Üretilen renk objesini doğrudan
tailwind.config.jsiçindekitheme.extend.colorsalanına yapıştırın.
Sıkça Sorulan Sorular (SSS)
Tailwind renk paletinde 50 ile 950 arasındaki kademeler neyi ifade eder?
50 en açık (neredeyse beyaz) pastel tonu, 950 ise en koyu (neredeyse siyah) gölge tonunu temsil eder; 500 temel referans renktir.
HEX renk kodundan Tailwind paleti türetilebilir mi?
Evet. İstediğiniz herhangi bir marka HEX kodunu girerek Tailwind standardında 11 kademeli profesyonel bir renk ailesi elde edebilirsiniz.
Üretilen kod CSS değişkenleri (CSS Variables) formatında alınabilir mi?
Evet. İster Tailwind JS nesnesi, ister HSL/HEX CSS değişkenleri olarak tek tıkla kopyalayabilirsiniz.