FormatCalc library
Color converters
without the noise.
Translate colors among HEX, RGB, HSL, and CMYK notations, build CSS tokens, and check contrast. Screen and print models have different gamuts, so CMYK and palette previews remain approximations until tested in the final medium. Choose a tool below to get started—no account required.
HEX to RGB
Convert a HEX color to RGB values.
RGB to HEX
Convert RGB color values to HEX.
HEX to HSL
Convert a HEX color to HSL.
HSL to HEX
Convert an HSL color to HEX.
RGB to HSL
Convert RGB color values to HSL.
HSL to RGB
Convert an HSL color to RGB.
CMYK to RGB
Convert CMYK ink values to RGB.
RGB to CMYK
Convert RGB color values to CMYK.
HEX to CMYK
Convert a HEX color to CMYK.
Color Name to HEX
Look up a standard CSS color name as HEX.
HEX to CSS Variable
Turn a HEX color into a ready-to-use CSS custom property.
Gradient CSS Generator
Generate a linear-gradient CSS declaration from colors.
Tailwind Color Converter
Convert a color to a Tailwind-style arbitrary value.
Material Color Converter
Convert a color to a Material Design-style token.
Color Palette to CSS Variables
Convert a palette of colors into CSS custom properties.
Accessibility Contrast Checker
Calculate WCAG contrast and text-size pass levels for two colors.
Color-Blindness Palette Preview
Preview a HEX palette under common color-vision deficiencies.
Image Color Palette Extractor
Extract a representative color palette from an image locally.