Galing sa print at kailangan ang parehong kulay sa web? Ang pag-convert ng CMYK sa HEX ang magbibigay ng pinakamalapit na screen equivalent ng pinaghalong tinta mo, handa i‑paste sa CSS, Figma o brand sheet.
Paano gumagana ang conversion mula CMYK papuntang HEX
- Hatiin ang lahat ng apat na CMYK na porsyento sa 100.
- I-apply muna ang key component: ang bawat channel ay isinascale ng (1 − K).
- Kalkulahin ang mga channel: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- I-round ang bawat channel, isulat bilang dalawang hexadecimal na digit at pagsamahin sa likod ng #.
Halimbawang gumagana
Approximate sa katangian. Saklaw ng CMYK ang mas maliit na gamut kaysa sa screen, kaya ang HEX na resulta ay tapat na preview kaysa color‑managed match — kailangan pa nito ang ICC profile ng press para doon.
Ipinaliwanag ang CMYK at HEX
Ano ang CMYK?
Ang CMYK ay ang four-ink model na ginagamit sa pagpi-print: cyan, magenta, yellow at key (black), bawat isa bilang porsyento mula 0 hanggang 100. Ang tinta ay nag-aalis ng ilaw sa halip na naglalabas nito, kaya mas kaunti ang kulay na kaya ng CMYK kumpara sa screen — kaya madalas mas mapurol ang maliwanag na screen colors kapag na-print.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Saklaw:
- 0–100% per ink
- Pinakamainam para sa:
- print, packaging, press-ready artwork
Ano ang HEX?
Ang HEX code ay isang anim na digit na hexadecimal na numero na nag-iimbak ng red, green at blue channel ng isang kulay sa likod ng nangungunang #. Bawat pares ng digit ay sumasaklaw sa isang channel, mula 00 (wala) hanggang FF (buo), na nagbibigay ng parehong 16.7 milyong kulay gaya ng RGB pero sa mas maikling notasyon. HEX ang default sa CSS, design tools at brand guidelines.
- Sintaks:
- #RRGGBB
- Saklaw:
- 00–FF per channel
- Pinakamainam para sa:
- CSS, design handoff, brand guidelines
CMYK to HEX reference table
Ang mga pinaka-karaniwang CSS na kulay, naka-convert mula CMYK papuntang HEX.
| Kulay | 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 |