Conversor de colores
Convertí entre HEX, RGB y HSL, y revisá el contraste contra blanco y negro.
Cargando… Cómo funciona
Todas las conversiones y el cálculo de contraste (fórmula de luminancia relativa de WCAG 2.2) se hacen con matemática simple en tu navegador. No se envía ni se guarda nada.
HEX:
RGB:
HSL:
Contraste con texto blanco:
Contraste con texto negro:
Cómo se usa
- Elegí un color con el selector, o escribí un código HEX directamente.
- Mirá sus equivalentes en RGB y HSL, y su contraste contra blanco y negro.
Qué pasa con tus datos
Todo el cálculo ocurre en tu navegador con matemática simple. No se envía nada a ningún servidor.
Casos de uso
Sirve para pasar un color de un formato a otro al armar una hoja de estilos, o para chequear rápido si un color de texto cumple el contraste mínimo de WCAG contra un fondo blanco o negro.
Limitaciones
El contraste se calcula solo contra blanco puro y negro puro — si tu fondo real es otro color, este número es solo una referencia aproximada. Para el contraste exacto entre dos colores cualesquiera hace falta indicar ambos, algo que esta primera versión no cubre todavía.
Preguntas frecuentes
¿Qué significa el número de contraste?
Es la relación de contraste según la fórmula de WCAG 2.2, un número entre 1 (sin contraste) y 21 (máximo posible, negro sobre blanco). WCAG AA exige al menos 4.5 para texto normal y 3 para texto grande; AAA exige 7.