Colors & Design
Colors & Design Calculators
Convert hex/RGB/CMYK, contrast ratios, gradients, and color harmonies.
11 tools
Background Text Color Calculator
Background text color calculator: choose black or white text on any background color for best contrast.
Color Difference Calculator
Color difference calculator: CIE76 delta E between two hex colors for design QA.
Color Gradient Calculator
Color gradient calculator: interpolate between two hex colors and get a mid-tone blend.
Color Mixer Calculator
Color mixer calculator: blend two hex colors by any percentage to predict a paint or digital mix.
Color Palette Generator
Color palette generator: harmonic color schemes from a base hex color, computed locally.
Color Tint Shade Calculator
Color tint shade calculator: lighten and darken a hex color in steps, generated locally.
Complementary Color Finder
Complementary color finder: the exact opposite hue on the color wheel for any hex color.
Hex to CMYK Converter
Hex to CMYK converter: convert a #RRGGBB hex color to CMYK values for print.
Hex to HSL Converter
Hex to HSL converter: convert a hex color to HSL values and CSS string.
Luminance Brightness Calculator
Luminance calculator: relative luminance of a hex color and its perceived brightness.
RGB to Hex Converter
RGB to hex converter: convert red, green, blue values (0–255) to a #RRGGBB hex color instantly.