Renk Paleti Oluşturucu ne yapar
Bu araç tek bir temel rengi alır ve onun çevresinde 50 (en açık) ile 950 (en koyu) arasında numaralandırılmış, on bir tondan ve gölgeden oluşan tam bir skala kurar. Bu, modern tasarım sistemlerinde gördüğünüz türden bir renk rampasıdır, elle karıştırmak yerine saniyeler içinde oluşturulur. Tailwind’e hazır bir palete ihtiyaç duyan ön yüz geliştiricilere, bir marka için token oluşturan tasarımcılara ve tek bir favori rengi olup ona eşlik edecek tutarlı bir açıktan koyuya aralık isteyen herkese yardımcı olur.
Nasıl kullanılır
- Renk seçiciyle bir başlangıç rengi seçin veya alana doğrudan bir hex kodu yazın.
- Araç anında temel renginizden yola çıkarak açık (50) ile koyu (950) arasında on bir ton oluşturur.
- Tek bir hex kodunu panonuza kopyalamak için herhangi bir renk örneğine tıklayın.
- Skaladaki tüm değerleri bir kerede almak için tümünü kopyala eylemini kullanın.
- Kodları Tailwind yapılandırmanıza, tasarım sisteminize veya stil sayfanıza yapıştırın.
Hızlı bir örnek
#2563eb gibi bir marka mavisi girin, arka planlar için soluk bir tondan metin ve kenarlıklar için derin bir gölgeye kadar 50 ile 950 arası tam bir rampa elde edin. Daha açık adımları (50 ile 200) dolgular ve hover durumları için saklayın, düğmeler için temel renginizi 500 veya 600 civarında tutun ve daha koyu adımları kontrast için kullanın. Her şey tarayıcınızda çalışır, hiçbir şey yüklenmeden gizli kalır ve kayıt gerektirmeden tamamen ücretsizdir.
Sıkça sorulan sorular
- 50 ile 950 arası skala ne anlama geliyor?
- Bu sayılar Tailwind gibi tasarım sistemlerinin kullandığı standart renk skalası adımlarıdır. 50 en açık ton, 950 ise en koyu gölgedir ve temel renginiz on bir adımın ortalarında bir yerde durur.
- Bu renkleri Tailwind ile kullanabilir miyim?
- Evet. On bir değer doğrudan Tailwind'in 50 ile 950 anahtarlarına karşılık gelir, bu yüzden onları tema yapılandırmanıza veya herhangi bir tasarım token dosyasına doğrudan yapıştırabilirsiniz.
- Renkleri nasıl kopyalarım?
- Tek bir renk örneğine tıklayarak hex kodunu kopyalayın veya tümünü kopyala eylemiyle skalanın tamamını bir kerede alın. Oradan onları hex değerlerini kabul eden her yere yapıştırabilirsiniz.