Nasıl çalışır
Aynı renk birçok şekilde yazılabilir. HEX (#RRGGBB) ve RGB kırmızı, yeşil ve mavi karışımını tanımlar; HSL ve HSV onu ton, doygunluk ve açıklıkla tanımlar, varyant seçmek için daha sezgiseldir; CMYK ise baskıyı hedefler.
Bu araç, HEX, RGB veya HSL biçiminde bir rengi alır ve HWB, LAB, LCH, OKLab, OKLCh gibi modern CSS Seviye 4 uzaylarını ve color() işlevlerini (Display P3, Rec. 2020, ProPhoto) dahil olmak üzere tüm biçimlere anında çevirir.
Görsel seçici ve sayısal denetimler, rengi ayarlamanıza ve tüm değerlerin nasıl aynı anda değiştiğini görmenize olanak tanır. Her şey tarayıcınızda hesaplanır.
Örnekler
#ff0000rgb(255 0 0) · hsl(0 100% 50%) · cmyk(0% 100% 100% 0%)Saf kırmızı: kırmızı kanalda en yüksek, yeşil ve mavide sıfır.#3b82f6rgb(59 130 246)Her onaltılık basamak çifti (3b, 82, f6), bir kanalın 0-255 değeridir: 59, 130 ve 246.#ffffffrgb(255 255 255) · hsl(0 0% 100%)Beyaz, üç kanalın da en yüksek değerinde; HSL'de açıklık %100.Kullanım senaryoları
- Bir tasarım kılavuzundaki HEX rengini, CSS'inizin veya çerçevenizin istediği RGB veya HSL biçimine dönüştürmek.
- Bir baskı materyali hazırlamak için bir ekran renginin CMYK karşılığını almak.
- Geniş gamlı bir paleti ayarlarken modern renk uzaylarını (OKLCh, Display P3) keşfetmek.
Sık sorulan sorular
Alfa kanalı nedir ve HEX'te nasıl yazılır?
Alfa, opaklıktır; 0 (saydam) ile %100 arasında. HEX'te sona bir basamak çifti olarak eklenir: #RRGGBBAA. Örneğin #ff000080, %50 opaklıkta kırmızıdır.
HSL ile HSV arasındaki fark nedir?
İkisi de ton ve doygunluk kullanır ama üçüncü eksen farklıdır: HSL açıklık kullanır (%100 beyazdır) ve HSV değer veya parlaklık kullanır (%100 en yoğun renktir). HSL, açık ve koyu tonlar oluşturmak için genellikle daha kullanışlıdır.
OKLab ve OKLCh neden var?
Bunlar algısal olarak tekdüze uzaylardır: değerler arasındaki eşit uzaklıklar benzer görsel farklara karşılık gelir. HSL'ye göre daha doğal gradyanlar ve açıklık ayarları üretirler ve CSS bunları Seviye 4'ten beri destekler.
Gösterdiği CMYK baskı için doğru mu?
Bu, yaklaşık bir referans dönüşümüdür. Gerçek baskı sonucu renk profiline, mürekkebe ve kâğıda bağlıdır; bu yüzden profesyonel işler için matbaanın ICC profilini kullanmak en iyisidir.