Color Converter
Convert colors between HEX, RGB, and HSL formats with live preview.
#3B82F6
Color Palette
Shades & Tints
CSS Variables
About This Tool
Color formats represent colors in different ways: HEX uses hexadecimal notation (#RRGGBB), RGB specifies red, green, and blue values (0-255), and HSL defines hue (0-360), saturation, and lightness percentages. Each format has its use cases in web development and design.
Common Use Cases
- Converting design tool colors for CSS
- Adjusting color brightness and saturation
- Creating color palettes and themes
- Ensuring color consistency across platforms
- Generating CSS custom properties
Examples
Same color in different formats:
- HEX:
#3B82F6 - RGB:
rgb(59, 130, 246) - HSL:
hsl(217, 91%, 60%)
Notes & Limitations
- HEX is most common in web development (compact notation)
- HSL is best for programmatic color manipulation
- RGB is standard in image editing software
- Modern CSS supports all three formats natively
Privacy Note
All color conversions happen client-side in your browser. No data is sent to any server.