Bir baskı paletini web'e taşımak HSL'de daha kolaydır: mürekkep karışımın hue, saturation ve lightness olarak ifade edildiğinde, hover durumları, tonlar ve gölgeleri saniyeler içinde oluşturabilirsin.
How CMYK to HSL conversion works
- CMYK yüzdelerini Coated FOGRA39 profiliyle 0 ile 255 arasında sRGB kanallarına çevir.
- Kanal değerlerini 255'e böl ve maksimum ile minimumlarını al.
- Maksimum ile minimumun ortalaması ışıklılık L'dir, aralarındaki fark doygunluğu S'i belirler.
- Maksimumu tutan kanal, renk çemberinde derece olarak hue H'yi belirler.
Çalışan örnek
CMYK'dan RGB'ye adımı standart Coated FOGRA39 profilini kullanır, bu yüzden diğer CMYK profilleri (örneğin matbaanın profilleri) farklı sayılar verir. HSL değerleri tam sayılara yuvarlanır.
CMYK and HSL explained
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 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 to HSL reference table
En yaygın CSS renkleri, CMYK formatından HSL formatına dönüştürülmüş.
| Renk | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |