🔄 Conversores
Conversor de colores HEX, RGB, HSL y HSV
Transforma colores entre todos los formatos CSS: HEX (#RRGGBB), RGB, RGBA, HSL, HSLA y HSV. Con selector de color visual y valores listos para copiar.
Error:
Sistemas de representación de colores
- HEX (#RRGGBB): formato hexadecimal. El más usado en HTML/CSS. También existe la versión corta #RGB.
- RGB (red, green, blue): componentes de 0-255. RGBA añade canal alpha (opacidad 0-1).
- HSL (hue, saturation, lightness): más intuitivo para ajustar colores. Matiz (0-360°), saturación (0-100%), luminosidad (0-100%).
- HSV (hue, saturation, value): similar al HSL pero usado en muchas paletas de color.
¿Cuándo usar cada formato?
- CSS variables: usa HSL para variaciones fáciles (--color-primary-dark: hsl(234, 81%, 30%)).
- Compatibilidad máxima: usa HEX o RGB.
- Transparencia: usa RGBA o HSLA.
Preguntas frecuentes
¿Qué diferencia hay entre HSL y HSV?
En HSL, lightness=100% siempre es blanco. En HSV, value=100% con saturation=0% es blanco, pero con saturation=100% es el color puro. HSL es más común en CSS; HSV en editores de imagen.
Herramientas relacionadas
Conversor de colores CSS
Convierte colores entre HEX, RGB, RGBA, HSL, HSLA y OKLCH para CSS. Con selector visual, previsualiz…
Usar herramienta →Generador de paleta de colores
Genera paletas de colores armónicas: complementarios, análogos, triádicos y monocromáticos. Con 10 t…
Usar herramienta →Analizador de contraste de colores WCAG
Comprueba si la combinación de color de texto y fondo cumple los estándares de accesibilidad WCAG 2.…
Usar herramienta →