tools / developer
Conversor de colores
Convierte entre HEX, RGB, HSL y HSV.
contraste sobre blanco: 3.68:1 ✗ no cumple AA
contraste sobre negro: 5.71:1 ✓ AA
HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CSScolor: #3B82F6;
Preguntas frecuentes
- ¿Cuál es la diferencia entre HSL y HSV?
- HSL (Matiz, Saturación, Luminosidad) se usa en CSS. HSV (Matiz, Saturación, Valor/Brillo) se usa en herramientas de diseño como Figma y Photoshop. El blanco puro es HSL(0, 0 %, 100 %) frente a HSV(0, 0 %, 100 %). El rojo puro es HSL(0, 100 %, 50 %) frente a HSV(0, 100 %, 100 %).
- ¿Qué significa el contraste WCAG?
- El cumplimiento AA requiere una relación de contraste de al menos 4,5:1 para texto normal. Un mayor contraste significa mejor legibilidad para usuarios con discapacidad visual.
ACERCA DE ESTA HERRAMIENTA
Enter a color in HEX, RGB, HSL, or HSV and instantly see the equivalent values in all other formats. Useful when moving colors between design tools and code, or when a CSS property requires a format different from what you have.
GUÍAS RELACIONADAS
Códigos de color explicados
Qué significan los códigos de color HEX, RGB y HSL, cómo convertir entre ellos y cuándo usar cada formato.