tigtools

Renk Dönüştürücü

Desteklenen biçimlerden birinde renk yazın ya da yapıştırın veya renk seçin; diğer tüm biçimler anında güncellensin.

Tarayıcınızda çalışır Kayıt gerekmez

HEX olarak algılandı.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

Buradaki CMYK, renk yönetimli değil, basit bir formüle dayanır. Baskı için yazıcınızın sağladığı ICC profilini kullanarak dönüştürün.

Nasıl kullanılır?

  1. Örneğin #1e90ff, rgb(30 144 255) veya oklch(65% 0.18 250) biçiminde bir renk yazın ya da yapıştırın. Renk seçiciye de tıklayabilirsiniz.
  2. Beklediğiniz renk olduğundan emin olmak için renk örneğini kontrol edin.
  3. Listeden ihtiyacınız olan biçimi kopyalayın. Saydamlık içeren değerler alfa değerini korur.

Nasıl çalışır?

Kabul edilen girişler: 3, 4, 6 veya 8 basamaklı HEX (4. ve 8. basamaklar alfa değeridir), sayı veya yüzde değerleri içeren rgb() ve rgba(), hsl() ve hsla(), hwb(), oklch() ve yüzde ya da 0 ile 100 arasındaki sayı değerlerini kullanan cmyk(). Hem klasik virgüllü söz dizimi hem de “/ alpha” kullanan modern boşluklu söz dizimi desteklenir. Renk tonu için deg, turn, rad ve grad kullanılabilir. “tomato” gibi adlandırılmış renkler okunmaz; bunun yerine renk seçiciyi veya bir kodu kullanın.

Tüm dönüştürmeler sRGB üzerinden yapılır. HSL ve HWB, RGB değerlerinin basit dönüşümleridir; bu nedenle tam olarak dönüştürülürler. OKLCH algısal bir renk uzayıdır: Açıklık düzeyindeki eşit adımlar yaklaşık olarak eşit algılanan farklar oluşturur; bu da palet oluşturmayı kolaylaştırır. Hesaplamada yayımlanmış OKLab matrisleri kullanılır. Bazı OKLCH renkleri sRGB'nin görüntüleyebileceği aralığın dışındadır; araç bunu belirtir ve görüntülenebilir en yakın rengi gösterir.

CMYK, yaygın kullanılan basit formülle hesaplanır (K = 1 − en büyük RGB kanalı). Gerçek baskı sonucu kâğıda, mürekkebe ve ICC profiline bağlıdır; bu nedenle bu değerleri baskı teknik özellikleri olarak değil, başlangıç noktası olarak değerlendirin.

Örnekler

Marka HEX kodundan CSS'e

Bir marka kılavuzunda #0b5d1e kullanılıyor. Kodu yapıştırarak eski CSS sürümleri için rgb(11, 93, 30), açıklığı elle ayarlamak için hsl(133.9, 78.8%, 20.4%) ve modern CSS renk işlevleri için bir oklch() değeri elde edin.

Saydam renk değerini yorumlama

rgba(0, 0, 0, 0.5), #00000080 biçimine dönüştürülür. Son iki HEX basamağı (80) alfa değeridir: 255 üzerinden 128, yani yaklaşık %50.

Tasarım dosyasındaki OKLCH değerini kontrol etme

oklch(70% 0.4 150), sRGB ekranların gösteremediği, oldukça doygun bir yeşildir. Araç bu durumu belirtir ve sRGB'de görüntülenebilen en yakın rengi verir; böylece tasarımın çoğu ekranda farklı görüneceğini bilirsiniz.

Sık sorulan sorular

HSL'e dönüştürüp geri çevirdiğimde HEX neden bazen bir birim değişiyor?

HEX, her kanal için 0 ile 255 arasındaki tam sayıları saklar. Diğer biçimlerdeki değerler gösterim için yuvarlanır (HSL'de bir ondalık basamağa); yuvarlanmış bir değeri geri dönüştürmek bir birimlik farka yol açabilir. İlk değeri aynen korumak istiyorsanız HEX'i kopyalayın.

CMYK değeri baskı için doğru mu?

Hayır, tek başına yeterli değildir. Renk profili kullanmayan basit formüle dayanır. Yazıcılar FOGRA veya GRACoL gibi profiller kullanır ve farklı değerler üretir; bu nedenle yazıcınıza danışın veya renk yönetimli bir uygulamada dönüştürün.

OKLCH nedir ve CSS'te kullanabilir miyim?

OKLCH, bir rengi algılanan açıklık, kroma (renklilik) ve renk tonu ile tanımlar. Başlıca tarayıcıların güncel sürümleri CSS'te oklch() işlevini destekler. Eski tarayıcıları destekliyorsanız HEX veya rgb() alternatifini de bulundurun.

8 basamaklı HEX kodu ne anlama gelir?

#RRGGBBAA biçiminde son iki basamak opaklığı belirtir: 00 tamamen saydam, ff tamamen opaktır. 4 basamaklı #RGBA biçimi de aynı şekilde çalışır; her kanal için bir basamak kullanılır.

Gizlilik

Renkler tarayıcınızda dönüştürülür. Girdiğiniz hiçbir şey gönderilmez veya saklanmaz.