Color Tools
Three color utilities in one window. Every swatch and every hex label copies with a click.
๐ Gradient Maker
Two to ten color stops with positions, linear, radial or conic, any angle, a live preview and the exact CSS line to paste into a stylesheet. Randomize or swap the stops when you're stuck.
Open the gradient maker๐จ Palette Tester
Five colors side by side, each showing its hex, the best text color on top of it, and that pairing's contrast ratio. Copy the palette as a hex list or as CSS custom properties.
Open the palette testerโ Contrast & Harmony
Pick a text color and a background and get the contrast ratio with pass/fail badges for WCAG AA and AAA, normal and large text. Underneath: the complement, split-complement, triad, tetrad, analogous colors, tints and shades of the text color.
Open the contrast checkerWhy It Lives Here
Snagmoji's color schemes are built on the same math: every Windows 95 scheme on the site has its selection color checked against its text color. The tools were made to test them, and were too handy to keep private.