Web color tool Convert RGB / HSL / Hex & explore harmonies

RGB 249, 6, 160
HSL 322, 95%, 50%
#F906A0
Shade
Tint
Desaturate
Saturate
0
1288
1440
0
380
400
0
200
400

A color tool for developers

Pick a base color, tweak it until just right, explore harmonies, and copy the CSS values for use in your projects.

Please share your feedback — let me know if this tool is useful for you, or if you find any bugs. I'd like to add additional functionality in the future. What features would you like to see?

How to

  • Set a base color using the HSL sliders or input your values directly
  • Tweak your color until it's just right - try adjusting the shade/tint & saturation
  • Explore harmonies to discover new color combinations
  • Click the values in the color display to copy the CSS to your clipboard

Harmonies

Explore color combinations by toggling one of the six harmonies via these symbols. Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.

Complementary

A color and its opposite on the color wheel, +180 degrees of hue. High contrast.

Monochromatic

Three colors of the same hue with luminance values +/-50%. Subtle and refined.

Analogous

Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.

Split-complementary

A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.

Triadic

Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.

Tetradic

Two sets of complementary colors, separated by 60 degrees of hue.

Keyboard shortcuts

R
randomize values for base color
T
toggle theme light/dark
C
copy hex value of base color
Up
tint base color
Down
shade base color
Right
increment hue of base color
Left
decrement hue of base color
S
increase saturation of base color
D
decrease saturation of base color

Other resources

v2020.2.15