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.

The all-in-one color toolkit

Make something soothingcolorful
today.

Generate palettes, extract colors from photos, convert HEX/RGB/HSL/LCH/OKLCH/LAB, check contrast, simulate color blindness, and play color games. Free, fast, and built for designers.

Start the Generator Explore palettes Open color picker

40+ tools, 0 sign-up

Instant repeat loads

WCAG 2.1 & APCA

Tropical Breeze

tropical / bright

Vaporwave Dream

vaporwave / synthwave

Synthwave Night

synthwave / neon

spring / pastel

vintage / muted

neutral / minimal

Primary Classic

primary / classic

nature / earthy

summer / bright

luxury / purple

Tropical Breeze

tropical / bright

Vaporwave Dream

vaporwave / synthwave

Synthwave Night

synthwave / neon

spring / pastel

vintage / muted

neutral / minimal

Primary Classic

primary / classic

nature / earthy

summer / bright

luxury / purple

Toolkit

Every color tool, in one place

Or read the blog →

Describe your project in one line. Get a tested palette plus a per-color explanation.

Turn any palette into AI-generated hero images, illustrations and brand artwork.

Palette to Prompt

Convert your palette into a ready-to-paste prompt for Midjourney, DALL-E and Stable Diffusion.

Palette Generator

Tap space to generate. Lock the colors you love. Export anywhere.

HSV picker with HEX, RGB, HSL, LCH, OKLCH, LAB outputs and color names.

Image Color Picker

Click anywhere on an image to pick the exact color, instantly.

Point your phone camera at anything and pick its real-world color in real time.

Extract from Image

Pull a beautiful palette from any photo, with mood presets.

Color Converter

HEX, RGB, HSL, LCH, OKLCH, LAB — with copy-ready CSS.

Contrast Checker

WCAG 2.1 AA / AAA grading with live preview and suggestions.

Build complementary, analogous, triadic and tetradic harmonies.

2 to 15 perceptually-uniform stops in OKLCH. Copy CSS instantly.

Colorblind Simulator

Preview palettes through deuteranopia, protanopia and tritanopia.

Auto-nudge any palette so it stays distinguishable for color-blind viewers.

Paste any text and background color. We score WCAG contrast and suggest the nearest passing foreground.

Palette Visualizer

Preview your palette on a real landing page, dashboard, mobile app and brand mockup.

See your palette across 10 real UI templates side by side. Coolors-style live preview.

Convert any light palette into a balanced dark-mode counterpart in one tap.

Tailwind Colors

Browse the full Tailwind palette and copy any shade as HEX, RGB, OKLCH or class.

Swap fills and strokes on any SVG with built-in color-blind safety check.

Blend any two colors and explore the perceptually-uniform OKLCH spectrum between them.

Stack multi-layer box-shadows with live preview. Copy production-ready CSS.

Drag color points anywhere on the canvas to build modern mesh gradient backgrounds.

Eight pure-CSS pattern recipes: dots, stripes, grids, checkers and more.

Turn one brand color into a full 12-step OKLCH scale. Export CSS, Tailwind, SCSS or tokens.

Generate a complete Material You tonal palette across primary, secondary, tertiary.

Drop in any image and remap its tones to a custom two-color duotone. Export PNG.

Turn any brand color into a full favicon set. Letter, emoji, or solid. Download every size as PNG.

Export a palette as W3C DTCG, Style Dictionary, Tailwind, CSS vars or SCSS. One click, five formats.

Visual design-token editor. Tweak roles, scales and aliases, then export to any format.

Compare two palettes side by side. See hue, lightness and contrast deltas for every slot.

Color Animation

Generate CSS keyframes and transitions that cycle through a palette. Live preview. Copy-ready CSS.

Palette from URL

Paste any website URL. We grab its preview image and extract a brand-true palette in seconds.

Explore wide-gamut colors that pop on modern screens. Get CSS with safe sRGB fallback.

Turn a palette into a ready-to-share brand narrative with mood, roles and do/don't guidance.

Spatial Palette

Turn any palette into an interactive 3D scene that breathes with your colors.

Browse and share procedural color environments generated from any hex string.

Palette to Painting

Generate a deterministic procedural artwork from any palette. Same input, same canvas.

Browse 330+ named colors. Search by name, hex or family. Get codes, shades and pairings.

Endless feed of curated palettes with mood filters and AI-powered insights.

See what's trending in color right now. Forecasted shifts, hot palettes and rising hues.

Train your eye. Match the target color and beat your best score.

Guides on color theory, accessibility, design systems and more.

Color of the day

Deep Sky Blue

#29C6F3

rgb(41, 198, 243) - oklch(76.95% 0.1359 223.26)

Pairs well with

#29C6F3 #F35629

Send to tool

Picker Wheel Contrast Full details

Trending

Hand-picked palettes

#0D1B2A

#415A77

#778DA9

#E0E1DD

#FFB703

Sunset Bay

5 colors

#04E762

#00B4D8

#FFD60A

#FF5D8F

#9D4EDD

Tropical Breeze

5 colors

#FF71CE

#01CDFE

#05FFA1

#B967FF

#FFFB96

Vaporwave Dream

5 colors

#240046

#3C096C

#7209B7

#F72585

#FFD60A

Synthwave Night

5 colors

#FDE2E4

#FAD2E1

#BEE1E6

#C1F4C5

#FFFFD1

Spring Bloom

5 colors

#C9ADA7

#9A8C98

#4A4E69

#22223B

#F2E9E4

Vintage Paper

5 colors