Informática
Conversor de colores HEX, RGB, HSL, HSV y CMYK
Escribe un color en cualquier notación, o elígelo con el selector: lo obtienes en todas las demás y ves al instante lo legible que sería un texto blanco o negro encima.
Las notaciones de color y el contraste
En pantalla cada color es una mezcla de rojo, verde y azul, cada uno de 0 a 255: es la notación RGB, y HEX es lo mismo escrito en hexadecimal, dos cifras por canal. HSL y HSV describen el mismo color de forma más intuitiva, con tono en la rueda de colores, saturación y luminosidad, y por eso se usan para crear variantes más claras u oscuras.
La imprenta trabaja al revés: parte del blanco del papel y resta luz con tintas cian, magenta, amarilla y negra, el CMYK. La conversión exacta depende del papel y de la máquina; la que se muestra aquí es la teórica, útil para hacerse una idea pero no para un archivo de impresión.
El contraste WCAG mide cuánto se distingue el texto del fondo, de 1:1 a 21:1, usando la luminancia relativa, que pesa el verde mucho más que el azul, como hace el ojo. Las pautas piden al menos 4,5:1 para el texto normal y 3:1 para el grande; 7:1 es el nivel AAA.
Errores frecuentes
- Elegir el color del texto a ojo: un amarillo intenso parece fuerte pero es muy claro, y un texto blanco encima es ilegible.
- Esperar que el CMYK calculado se imprima igual que en pantalla: muchos colores RGB brillantes no se pueden imprimir.
- Olvidar la transparencia: un color con alfa cambia de aspecto y de contraste según lo que tenga debajo.
Preguntas frecuentes
¿Qué contraste hace falta para ser accesible?
Las WCAG 2 piden 4,5:1 para el texto normal (nivel AA), 3:1 para el texto grande de 24 px o 19 px en negrita, y 7:1 para el nivel AAA.
¿Qué diferencia hay entre HSL y HSV?
Ambos usan tono y saturación. En HSL, la luminosidad al 100 % siempre es blanco y al 50 % el color puro; en HSV, el valor al 100 % es el color puro a máximo brillo.
¿Cómo se escribe un color transparente?
Con un canal alfa: #185FA580 en HEX de ocho cifras, o rgba(24, 95, 165, 0.5). El alfa va de 0, transparente, a 1, opaco.
Cómo funciona este cálculo
HEX #RRGGBB: cada par es un canal de 00 a FF. HSL: con el máximo y el mínimo de los canales normalizados, L = (máx + mín) / 2, S = (máx − mín) / (1 − |2L − 1|), H según el ángulo del canal dominante. CMYK: K = 1 − máx, C = (1 − R − K) / (1 − K) y así sucesivamente. Contraste = (L1 + 0,05) / (L2 + 0,05), con luminancia L = 0,2126 R + 0,7152 G + 0,0722 B sobre los canales linealizados.
Cálculos relacionados
Codificador de URL
Codificación y decodificación por porcentaje de valores y direcciones, y una URL descompuesta en sus partes.
Códigos Unicode y UTF-8
El code point, los bytes UTF-8 y UTF-16 y el código HTML de cada carácter, emoji incluidos.
Conversor de timestamp Unix
De timestamp Unix a fecha y hora y viceversa: segundos, milisegundos, UTC y hora local.