Color Picker

Pick any color and instantly get HEX, RGB, and HSL values. Copy code with one click.

Select Color

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CSS Variable

--color-primary: #3B82F6

.color-primary {
  color: #3B82F6;
  background-color: #3B82F6;
}

<div className="text-[#3B82F6] bg-[#3B82F6]">
  Your Content
</div>

Generate color schemes from your color

Create gradients with your color

Check accessibility of your color