OpenTools

Conversión de código de color — HEX, RGB, HSL, CMYK y comprobación de contraste

Útil para pasar los colores de un diseño a código CSS, o para comprobar si el texto de un botón es legible según los criterios de accesibilidad.

El archivo no se envía al servidor — se procesa solo dentro del navegador de este dispositivo

Comprobación de contraste (WCAG)

Es la relación de contraste con el fondo si usas este color como color de texto. Texto normal: AA 4.5:1, AAA 7:1 / texto grande (24px o negrita de 18.7px o más): AA 3:1, AAA 4.5:1.

AaBb 123
Fondo blanco6.29:1
✓ AA texto normal ✗ AAA texto normal ✓ AA texto grande ✓ AAA texto grande
AaBb 123
Fondo negro3.34:1
✗ AA texto normal ✗ AAA texto normal ✓ AA texto grande ✗ AAA texto grande
AaBb 123
Color elegido #FFFFFF6.29:1
✓ AA texto normal ✗ AAA texto normal ✓ AA texto grande ✓ AAA texto grande

Niveles de claro a oscuro

Pulsa la celda para copiar el código HEX.

Publicidad

Cómo usar Conversión de color

  1. 1Introduce un código de color o elígelo con el selector (admite #4f46e5, rgb(), hsl()).
  2. 2Aparece el código en todos los formatos; pulsa para copiarlo.
  3. 3Comprueba la relación de contraste con blanco, negro o un color elegido, si cumple con WCAG, y los niveles de más claro a más oscuro.

Preguntas frecuentes

¿Cuál debe ser la relación de contraste mínima?

WCAG AA exige al menos 4.5:1 para texto normal y 3:1 para texto grande; AAA exige al menos 7:1 y 4.5:1 respectivamente.

El valor CMYK no coincide con el de la imprenta.

El CMYK que se muestra aquí es una simple conversión matemática. La impresión real varía según el perfil de papel y tinta, así que sigue los criterios de tu imprenta.

Publicidad