Developer Utility
Color Picker
Pick a single color or blend two colors. Get clean HEX, RGB, HSL and CSS values ready for your next project.
Single Color Picker
Select a color visually or enter a HEX value.
#6366F1
RGB
99, 102, 241
HSL
239, 84%, 67%
CSS
#6366F1
Blend Two Colors
Mix two colors and control the exact ratio.
A
B
50 / 50
#6366F1
#EC4899
Blended HEX
#A84CB9
Blended RGB
168, 76, 185
Gradient
linear-gradient(...)
CSS Output
Copy generated CSS directly into your stylesheet.
CSS
color: #6366F1; background: linear-gradient(90deg, #6366F1 0%, #EC4899 100%);