Color Converter (HEX/RGB/HSL)
Convert colors between HEX, RGB, and HSL formats. Pick a color visually or enter values manually.
#535bebrgb(83, 91, 235)hsl(237, 79%, 62%)What is Color Converter (HEX/RGB/HSL)?
HEX, RGB, and HSL are three ways of expressing the same color. HEX (#RRGGBB) is the most common in CSS and design tools. RGB (rgb(R,G,B)) separates the channels numerically. HSL (hsl(H,S%,L%)) is more intuitive for humans — hue is the color, saturation is the intensity, lightness is the brightness. Use HSL when designing palettes; convert to HEX for implementation.
Frequently asked questions
When should I use HSL over HEX?▼
What about OKLCH and modern color spaces?▼
Related tools
CSS Box Shadow Generator
Build CSS box-shadow visually.
CSS Gradient Generator
Build linear and radial CSS gradients.
Cubic Bezier Generator
Build CSS easing curves visually.
Color Palette Generator
Generate harmonious color palettes from any base color.
CSS Border Radius Generator
Build complex CSS border-radius visually.
CSS Clamp Generator
Generate responsive CSS clamp() functions.