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: pick text colors that pass WCAG AA and AAA contrast ratios against any background hex value you enter. Free, no signup.
Color Difference Calculator
Color difference calculator: compare any two colors in Delta E and see whether the gap is visible to the human eye or passes QA tolerances. Free, no signup.
Color Gradient Calculator
Color gradient calculator: generate smooth CSS linear gradients between two or more hex colors with midpoint shades and copy-ready code. Free, no signup.
Color Mixer Calculator
Color mixer calculator: blend two or more hex colors, see the mixed result and its hex code, and copy it for design or CSS. Free, runs in your browser.
Color Palette Generator
Color palette generator: build matching color sets from one base color with hex codes ready to copy for design and branding. Free, private, no signup.
Color Tint Shade Calculator
Color tint and shade calculator: lighten or darken any hex color in precise, copyable steps for your palette. Free, editable values, runs locally, no signup.
Complementary Color Finder
Complementary color finder: get the exact opposite hue instantly in HEX, RGB, and HSL for any color you enter. Free, runs locally in your browser, no signup.
Hex to CMYK Converter
Hex to CMYK converter: turn any hex color into CMYK values for print design, with instant preview and copyable codes. Free, runs in your browser, no signup.
Hex to HSL Converter
Hex to HSL converter: turn hex color codes into HSL hue, saturation, and lightness values instantly, with RGB output and live color preview. Free, no signup.
Luminance Brightness Calculator
Luminance calculator: convert between candela per square meter, nits, foot-lamberts, and other brightness units instantly. Free, runs in your browser, no signup.
RGB to Hex Converter
RGB to hex converter: turn RGB color values into hex codes instantly, with live preview and copy-ready output for CSS and design work. Free, no signup.