Color y diseño

Conversor HEX, RGB y HSL

Elige un color visualmente o convierte códigos HEX, RGB y HSL en ambas direcciones.

Procesado de forma local

Arrastra en el panel o usa los controles. Los campos HEX, RGB y HSL cambian el mismo color.

Resultado
HEX
#4F46E5
RGB
rgb(79 70 229)
HSL
hsl(243.4 75.36% 58.63%)
Ayuda y método

Introduce HEX, RGB o HSL, o usa el selector. RGB usa 0–255; el tono HSL es un ángulo y saturación/luminosidad son porcentajes. Solo sRGB opaco, sin alfa.

Métodos y fiabilidad

Ejemplo resuelto

Un ejemplo que puedes probar o adaptar a tus valores.

Color HEX
#FF0000

Resultado

RGB: rgb(255 0 0) HSL: hsl(0 100% 50%)

Probar estos valores