Convertidor de Color
Convierte colores entre los formatos HEX, RGB y HSL. Incluye un selector de color visual y un verificador de ratio de contraste WCAG para pruebas de accesibilidad.
Valores CSS
color: #3B82F6;
color: rgb(59, 130, 246);
color: hsl(217, 91%, 60%);
Cómo Funciona
Ingresa un valor de color
Escribe un código HEX, valores RGB, valores HSL o usa el selector de color visual.
Consulta todos los formatos
El color se convierte instantáneamente a HEX, RGB y HSL. Todos los formatos se muestran simultáneamente con la salida CSS.
Copia o verifica la accesibilidad
Copia cualquier formato de color a tu portapapeles. Verifica los ratios de contraste WCAG sobre fondos blanco y negro.
Preguntas Frecuentes
¿Qué formatos de color son compatibles?
La herramienta admite los formatos HEX (3 y 6 dígitos), RGB (0–255) y HSL (tono 0–360, saturación y luminosidad 0–100 %). Ingresa un valor en cualquier formato y todos los demás se calculan al instante.
¿Qué es el verificador de contraste?
El verificador de contraste calcula el ratio de contraste entre tu color y los fondos blanco o negro según las directrices WCAG. Muestra si la combinación cumple los estándares de accesibilidad AA (ratio 4.5:1) o AAA (ratio 7:1).
¿Se ejecuta en mi navegador?
Sí. Todas las conversiones y cálculos de color ocurren del lado del cliente en tu navegador. No se envían datos a ningún servidor.