Color & Design
Free color tools: pickers, converters, palettes, gradients and contrast checkers. Everything runs in your browser for instant feedback.
14 free tools across 1 categories
Color & Design14
Color Palette Generator
Enter a base color to generate complementary, analogous, triadic, and more palettes.
Gradient Generator
Build multi-stop linear gradients with angle control and live preview — CSS ready.
CSS Gradient Generator
Create linear or radial CSS gradients with a stop editor — copy the snippet instantly.
Color Contrast Checker
Check text/background contrast against WCAG AA and AAA standards with live preview.
Color Shades Generator
Generate a 10-step shade scale from any base color by mixing toward black.
More categories
Text ToolsCount, clean, convert and transform text.29 toolsImage ToolsCompress, convert, resize and edit images.19 toolsPDF ToolsMerge, split, compress and convert PDFs.16 toolsSecurity ToolsPasswords, hashes, UUIDs and TOTP codes.13 toolsCalculatorsPercentages, finance, health and everyday math.20 toolsGeneratorsRandom numbers, names, QR codes and more.13 toolsEveryday ToolsTimers, clocks, converters and countdowns.14 tools
Frequently asked questions
The converters handle HEX, RGB and HSL — the three formats most commonly used in web design — and convert between them instantly.
Use the contrast checker. It computes the WCAG contrast ratio: 4.5:1 or higher passes AA for normal text, and 7:1 passes AAA.
Yes. Every tool provides one-click copy buttons that put the exact HEX, RGB or HSL value on your clipboard, ready to paste into your stylesheet.