HSL'de tasarlanmış paletler çoğunlukla kâğıda aktarılır. Bu dönüştürücü seçtiğin hue, saturation ve lightness'i alır ve baskı atölyesinin çalıştığı dört mürekkep yüzdesini döndürür.
How HSL to CMYK conversion works
- HSL üçlüsünü 0 ile 255 arası RGB kanallarına çevir.
- Bu kanalları 255'e bölerek normalleştir.
- Anahtar bileşeni hesapla K = 1 − max(R, G, B).
- Kalan kanallardan C, M ve Y'yi türet ve dördünü de yüzdelere çevir.
Çalışan örnek
İki dönüşüm ardışık olarak gerçekleştiği için yuvarlama iki kez olur — ve CMYK renk profili olmadan yine bir yaklaşım olarak kalır. Baskı sonucu HSL önizlemesinden biraz daha az canlı olacaktır.
HSL and CMYK explained
HSL nedir?
HSL, bir rengi ton (renk çemberinde 0–360°), doygunluk (ne kadar renkli, 0–100%) ve açıklık (ne kadar parlak, 0–100%) olarak ayırır. Her parça insanların rengi tanımlama biçimine uyduğu için HSL, tonlar, gölgeler ve tutarlı paletler oluşturmayı — elle veya kodla — en kolay hale getirir.
- Sözdizimi:
- hsl(H, S%, L%)
- Aralık:
- 0–360°, 0–100%, 0–100%
- En uygun:
- paletler, tonlar ve gölgeler, temalandırma
CMYK nedir?
CMYK, baskıda kullanılan dört mürekkep modelidir: camgöbeği (cyan), macenta (magenta), sarı (yellow) ve siyah (key), her biri 0 ile 100 arasında yüzde olarak ifade edilir. Mürekkep ışığı emdiği için (yaymaz), CMYK ekranlardan daha az rengi kapsar — bu yüzden parlak ekran renkleri basıldığında genellikle daha sönük görünür.
- Sözdizimi:
- cmyk(C%, M%, Y%, K%)
- Aralık:
- 0–100% her mürekkep için
- En uygun:
- baskı, ambalaj, baskıya hazır artwork
HSL to CMYK reference table
En yaygın CSS renkleri, HSL formatından CMYK formatına dönüştürülmüş.
| Renk | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |