HEX, RGB y HSL
- HEX: 16 números en #RRGGBB formato. #FF0000 es rojo, #000000 es negro #FFFFFF es blanco. Los códigos con los mismos dígitos pares pueden abreviarse (#FFF).
- RGB: canales rojo, verde y azul de 0 a 255. rgb(255, 0, 0) es rojo. Un último valor "alfa" (0–1) añade transparencia: rgba(0, 0, 0, 0.5) es negro semitransparente.
- HSL: tono (0–360°), saturación y luminosidad (%). hsl(0, 100%, 50%) es rojo. Para obtener una versión más clara u oscura de un color, basta con cambiar la luminosidad.
De HEX a RGB
Cada par de dígitos se convierte de base 16 a base 10. #3B5998: 3B = 3×16+11 = 59, 59 = 5×16+9 = 89, 98 = 9×16+8 = 152 → rgb(59, 89, 152).
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Rojo | #FF0000 | 255, 0, 0 | 0, 100%, 50% |
| Verde | #00FF00 | 0, 255, 0 | 120, 100%, 50% |
| Azul | #0000FF | 0, 0, 255 | 240, 100%, 50% |
Deja suficiente contraste entre el texto y el fondo (al menos 4,5:1 para texto normal según WCAG).
Preguntas frecuentes
¿Se puede escribir el código HEX en mayúsculas o minúsculas?
Sí, #ff0000 y #FF0000 producen el mismo color.
¿Puedo usar el valor CMYK en la web?
No. CMYK es para impresión; en pantalla se usa HEX, RGB o HSL.
¿Cómo añado transparencia a un color?
Convierte el HEX a RGB y, en el formato rgba(), escribe como último valor una transparencia entre 0 y 1.