Skip to main content

Prompt Studio Generate Picker From Image Convert Contrast Gradient Explore

Tools

Guide Color Wheel Color Mixer Color Library CSS Shadows Mesh Gradient CSS Patterns Color Animation Design System Design Tokens Token Studio Material 3 Tailwind Colors Display P3 Dark Mode Preview Templates Palette Visualizer Duotone Recolor SVG Favicon Maker Brand Story Image Picker Camera Picker Palette from URL Palette Diff Palette to Prompt Palette to Painting Spatial Palette Spatial Worlds Fix A11y Fix CVD Colorblind Trends Color Game Blog

Integrations

Public API Browser Extension Figma Plugin VS Code CLI GitHub Action Raycast MCP Server Open Source

Prompt Studio Generate Picker From Image Convert Contrast Gradient Explore Guide Color Wheel Color Mixer Color Library CSS Shadows Mesh Gradient CSS Patterns Color Animation Design System Design Tokens Token Studio Material 3 Tailwind Colors Display P3 Dark Mode Preview Templates Palette Visualizer Duotone Recolor SVG Favicon Maker Brand Story Image Picker Camera Picker Palette from URL Palette Diff Palette to Prompt Palette to Painting Spatial Palette Spatial Worlds Fix A11y Fix CVD Colorblind Trends Color Game Blog Public API Browser Extension Figma Plugin VS Code CLI GitHub Action Raycast MCP Server Open Source

Ready to design with better color?

No sign-up. Just open a tool and go.

Generate a palette

The ultimate color toolkit for designers and developers. 40+ free tools, no sign-up, fast on every device.

Tools

Palette Generator
Color Picker
Extract from Image
Color Converter
Contrast Checker
Color Wheel
Gradient Maker
Color Mixer
Palette Visualizer
Preview Studio
Tailwind Colors
All 40+ tools →

Discover

Explore Palettes
Color Trends
Named Colors
Search ColorUI
Color Game
Blog

Learn

Color Glossary
How to: WCAG
How to: Extract
WCAG Explained
HEX vs OKLCH vs LAB
Color Blindness

Surfaces

Figma plugin
VSCode extension
Chrome extension
Raycast extension
CLI
GitHub Action
MCP server
Public API

Project

Open source
Changelog
Status
About
Accessibility
Security

Privacy·Terms·Cookies·Blog RSS·Releases RSS·JSON Feed·humans.txt·llms.txt·Support·Discord

© 2026 ColorUI · Made with care for color lovers.

Duotone

Two colors. Endless mood.

Drop in any image and remap its tones to a custom two-color palette. Real-time canvas, ready to ship as PNG.

Upload image

Shadow color

Highlight color

Contrast 100%

Presets

Keep exploring

Swap fills and strokes with a11y check.

Drag color points to build modern mesh backgrounds.

Image Color Picker

Click any image pixel to pick the exact color.