Color Converter
Convert between HEX, RGB, and HSL color codes.
rgb(255, 87, 51)
hsl(11, 100%, 60%)
How to Calculate
The Color Converter converts between three color representation formats: HEX, RGB, and HSL.
- HEX: Hexadecimal notation (e.g., #FF5733)
- RGB: Red (0-255), Green (0-255), Blue (0-255)
- HSL: Hue (0-360), Saturation (0-100%), Lightness (0-100%)
Change any field and the others update automatically.
Example
FAQ
Where is HEX used?
HEX codes are most commonly used in web development to specify colors in CSS. They start with # followed by 6 hexadecimal digits.
What are the advantages of HSL?
HSL separates Hue, Saturation, and Lightness, making it intuitive to adjust colors. It is convenient when you only want to change brightness or saturation.
Related Tools
Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic, and more. Export as CSS or Tailwind config.
Image Converter
Convert between PNG, JPG, and WebP image formats directly in your browser. Adjustable quality with file size comparison.
Unicode Encoder/Decoder
Encode and decode Unicode escape sequences.