Color Picker
Pick colors with an interactive color picker. Get HEX, RGB, HSL values. Explore color harmonies including complementary, triadic, and analogous colors.
Color HarmoniesMulti-FormatCopy Values
Color Picker
#6C63FF
HEX
RGB
HSL
CSS Snippets
color: #6c63ff;
background-color: #6c63ff;
rgba(108, 99, 255, 1.0)
Complementary
Opposite on the color wheel
#6C63FF
+
#F7FF61
Analogous
Adjacent on the color wheel
#B861FF
#6C63FF
#61A8FF
Triadic
Evenly spaced (120 degrees apart)
#6C63FF
#FF6961
#61FF69
Split Complementary
Adjacent to the complement
#6C63FF
+
#FFB861
#A8FF61
Shades & Tints
Click any shade to copy
Shades (Darker)
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
Saturation
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%