Cómo se usa
- Introduce un código de color (por ejemplo #4F46E5, rgb(…), hsl(…) o un nombre de color CSS) o usa el selector.
- Consulta todos los formatos y cópialos con un clic.
- Comprueba el contraste con texto blanco y negro y elige tonalidades a juego.
Formatos de color de un vistazo
HEX y RGB describen un color por sus componentes rojo, verde y azul y son el estándar web. HSL (tono, saturación, luminosidad) es más intuitivo para aclarar u oscurecer colores. CMYK es el modelo de impresión: estos valores son una aproximación sin perfil de color.
La comprobación de contraste sigue las pautas WCAG: el texto normal necesita una relación de al menos 4,5 : 1 (AA), el texto grande 3 : 1 y el nivel AAA 7 : 1.
Preguntas frecuentes
¿Cómo paso de HEX a RGB?
Cada par de caracteres es un valor hexadecimal de 00 a FF: #4F46E5 es rojo 0x4F = 79, verde 0x46 = 70 y azul 0xE5 = 229.
¿Los valores CMYK son exactos para imprenta?
No. Para colores de impresión exactos hace falta un perfil de color. Estos valores son una buena aproximación inicial.
¿Qué significan AA y AAA en el contraste?
Son niveles de accesibilidad WCAG. AA es el mínimo habitual y AAA el nivel más exigente.