How to Use

Color Selection

Click the main color to use the picker or use the 'Random' button to select a new color.

Copy Code

Click on colors to automatically copy their HEX values to clipboard.

Palette Use

Check and utilize the automatically generated color palette.

Main Color

Color Code

HEX
#3B82F6
RGB
rgb(0, 0, 0)

Basic Palette

Variations with adjusted brightness and saturation of the selected color

#1E6FF5
rgb(0, 0, 0)
#0B5FE9
rgb(0, 0, 0)
#3B82F6
rgb(0, 0, 0)
#5193FF
rgb(0, 0, 0)
#6FA6FF
rgb(0, 0, 0)

Complementary Colors

Colors opposite each other on the color wheel

#3B82F6
rgb(0, 0, 0)
#F6AF3B
rgb(0, 0, 0)

Split Complementary

Soft contrast using colors adjacent to the complement

#3B82F6
rgb(0, 0, 0)
#F6523B
rgb(0, 0, 0)
#DFF63B
rgb(0, 0, 0)

Analogous Colors

Natural harmony from neighboring colors on the wheel

#3BDFF6
rgb(0, 0, 0)
#3B82F6
rgb(0, 0, 0)
#513BF6
rgb(0, 0, 0)

Triadic Colors

Balanced harmony of three colors 120 degrees apart

#3B82F6
rgb(0, 0, 0)
#F63B82
rgb(0, 0, 0)
#82F63B
rgb(0, 0, 0)

Tetradic Colors

Various combinations of four colors 90 degrees apart

#3B82F6
rgb(0, 0, 0)
#F63BDF
rgb(0, 0, 0)
#F6AF3B
rgb(0, 0, 0)
#3BF652
rgb(0, 0, 0)