Color Tools
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)