Conversor de color: HEX, RGB y HSL, con ratios de contraste
Conversión HEX / RGB / HSL con comprobación de contraste
Cargando la herramienta…
Sobre esta herramienta
El diseño entrega HEX, el código necesita RGB, y elegir colores es más fácil en HSL. Introduce cualquiera de los tres formatos y los demás se actualizan, con ratios de contraste WCAG y variantes de tono y sombra para comprobar si el texto se lee de verdad sobre su fondo.
Preguntas frecuentes
¿Admite transparencia?
Sí, se manejan tanto HEX de ocho cifras (#RRGGBBAA) como rgba().
¿Cómo interpreto la puntuación de contraste?
Por encima de 4,5:1 va bien para texto de cuerpo; por encima de 3:1 para texto grande. Por debajo de 3:1 cuesta leerlo en una pantalla pequeña.
¿Puede generar una paleta?
Produce una rampa de tonos de 50 a 900 en el mismo matiz, lista para copiar.