Baskıdan geliyorsan ve aynı rengi webde görmek istiyorsan, CMYK'dan HEX'e dönüşüm mürekkep karışımının ekrandaki en yakın karşılığını verir; CSS, Figma veya marka belgesine yapıştırmaya hazırdır.
How CMYK to HEX conversion works
- Dört CMYK yüzdesinin tamamını 100'e böl.
- Önce key bileşenini uygula: her kanal (1 − K) ile ölçeklenir.
- Kanalları hesapla: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Her kanalı yuvarla, iki hexadecimal basamak olarak yaz ve bunları bir # arkasında birleştir.
Çalışan örnek
Doğası gereği yaklaşık. CMYK, ekranın kapsadığı renk aralığından daha küçük bir gamı kapsar, bu yüzden HEX sonucu renk yönetimli bir eşleşme değil sadık bir önizlemedir — gerçek eşleme için baskının ICC profili gerekir.
CMYK and HEX 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
HEX nedir?
HEX kodu, bir rengin kırmızı, yeşil ve mavi kanallarını başında # olan altı haneli on altılık bir sayı ile saklar. Her iki hane bir kanalı temsil eder, 00 (yok) ile FF (tam) arasındadır; bu da RGB ile aynı 16.7 milyon rengi çok daha kısa bir gösterimde verir. HEX, CSS, tasarım araçları ve marka kılavuzlarında varsayılandır.
- Sözdizimi:
- #RRGGBB
- Aralık:
- 00–FF her kanal için
- En uygun:
- CSS, tasarım teslimi, marka yönergeleri
CMYK to HEX reference table
En yaygın CSS renkleri, CMYK formatından HEX formatına dönüştürülmüş.
| Renk | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |