🎨

Color Picker

Pick colors and convert between HEX, RGB, HSL formats

HEX
#4F6EF7
RGB
rgb(79, 110, 247)
RGBA
rgba(79, 110, 247, 1)
HSL
hsl(229, 91%, 64%)
CSS var
--color: #4f6ef7;

Tints & shades

100
200
300
400
500
600
700
Browser-based, files never uploaded Instant results Works on any device

How to use Color Picker

  1. 1Use the visual color picker or enter HEX
  2. 2See all color formats instantly
  3. 3Copy any format to clipboard
  4. 4Generate shade/tint palette

About this tool

Color picker tool for web developers and designers. Convert between HEX, RGB, RGBA, HSL color formats. Generate tints and shades palette.

color pickerhex to rgbrgb to hexcolor convertercss color picker

Frequently asked questions

What color formats are supported?

HEX, RGB, RGBA, HSL, HSLA, and CSS variable format.