Renk Seçici

WCAG (Web Content Accessibility Guidelines), düşük görme veya renk körlüğü olan kişiler için okunabilirliği sağlamak amacıyla metin ve arka planı arasındaki minimum kontrast oranlarını tanımlar. AA çoğu yargıda yasal minimumdur: normal metin için 4.5:1 (18pt/14pt kalın altı), büyük metin için 3:1. AAA geliştirilmiş standarttır: normal metin için 7:1, büyük metin için 4.5:1. Erkeklerin yaklaşık %8'i ve kadınların %0.5'i bazı türde renk görme kusuruna sahiptir, bu da kamuya açık ürünler için kontrast uyumluluğunu temel bir gereklilik haline getirir. Buradaki kontrolcü hem metin hem de arka plan renklerini eş zamanlı olarak test eder ve hangi kombinasyonların geçtiğini veya kaldığını gösterir.

Her ikisi de Hue (0-360 derece) ve Saturation kullanır ancak üçüncü kanalda farklılık gösterir. HSL (Lightness), %50'i saf doygun renk, %0'ı siyah ve %100'ü beyaz olarak ayarlar — bu da onu CSS ve tasarım için sezgisel kılar. HSV (Value/Brightness) %100 Value değerini saf doygun renk ve %0'ı siyah olarak ayarlar — Saturation %0 olmadığı sürece HSV'de saf beyaz yoktur. Adobe Photoshop, Illustrator ve çoğu yerel işletim sistemi renk seçicisi HSV kullanır. CSS ve web tasarım araçları genellikle HSL kullanır. Bu araç her ikisi arasında anında dönüşüm yapar.

Gösterilen CMYK değerleri, standart formül kullanılarak RGB'den yapılan matematiksel bir dönüşümdür. Dijitalden baskıya iş akışları için yararlı bir tahmindir ancak gerçek dünyadaki baskı rengi büyük ölçüde kullanılan özel yazıcıya, mürekkebe, kağıda ve ICC renk profiline bağlıdır. Profesyonel baskı çalışmaları için nihai renkleri her zaman fiziksel kanıtlarla doğrulayın veya baskı hizmetinin renk özelliklerine başvurun. Buradaki CMYK değerleri, başlangıç aşamasındaki renk kararları ve baskı önizlemeleri için iyi çalışır.

Presets bölümüne tıklayın ve Tailwind CSS veya Material Design'den birini seçin. Her palet tam renk ölçeğini gösterir (örneğin, Tailwind blue-50'ten blue-950'e veya Material red 100'den 900'e kadar). O rengi seçiciye yüklemek ve anında HEX, RGB, HSL ve diğer değerlerini almak için herhangi bir örneğe tıklayın. Bu, mevcut bir tasarım sistemi içinde inşa yaparken yararlıdır — başka yerlerde aramak zorunda kalmadan ihtiyacınız olan kesin formatı (örneğin, Tailwind blue-600'ün HSL değeri) kopyalayabilirsiniz.

Kaydedilen renkler tarayıcınızın localStorage alanında saklanır — aynı cihaz ve tarayıcıda oturumlar arasında kalıcıdır ancak bir sunucuya veya cihazlar arası senkronize edilmez. Tarayıcı verilerinizi temizlerseniz bunlar da silinir. Uzun vadede tutmak istediğiniz renkler için HEX değerlerini bir tasarım dokümanına kopyalayın veya tasarım aracınızın renk kütüphanesinde kaydedin. Herhangi bir hesap veya giriş gerektirilmez.

Evet. Bir HEX kodunu doğrudan HEX giriş alanına ( # ön ekiyle veya ön eksiz) yapıştırabilir veya yazabilirsiniz; bu durumda seçici ve diğer tüm format alanları anında güncellenecektir. Diğer özellikleri değiştirmeden belirli bir özelliği değiştirmek isterseniz Hue, Saturation ve Lightness sürgülerini de doğrudan ayarlayabilirsiniz. Bu, elinizde bir tasarım dosyasından gelen hex kodu olduğunda ve bunun kontrastını kontrol etmek veya başka bir formata dönüştürmek istediğinizde yararlıdır.

Hayır. Tüm renk seçimi, format dönüşümü, kontrast hesaplamaları ve palet kaydetme işlemleri tamamen tarayıcınızda JavaScript kullanarak çalışır. Hiçbir renk değeri, kaydedilmiş palet veya kullanım verisi herhangi bir sunucuya gönderilmez. Araç, sayfa yüklendikten sonra tamamen çevrimdışı çalışır.