Renk Paletleri

Renk tonları oluşturucu

Bir renk seç, en açık tonundan en koyusuna kadar tüm skalasını anında gör. HEX kodunu kopyalamak için herhangi bir tona dokun.

50'den 950'ye skala

Aynı renk ailesinden on bir ton, Tailwind'deki gibi numaralı. Rengin, ona en uygun basamakta işaretlenir.

Açık tonlar (beyazla)

HEX kodunu kopyalamak için bir tona dokun.

Koyu tonlar (siyahla)

Kırık tonlar (griyle)

Skalayı dışa aktar

Renk skalası nedir

Tek bir renkten çıkan tonlar dizisidir: neredeyse beyaz bir hâlinden neredeyse siyah bir hâline kadar. Hepsi aynı temel rengi paylaştığı için birbiriyle zahmetsizce uyum sağlar.

Açık, koyu ve kırık tonlar

Açık ton, rengin beyazla karışımıdır: daha açık ve yumuşak. Koyu ton, rengin siyahla karışımıdır: daha koyu ve derin. Kırık ton, rengin griyle karışımıdır: daha mat ve zarif.

Tasarımda skala nasıl kullanılır

Açık tonları (50 ile 200 arası) arka planlarda, orta tonları (400 ile 600 arası) butonlarda ve bağlantılarda, koyu tonları (700 ile 950 arası) metinlerde ve kenarlıklarda kullan. Tek bir skalayla düzenli ve tutarlı bir arayüz elde edersin.

Sıkça sorulan sorular

Skala nasıl hesaplanıyor?

Gözün açıklığı algılama biçimini taklit eden OKLCH renk uzayını kullanıyoruz. Böylece tonlar arasındaki adımlar eşit görünür, ani sıçramalar olmaz.

50'den 950'ye kadar olan sayılar ne anlama geliyor?

Tailwind CSS'in ve birçok tasarım sisteminin kullandığı skaladır: 50 en açık, 950 en koyu tondur. Rengin, ona en uygun sayıya yerleşir.

Skalayı Tailwind'de veya CSS'te kullanabilir miyim?

Evet. Bir ad yaz, formatı seç ve kodu kopyala: yapıştırmaya hazır CSS değişkenleri ya da Tailwind yapılandırman için renk bloğu.

Renk skalası ile renk paleti arasındaki fark ne?

Skala, tek bir rengin tonlarıdır. Palet ise birbirine uyan farklı renkleri bir araya getirir. Birçok palet arka planlar ve metinler için bir skala, artı bir ya da iki vurgu rengi kullanır.

Diğer rehberler ve araçlar