RGB to HSL Converter

Convert RGB colors to HSL instantly

HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 y nombres CSS

#5CCC7FFF
H139°
Alfa100%
Vista previa
Sobre claro
Sobre oscuro

Todo se procesa localmente en tu navegador.

rgb
hsl
HSLRGB
HSL
HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL + Alpha

CSS HEX usa RRGGBBAA; Android y Flutter usan AARRGGBB.

Colores recientes

Los colores convertidos aparecerán aquí.

Resumen

Convierte colores RGB directamente a HSL, conservando el color sRGB y el alfa cuando la sintaxis de destino lo admite. La página comienza con entrada RGB y prioriza el resultado HSL.

Cómo funciona

Introduce RGB, por ejemplo rgb(92 204 127). El motor del navegador valida los canales, convierte mediante un modelo de color común y actualiza HSL, la vista previa, el contraste y otros formatos.

Ejemplos y usos

Usa la conversión de RGB a HSL al mover colores entre CSS, entregas de diseño, código de aplicaciones o especificaciones de impresión. El valor no se sube.

Casos límite y limitaciones

Los canales RGB aceptan números de 0–255 o porcentajes, con sintaxis moderna o con comas. El tono HSL gira en 360 grados, mientras saturación y luminosidad requieren porcentajes.

Conversión inversa

Para la dirección opuesta usa el conversor enlazado de HSL a RGB. La URL, el título, la entrada inicial y el resultado principal cambian juntos.

CodingTool ya está oficialmente disponible en

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.tools