Color Converter
Convert colors between HEX, RGB, and HSL formats. Includes color picker and preview.
Supported formats: HEX (#RGB, #RRGGBB), rgb(r,g,b), hsl(h,s%,l%)
Understanding Color Models
Colors on screens are represented using different models. RGB (Red, Green, Blue) defines colors by mixing light intensities from 0 to 255. HEX is a compact RGB representation using hexadecimal notation (#RRGGBB). HSL (Hue, Saturation, Lightness) is more intuitive for designers — hue is the color angle (0-360 degrees), saturation is vibrancy, and lightness is brightness.
Enter a color value in any supported format — HEX, RGB, or HSL — and the tool instantly converts it to all other formats. Use the visual color picker to select colors interactively, or choose from the quick palette for commonly used colors. Copy the CSS-ready output with a single click.
Color conversion is essential for web development, graphic design, brand guideline documentation, accessibility testing, and creating consistent color palettes across different tools. Designers often work in HSL for intuitive color adjustments, then convert to HEX for CSS stylesheets.
HEX shorthand (#RGB) expands to full form (#RRGGBB) by doubling each digit, so #F0C becomes #FF00CC. RGB values map directly to the red, green, and blue sub-pixels of your display. HSL separates color identity (hue) from its appearance (saturation and lightness), making it easy to create tints, shades, and harmonious color schemes programmatically.