Color Converter
Real-time conversion between HEX, RGB, and HSL color formats with a color picker.
Current Color
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
R59
G130
B246
How to Use
- Click the color picker icon in the top right to pick a color directly.
- Or manually enter HEX / RGB / HSL values in any field — other formats update in real time.
- Drag the RGB channel sliders to fine-tune the color.
- Click Copy next to each format to copy the value to clipboard.
About Color Converter
Colors in web development can be represented in multiple formats. HEX (#RRGGBB) is the most common in CSS and HTML. RGB (Red, Green, Blue) specifies color components from 0-255. HSL (Hue, Saturation, Lightness) is more intuitive for human perception -- hue is the color angle (0-360), saturation is color intensity (0-100%), and lightness is brightness (0-100%). OKLCH is a modern perceptually uniform format used in CSS Color Level 4. This tool instantly converts between all these formats and provides a visual color picker.
Frequently Asked Questions
Comments (0)
Leave a comment