🎨

HEX, RGB, HSL Color Converter

Convert between different color formats (HEX, RGB, HSL, etc.).

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV / HSB
hsv(217, 76%, 96%)
CSS Named Color
—
Relative Luminance
—
Contrast on White
—
Contrast on Black
—

Quick Colors

ℹī¸ About Color Converter

  • HEX: used in CSS and design tools (#RRGGBB)
  • RGB: red, green, blue channels 0–255; used in CSS and canvas APIs
  • HSL: hue (0–360°), saturation (0–100%), lightness (0–100%); intuitive for designers
  • HSV/HSB: hue, saturation, value/brightness; used in most color pickers including Photoshop

How to use Color Converter

  1. 1
    Pick or type a color — Use the color picker or type a HEX, RGB, or HSL value.
  2. 2
    See all formats — HEX, RGB, HSL, and HSV all update instantly with a live swatch.
  3. 3
    Copy any format — Click Copy on any card to copy that color string to clipboard.
  4. 4
    Try quick colors — Click any swatch in the palette to load a common color.

Color Converter runs entirely in your browser — no data is sent anywhere.