• Free forever
  • No sign-up
  • Instant results

Color Archives

All Color Calculators

HEX → RGB / HSL
Full hex color conversion
▾
RGB
—
HSL
—
Open full tool →
RGB → HEX
RGB values to hex code
▾
HEX value
—
Open full tool →
Contrast Ratio
WCAG accessibility checker
▾
Contrast ratio
—
WCAG grade
—
Open full tool →
Opacity → HEX Alpha
% opacity to two-digit hex suffix
▾
HEX alpha
—
Usage example
—
Open full tool →
Tint / Shade
Lighten or darken a hex colour
▾
Result
—
Positive = tint (lighter) · Negative = shade (darker)
Open full tool →
CSS Gradient Generator
Linear & radial gradient builder
▾
CSS output
—
Open full tool →
Color Blindness Simulator
How your color looks to others
▾
Normal vision
—
Deuteranopia (red-green)
—
Protanopia (red blind)
—
Tritanopia (blue blind)
—
Open full tool →
Color Harmony
Complementary, triadic & analogous
▾
Complementary (180°)
—
Triadic (120° / 240°)
—
—
Analogous (±30°)
—
—
Open full tool →