Vés da impresión e necesitas a mesma cor na web? Converter CMYK a HEX dáche o equivalente para pantalla máis achegado á túa mestura de tintas, listo para pegar en CSS, Figma ou nunha ficha de marca.
Como funciona a conversión de CMYK a HEX
- Divide os catro porcentaxes CMYK por 100.
- Aplica primeiro o compoñente clave: cada canal escalase por (1 − K).
- Calcula os canais: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Redondea cada canal, escríbeo como dous díxitos hexadecimais e únelos detrás dun #.
Exemplo práctico
Aproximado por natureza. CMYK cobre un intervalo de cores máis pequeno que unha pantalla, así que o resultado HEX é unha vista previa fiel máis que unha coincidencia xestionada por cor — iso necesitaría o perfil ICC da prensa.
CMYK e HEX explicados
Que é CMYK?
CMYK é o modelo de catro tintas usado en impresión: cyan, magenta, yellow e key (negro), cada unha como porcentaxe de 0 a 100. A tinta subtráe luz en lugar de emitila, polo que CMYK abarca menos cores que unha pantalla — por iso as cores brillantes de pantalla adoitan verse máis apagadas ao imprimilas.
- Sintaxe:
- cmyk(C%, M%, Y%, K%)
- Rango:
- 0–100% por tinta
- Mellor para:
- impresión, embalaxe, arte final para prensa
Que é HEX?
Un código HEX é un número hexadecimal de seis díxitos que almacena os canles vermello, verde e azul dunha cor detrás dun # inicial. Cada par de díxitos cubre un canal, desde 00 (ningún) ata FF (completo), o que dá os mesmos 16,7 millóns de cores que RGB nunha notación moito máis curta. HEX é o predeterminado en CSS, ferramentas de deseño e guías de marca.
- Sintaxe:
- #RRGGBB
- Rango:
- 00–FF por canal
- Mellor para:
- CSS, entrega de deseño, guías de marca
Táboa de referencia de CMYK a HEX
As cores CSS máis comúns, convertidas de CMYK a HEX.
| Cor | 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 |