ColorNow

Professional Color Palette Toolbox

Color wheel, palette generation, gradient creation, and contrast checking — all in one place.

Color Picker

Pick a color and get instant values

Palette Generator

Generate harmonious color palettes from a base color

Gradient Generator

Create beautiful linear gradients

Contrast Checker

Check WCAG contrast ratios between two colors

Color Picker

Pick a color and get instant values

HEX
#6c5ce7
RGB
rgb(108, 92, 231)
HSL
hsl(247, 74%, 63%)

Palette Generator

Generate harmonious color palettes from a base color

Complementary

#6c5ce7
#d6e65b

Analogous

#6c5ce7
#b15be6
#e65bd6
#5b91e6
#5bd6e6

Triadic

#6c5ce7
#e66b5b
#5be66b
#bf2f1d
#f4e6b4

Tetradic

#6c5ce7
#e65b91
#d6e65b
#5be6b1
#f0a79d

Monochromatic

#6c5ce7
#2f1dbf
#bbb4f4
#8177ca
#5c48f9

Gradient Generator

Create beautiful linear gradients

background: linear-gradient(to right, #6c5ce7, #00cec9);

Contrast Checker

Check WCAG contrast ratios between two colors

Aa Abc 123
Contrast Ratio
17.06:1
Normal Text (AA)
Pass
Large Text (AA)
Pass
Normal Text (AAA)
Pass
Large Text (AAA)
Pass