RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Preview
このツールについて
Convert between HEX, RGB and HSL color formats with live preview. Essential for frontend dev, UI design and theming.
How to use
- Pick a color or enter a HEX value
- RGB and HSL values update in real time
- Preview the color
Example
HEX #3b82f6 equals rgb(59, 130, 246) and hsl(217, 91%, 60%).
FAQ
HEX vs RGB vs HSL?
HEX is hexadecimal; RGB uses red/green/blue channels; HSL uses hue/saturation/lightness, more intuitive for humans.
Why use HSL?
HSL makes adjusting lightness and saturation easier, ideal for color scheme design.