Color

Un conversor de color online y gratuito que traduce colores entre HEX, RGB y HSL con un selector en vivo, además de un comprobador de contraste WCAG integrado que informa del aprobado/reprobado AA y AAA para cualquier par de primer plano y fondo. Introduce un color en cualquier formato admitido y obtén al instante los demás, ajústalo visualmente con el selector y copia el valor exacto que tu CSS necesita. El comprobador de contraste convierte la accesibilidad de una conjetura en un resultado claro: muestra la relación de contraste y si tu combinación de texto y fondo cumple los umbrales WCAG para texto normal y grande. Todo se ejecuta en tu navegador.

Usos comunes

• Convierte un color de marca HEX a RGB o HSL para usarlo en CSS.
• Comprueba si los colores de texto y fondo cumplen el contraste WCAG AA para accesibilidad.
• Ajusta un color con el selector y copia el valor en el formato que necesitas.
• Verifica que los pares de color de un sistema de diseño pasan AAA antes de publicar.
• Traduce el valor HSL de un diseñador al HEX que espera tu base de código.

Preguntas frecuentes

¿Entre qué formatos de color puede convertir?

HEX, RGB y HSL. Introduce un color en cualquiera de estos formatos y se convierte a los demás.

¿Qué niveles de contraste comprueba?

Informa de la relación de contraste y de si el par pasa WCAG AA y AAA tanto para texto normal como grande.

¿Qué relación de contraste necesito para pasar WCAG?

WCAG AA requiere al menos 4.5:1 para texto normal y 3:1 para texto grande; AAA requiere 7:1 y 4.5:1 respectivamente. El comprobador muestra la relación y el aprobado/reprobado para cada uno.

¿Cuál es la diferencia entre HEX, RGB y HSL?

Describen los mismos colores de forma diferente: HEX y RGB especifican los canales rojo/verde/azul, mientras que HSL usa tono, saturación y luminosidad, a menudo más fácil para ajustar un matiz a mano.

¿Se suben mis datos de color a algún sitio?

No. La conversión y la comprobación de contraste se ejecutan íntegramente en tu navegador.