Online Renk Seçici (Color Picker)

Görseli sayfadaki alana sürükle ya da tıklayıp seç, sonra rengini almak istediğin noktaya tıkla. İmlecin üzerinde açılan büyüteç tam hangi pikselde olduğunu gösterir. Görsel tarayıcında işlenir; sunucuya yüklenmez, hiçbir yere kaydedilmez.

HEX, bir rengin kırmızı, yeşil ve mavi bileşenlerini onaltılık tabanda ikişer haneyle yazan gösterimdir: #7B35E2 sırasıyla 123, 53 ve 226 demektir. Her hane 0-F arası değer alır, yani her kanal 0 ile 255 arasındadır. Sekiz haneli yazımda son iki hane saydamlığı belirtir.

RGB rengi üç ışık kanalının miktarı olarak tanımlar; makine için doğaldır ama insan için sezgisel değildir. HSL ise rengi ton, doygunluk ve açıklık olarak ayırır. Bir rengi biraz açmak istediğinde RGB'de üç sayıyı birden değiştirmen gerekir, HSL'de yalnızca açıklığı artırırsın.

OKLCH, açıklık ekseni gözün algısına göre ölçeklenmiş modern bir renk uzayıdır. HSL'de açıklık değeri aynı olan sarı ile lacivert bambaşka parlaklıkta görünür; OKLCH'de görünmez. Bu yüzden ton ölçekleri ve tema renkleri üretirken tutarlı sonuç verir ve modern CSS tarafından desteklenir.

WCAG 2.1'e göre normal boyuttaki metin için en az 4.5:1 (AA) ya da 7:1 (AAA); 18 punto üzeri veya kalın 14 punto metin için 3:1 (AA) ya da 4.5:1 (AAA). Bu sayfadaki kontrast bölümü seçtiğin rengi istediğin zeminle karşılaştırıp bu dört eşiği ayrı ayrı değerlendirir.

Renk çemberinde seçtiğin rengin tam karşısında duran renktir; ton değeri 180 derece ötededir. Yan yana kullanıldığında en yüksek karşıtlığı verir, bu yüzden vurgu rengi olarak işe yarar ama geniş alanlarda yorucu olabilir. Komşu ve üçlü uyumlar daha yumuşak sonuç verir.

Bir tasarım sisteminde tek bir marka rengi yetmez: arka planlar için çok açık, metin için çok koyu tonlara ihtiyaç duyarsın. 50-950 basamakları bu tonları standart bir isimlendirmeyle verir. Bu sayfadaki ölçek OKLCH'de hesaplandığı için basamaklar hangi rengi seçersen seç dengeli kalır.

Hayır. Buradaki CMYK, ekran renginden yapılan basit bir aritmetik dönüşümdür ve her renk seçicinin verdiği değerdir. Gerçek baskıda sonucu kâğıt, mürekkep ve baskı makinesinin ICC profili belirler; kesin bir karşılık için matbaanın profilini kullanman gerekir.

Destekleyen tarayıcılarda evet: renk değeri kutusunun yanındaki damlalık düğmesi ekranın tamamından renk almanı sağlar, başka bir sekmeden ya da başka bir uygulamadan bile. Bu özellik Chrome ve Edge tabanlı tarayıcılarda ve güvenli bağlantı üzerinde çalışır; desteklemeyen tarayıcılarda düğme hiç görünmez.

Hayır. Bu araç renk hesaplarının tamamını tarayıcında yapar ve bu sayfa hiçbir renk ya da görsel için sunucuya istek göndermez. Yüklediğin görsel yalnızca sekme açıkken bellekte tutulur; kaldırdığında ya da sayfayı kapattığında iz bırakmadan gider.