Colors

Pick, convert, compare, and generate colors instantly with fast, private browser-based tools.

8 tools All Modules

Find a Tool

Tip: Search matches titles and descriptions. This does not change the URL.

Tools

Load an image (no upload) and preview how it appears under common color vision deficiencies. Compare side-by-side or with a split slider, adjust severity, and export.

Color Picker

Pick a color and get clean outputs in multiple formats. Edit any format to update the color, then copy or share.

Contrast Checker

Check WCAG contrast ratio for foreground/background colors. Includes AA/AAA pass/fail + live preview + Show Work.

CSS Color Converter

Convert between Hex, RGB, HSL, HSV, CMYK, and CIE Lab. Live preview + copy-ready outputs.

Gradient Generator

Build CSS gradients with live preview. Add color stops, tweak angles/positions, and copy clean output.

Pattern Generator

Build clean CSS background patterns with a live preview. Copy CSS, export SVG, and share by button.

Pick Color from Image

Click (or drag) on an image to sample exact colors. No uploads — everything runs in your browser.

Safe Web Colors

Browse the classic 216 web-safe palette. Search, filter, and copy HEX/RGB instantly.

Tool Info

Last updated: March 15, 2026

This index may update as color tools are added, renamed, or reorganized.