Design systems

Color tools that feel as good as they look

Explore contrast, accessibility, gradients, and harmonies in one polished workspace. Tune palettes with precision — smart, contextual suggestions are on the roadmap.

Live swatch

Try hues here, then open any tool — each page has its own color picker so you rarely need to type codes.

Updates the preview gradient only — your inputs stay local.

Tools in category

11

Accessibility first

WCAG-oriented checks & analyzers

All categories

Essential color utilities

Each card includes a short hint — hover for the full line on supported browsers.

Featured picks

Color Picker

Use Tool Use Tool

Accessibility Analyzer

Use Tool Use Tool

Color Blindness Simulator

Use Tool Use Tool

Color Harmonizer

Use Tool Use Tool

Color History Manager

Use Tool Use Tool

HEX to RGB

Use Tool Use Tool

RGB to HEX

Use Tool Use Tool

Gradient Generator

Use Tool Use Tool

Palette Generator

Use Tool Use Tool

Contrast Checker

Use Tool Use Tool

Opacity Calculator

Use Tool Use Tool

Resources

Professional color tools for designers & developers

Pick colors, validate contrast and accessibility, build gradients and harmonies, and keep swatches organized. Outputs are structured for quick handoff to CSS and design tokens.

In depth

How to use these tools

Start from the color picker or HEX fields, run the tool, then copy CSS-ready values. Pair contrast and accessibility tools before finalizing text on colored backgrounds.

Accessibility workflow

Use the contrast checker and accessibility analyzer together: aim for WCAG AA as a baseline and AAA where branding allows.

What is coming next

We are laying groundwork for smart palette suggestions and AI-assisted color commentary while keeping your data local and predictable.

Frequently asked questions

Quick answers to common questions.

Are these tools free?
Core color utilities are free to use; premium badges only apply where a tool is explicitly marked Pro.
Do simulations match medical color vision tests?
Deficiency previews are approximations for design review — not clinical diagnostics.
Can I save palettes?
Use the color history manager to normalize lists today; persistent cloud history may arrive in a future release.