Color Tools
Learn about color modes →Free utilities for working with color — no account needed. Send anything you make straight into the palette editor.
Color Converter
Convert any color between hex, RGB, HSL, HSV, CMYK, CIELAB, LCH, and OKLCH. Copy any format with one click.
Color Wheel
Pick colors with an interactive hue ring and saturation/brightness triangle. Build a palette visually.
Image Extract
Upload an image to extract its dominant colors using k-means clustering. Supports PNG, JPG, and WebP up to 10MB.
Website Extract
Pull the color palette from any live website URL by analyzing its CSS stylesheets.
Scale Generator
Generate tint and shade scales from a base color for design tokens. Explore OKLCH lightness curves.
Gradient Builder
Create smooth multi-stop gradients with OKLCH interpolation. Pick 2-5 colors, choose a direction, and copy the CSS.
Brand Alignment
Select brand personality traits and discover colors that align with your brand identity.
Design Token Import
Import a design system from DTCG JSON, Tailwind config, or CSS custom properties and seed a new Perfect Palette design spec.
Accessible Color Palette Generator
Generate WCAG-compliant color palettes with live AA/AAA contrast checks and colorblind simulation. Fix unreadable colors in one click, then export free.
OKLCH Color Palette Generator
Build a palette in OKLCH with direct lightness, chroma, and hue control. See exactly how much chroma sRGB allows and copy oklch() CSS for every step.
Tailwind Color Palette Generator
Generate a Tailwind CSS color palette from one brand color. Copy 50-950 shades as a v4 @theme block or a v3 tailwind.config.js — free, no signup.
Color Contrast Checker
Check color contrast against WCAG AA and AAA for normal text, large text, and UI. Get the exact ratio, a one-click fix, and a shareable link — free.