Selector y conversor de color
HEX, RGB, HSL, contraste y escala de tonos.
Cómo usar: selector y conversor de color
Elige un color y obtén su valor en HEX, RGB y HSL listo para copiar en tu CSS. Incluye la comprobación de contraste con texto blanco y negro según WCAG y una escala de tonos para construir paletas.
¿Qué contraste mínimo exige la accesibilidad?
WCAG AA pide una relación de contraste de 4,5:1 para texto normal y 3:1 para texto grande.
¿Qué diferencia hay entre HEX, RGB y HSL?
Son tres formas de escribir el mismo color: HEX en hexadecimal (#ff7a5c), RGB con rojo, verde y azul, y HSL con tono, saturación y luminosidad, más intuitivo para crear variaciones.