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