Color Converter

Convert colors between HEX, RGB, and HSL formats with live preview. All processing happens client-side -- your data never leaves your browser.

Preview
Pick a Color
Current Values
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

HEX

#

RGB

HSL

How to Use the Color Converter

  1. Enter a color in any format -- HEX, RGB, or HSL -- and the other formats update automatically.
  2. Use the native color picker for a visual selection experience.
  3. Click the Copy button next to any format to copy the value to your clipboard.

Supported Color Formats

  • HEX -- 6-digit hexadecimal color codes with # prefix (e.g. #3B82F6)
  • RGB -- Red, Green, Blue values from 0 to 255 (e.g. rgb(59, 130, 246))
  • HSL -- Hue (0-360), Saturation (0-100%), Lightness (0-100%) (e.g. hsl(217, 91%, 60%))

Features

  • Real-time bidirectional conversion between HEX, RGB, and HSL
  • Live color preview swatch
  • Native browser color picker
  • One-click copy for each format
  • Supports 3-character HEX shorthand (e.g. #abc)
  • 100% client-side -- no data sent to any server