Color Converter Online - Free color converter between HEX, RGB, and HSL with visual preview.
Free online color converter. Convert between HEX, RGB, and HSL color formats instantly with live color preview and clipboard copy.
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
How to Use Color Converter
- 1Enter a color in any format (HEX, RGB, or HSL).
- 2All other formats are calculated automatically.
- 3Click copy next to any value.
Frequently Asked Questions
What is the difference between HEX and RGB?
HEX represents color as a 6-character hexadecimal string (e.g., #FF5733). RGB represents it as three decimal numbers (e.g., rgb(255, 87, 51)). Both describe the same color in different formats.
What is HSL?
HSL stands for Hue, Saturation, Lightness. It is a more intuitive color model where Hue is the color angle (0-360°), Saturation is intensity (0-100%), and Lightness is brightness (0-100%).
Can I copy the converted color value?
Yes. Click the copy button next to any converted value to copy it to your clipboard.
Found a bug or have a suggestion? Report it on GitHub
Learn More
Guide
HEX vs RGB vs HSL
Color formats explained with examples.
GuideColor Theory
Essential color theory for web designers.
GuideCSS Color Functions
Modern CSS rgb(), hsl(), oklch() guide.
GuideTailwind Color System
Customizing and extending Tailwind palettes.
GuideWCAG Contrast Guide
Practical guide with real examples.
GuideConverting Colors for Accessibility: Contrast Ratios and WCAG Compliance
Learn how to convert and adjust color values to meet WCAG contrast requirements