Tasarım

Renk Tonları Oluşturucu

Herhangi bir rengin açık ve koyu tonları.

Sabit tokenlar 50–950; 50 en açık, 950 en koyu ve 500 tam olarak giriş rengidir.

  

UI oranları? En Boy Oranı Hesaplayıcı · armoniler: Renk Paleti Oluşturucu · WCAG: Renk Kontrastı Denetleyici.

Bir renk paleti oluşturun

Sabit ve algısal bir 50–950 tasarım sistemi ölçeği veya özel açık/koyu ton adımları oluşturun; ardından CSS özel özelliklerini kopyalayın ya da JSON indirin.

SSS

Renk tonu ve gölgesi nedir?

Renk açma, rengin daha açık; gölgeleme ise daha koyu bir varyasyonunu oluşturur. Bu araç, kodlanmış sRGB kanallarını enterpole etmek yerine algısal OKLCH açıklığını ve kromasını ayarlar.

Bir rengi nasıl kopyalarım?

HEX değerini kopyalamak için herhangi bir renk örneğine tıklayın. Tam ölçeği dışa aktarmak için CSS değişkenlerini kopyala veya JSON indir seçeneğini kullanın.

Bu ne işe yarar?

Tek bir marka renginden renk paletleri ve tasarım sistemi ölçekleri oluşturun — CSS özel özellikleri veya Tailwind tarzı token'lar olarak dışa aktarın.

Son güncellenme: