Color Picker & Converter
Pick a color and instantly get HEX, RGB, and HSL values.
Color Shades
All Formats
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
RGB Raw
99, 102, 241
CSS Snippet
color: #6366F1; background: rgb(99, 102, 241); /* HSL: hsl(239, 84%, 67%) */
Pinned Color Collection
Collect useful colors here and reuse them while designing.
Pick a color, then press the pin button to collect it.