Color Converter

Convert between different color formats: HEX, RGB, HSL, and HSV

Color Picker

hex

#3b82f6

rgb

rgb(59, 130, 246)

rgba

rgba(59, 130, 246, 1)

hsl

hsl(217, 91%, 60%)

hsla

hsla(217, 91%, 60%, 1)

hsv

hsv(217, 76%, 96%)

Color Preview

Solid Color
On White Background
On Dark Background

Color Formats

HEX
Hexadecimal notation (#RRGGBB)
RGB
Red, Green, Blue values (0-255)
HSL
Hue, Saturation, Lightness
HSV
Hue, Saturation, Value

Features

✓

Visual color picker

✓

Multiple format support

✓

Real-time conversion

✓

Color preview

FAQ

Which format should I use?

HEX for web/CSS, RGB for graphics, HSL for color adjustments.

What's the difference between HSL and HSV?

HSL uses lightness (0-100%), HSV uses value/brightness (0-100%).