Color Picker & Converter

Pick colors, convert between HEX, RGB, HSL, and generate beautiful palettes.

Pick a Color

Click to Change

HEX Code

#

R 0

G 0

B 0

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CSS Code

background-color: #3b82f6;

Shades & Tints

Tints (Lighter)

Shades (Darker)