Browse the toolkit
Colors tools
6 focused tools, ready to use in your browser.
Colors
Color Converter
Convert opaque sRGB colors between HEX, integer RGB, and HSL representations.
ColorsColor Contrast Checker
Calculate WCAG sRGB contrast and report AA/AAA text thresholds for two opaque colors.
ColorsCSS Gradient Generator
Generate a two-color linear-gradient declaration with validated colors, angle, and stop positions.
ColorsColor Difference Calculator
Calculate CIELAB DeltaE76 distance between two opaque sRGB colors.
ColorsCSS Box Shadow Generator
Build validated multi-layer box-shadow CSS from explicit layer values.
ColorsPalette File Workbench
Read GIMP GPL/JSON swatches and export ordered GPL, JSON or escaped CSS variables.