Conversor de Color HEX/RGB/HSL
Convierte entre HEX, RGB y HSL y mide el contraste WCAG.
1.00
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)Contraste WCAG
Comprueba si tu color tiene contraste suficiente como texto sobre fondo blanco o negro. AA exige 4.5:1 (texto normal) o 3:1 (texto grande); AAA exige 7:1.
Sobre blanco5.17:1
Texto de ejemplo
AA ✓AAA ✗AA grande ✓
Sobre negro4.06:1
Texto de ejemplo
AA ✗AAA ✗AA grande ✓
Cómo funciona
- 1 Elige un color Usa el selector visual o escribe el color en HEX, rgb() o hsl(); ajusta la transparencia si la necesitas.
- 2 Copia el formato que quieras HEX, RGB y HSL se muestran a la vez y son copiables con un clic, sin desviaciones de redondeo.
- 3 Revisa la accesibilidad Comprueba el contraste WCAG de tu color como texto sobre fondo blanco y negro, con los niveles AA y AAA.
Preguntas frecuentes
¿Cómo convierto un HEX corto como #abc a RGB?
Se expande duplicando cada dígito (#abc → #aabbcc) y luego se convierte. La herramienta lo hace automáticamente al escribirlo.
¿Qué contraste necesito para cumplir WCAG?
Para texto normal, el nivel AA exige una relación de 4.5:1 y AAA de 7:1. Para texto grande, AA baja a 3:1. La herramienta te indica si tu color pasa cada nivel.