S
SeniorTools

Free Online Color Converter

Convert any color between HEX, RGB, HSL, and HSV formats. Edit any field and the other three update instantly — a live color swatch shows the result.

HEX
RGB (r, g, b)
HSL (h, s%, l%)
HSV (h, s%, v%)

Color Format Reference

HEX — #rrggbb

Six hexadecimal digits representing red, green, and blue channels (00–ff each). The native format for CSS colors and design tools. Shorthand #rgb is also supported — #fff expands to #ffffff.

RGB — r, g, b

Three integer values from 0 to 255. Direct representation of the red, green, and blue light intensities mixed to produce the color. The format used by CSS's rgb() function and most graphics APIs.

HSL — h, s%, l%

Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). More intuitive for designers: adjust hue to change the color, saturation to add or remove vibrancy, lightness to make it lighter or darker. Used natively in CSS via hsl().

HSV — h, s%, v%

Hue (0–360°), Saturation (0–100%), and Value/Brightness (0–100%). Used internally by most color picker widgets and image editing software (Photoshop, Figma). Unlike HSL, full saturation at full value always gives a fully vivid color.

Common Use Cases

  • CSS development: Copy the exact format your stylesheet expects — HEX,rgb(), or hsl().
  • Design systems: Translate brand colors between the format your design tool exports and what your code requires.
  • Accessibility checks: Use HSL to generate lighter/darker variants of a color for sufficient contrast ratios.
  • UI development: Convert Figma / Sketch color values to the format needed by your component library or CSS-in-JS solution.