Cada formato de cor describe o mesmo nunha lingua diferente: HEX para follas de estilo, RGB para pantallas e código, HSL para crear paletas e CMYK para impresión. Elixe a conversión que necesitas e obtén o valor exacto, unha vista previa en directo e a fórmula detrás.
Os catro formatos de cor
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
- Mellor para:
- CSS, entrega de deseño, guías de marca
Que é RGB?
RGB describe unha cor como tres canles de luz — vermello, verde e azul — cada unha de 0 a 255. Reflicte como funcionan realmente as pantallas: as tres a 255 dan branco, todas a 0 dan negro. RGB é a opción axeitada sempre que precises calcular cunha cor, e rgba() engade transparencia por riba.
- Sintaxe:
- rgb(R, G, B)
- Mellor para:
- código, canvas, transparencia con rgba()
Que é HSL?
HSL divide unha cor en tonalidade (0–360° na roda de cores), saturación (o nivel de cor, 0–100%) e luminosidade (o brillo, 0–100%). Como cada parte coincide coa forma en que a xente describe a cor, HSL é o formato máis sinxelo para crear tintas, sombras e paletas coherentes — manualmente ou en código.
- Sintaxe:
- hsl(H, S%, L%)
- Mellor para:
- paletas, tintas e sombras, tematización
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%)
- Mellor para:
- impresión, embalaxe, arte final para prensa