Color Converter
Convert between HEX, RGB, and HSL colors
Formula
RGB uses 0-255 per channel. HSL uses hue (0-360°), saturation, and lightness percentages.
Examples
RGB(66, 135, 245)
= #4287F5 = HSL(216, 90%, 61%)
Frequently Asked Questions
About Color
Convert colors between HEX, RGB, and HSL formats used in web design and programming. HEX codes are the most common format in CSS, using a 6-digit hexadecimal representation (#RRGGBB). RGB specifies red, green, and blue channel values from 0-255. HSL (Hue, Saturation, Lightness) is the most intuitive for designers—hue is the color wheel position (0-360°), saturation is intensity (0-100%), and lightness is brightness (0-100%). Each format has advantages: HEX is compact, RGB maps to display hardware, and HSL makes it easy to create color variations by adjusting individual components. Modern CSS supports all three formats plus transparency variants (RGBA, HSLA).
Related Calculators
Temperature Converter
Convert between Celsius, Fahrenheit, and Kelvin
Length Converter
Convert between meters, feet, inches, and more
Weight Converter
Convert between kg, lbs, ounces, and more
Volume Converter
Convert between liters, gallons, cups, and more