CSS Color Picker
Explore, create, and get CSS code for your perfect colors. Adjust hue, saturation, and lightness to fine-tune your palette.
Color Controls
Selected Color
#3498db
rgb(52, 152, 219)
hsl(197, 70%, 58%)
Color History
CSS Output
/* Your CSS code will appear here */
.color-example {
color: #3498db;
background-color: hsl(197, 70%, 58%);
}
.primary-color {
color: #3498db;
}
.secondary-color {
color: #2ecc71;
}
Color Palette Suggestions