Convertidor de colores
Convierte colores entre HEX, RGB y HSL y comprueba su contraste.
Se procesa en tu dispositivo
- Cómo funciona
- 1Escribe un color en cualquier formato o usa el selector.
- 2Copia el valor en el formato que necesites.
Cargando herramienta…
Sobre Convertidor de colores
Convierte colores entre HEX, RGB y HSL escribiéndolos en cualquier formato o con el selector. Muestra una gama de tonos del mismo color y el contraste con texto blanco y negro según las pautas de accesibilidad WCAG.
Ejemplo: escribe #4F5BFF y obtendrás su equivalente en RGB y HSL para pegarlo en tu CSS. Antes de usarlo como fondo de un botón, mira el contraste: si el texto blanco no llega a 4,5:1, elige un tono más oscuro de la gama.
Preguntas frecuentes
¿Qué contraste necesita un texto?
Para texto normal se recomienda al menos 4,5:1; para texto grande, 3:1.
¿Qué formato uso en CSS?
Todos son válidos. HEX es el más común; HSL facilita crear variantes más claras u oscuras.