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
Choose a color and adjust its shade with the custom picker.
#6366F1
RGB
99, 102, 241
HSL
239, 84%, 67%
CSS
#6366F1
CSS Output
Copy generated CSS directly into your stylesheet.
CSS
color: #6366F1; background: linear-gradient(90deg, #6366F1 0%, #EC4899 100%);