Mr. Encoder

Conversor de colores

Convierte cualquier color CSS a HEX, RGB, HSL, HWB, CMYK y OKLCH y comprueba su contraste WCAG.

Cómo se usa

  1. Escribe o pega un color en cualquier formato CSS, o elige uno con el selector de color.
  2. Míralo al instante en HEX, RGB, HSL, HWB, CMYK y OKLCH y copia el formato que necesites.
  3. Comprueba la relación de contraste sobre blanco y negro para asegurarte de que tu texto sea legible.

Preguntas frecuentes

¿Qué relación de contraste exige WCAG?

El nivel AA de WCAG 2 exige al menos 4.5:1 para texto normal y 3:1 para texto grande (24px, o 18.66px en negrita). El nivel AAA exige 7:1 para texto normal y 4.5:1 para texto grande.

¿Qué es OKLCH y por qué usarlo?

OKLCH es un espacio de color perceptualmente uniforme: cambios iguales de luminosidad o croma se perciben como cambios iguales. Eso lo hace ideal para crear paletas de colores, y los navegadores modernos lo admiten en CSS mediante oklch().

¿Cómo se gestionan los colores transparentes?

HEX de 8 dígitos, rgba() y hsla() conservan su valor alfa en todos los formatos que lo admiten. Para comprobar el contraste, el color se mezcla primero sobre el fondo blanco o negro.

¿El valor CMYK es exacto para imprenta?

No. Es la conversión matemática estándar desde RGB. Los colores exactos de impresión dependen de la impresora, el papel y el perfil de color ICC, así que usa tu software de diseño para los valores finales de impresión.

Otras herramientas