Color Picker

A versatile color picker to help developers and designers find the perfect colors for their projects. Convert between color formats, save your favorites, and generate color schemes.

#3b82f6

Color Information

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

Complementary

#c47d09

CSS Examples

Background Color

background-color: #3b82f6;

Color

color: #3b82f6;

Border Color

border: 1px solid #3b82f6;

Tailwind CSS Class

class="bg-[#3b82f6]"

Saved Colors

No saved colors yet

Click "Save" to add colors