Color Picker
Pick a color and explore its values, shades, and harmonies.
CSS Variables
Color Details
Shades & Tints
Complementary
Analogous
Triadic
Color Names
Browse 140+ CSS named colors. Search by name or HEX value.
Color Chart
Browse colors by family. Click any swatch to copy its HEX value.
Color Palettes
Curated palettes for every project. Copy individual colors or export entire palettes.
Tailwind Palette Generator
Generate a full 50–950 Tailwind color scale from a single base color.
Contrast Checker
Verify WCAG accessibility for text on background colors.
Live Preview
Large Heading Text
The quick brown fox jumps over the lazy dog. This is body text at normal size.
Card content with foreground text on a card background.
Color Mixer
Blend two colors together and generate gradient CSS.
10-Step Blend
Gradient Preview
Image Tools
Upload an image to crop, pick colors, extract palettes, and inspect metadata.
Color Accessibility Simulator
Preview how your image looks to people with color vision deficiencies, right in your browser.
Drop an image here or click to upload
Print-Readiness Scorer
Check your image's sharpness and resolution before sending it to print.
Drop an image here or click to upload
Social Media Auto-Framer
Auto-center a crop frame on the busiest part of your image, then fine-tune and export for social media.
Drop an image here or click to upload
Style Filters
Apply artistic filter presets to your image, right in your browser.
Drop an image here or click to upload
AI Relight
Relight your subject with realistic, diffusion-based lighting from a short description.
HD Cutout
Remove the background with clean, studio-quality edges — hair and fine detail included.
AI Upscale & Enhance
Upscale your image up to 4× with restored sharpness and detail.
Photo Colorizer
Turn a black-and-white photo into realistic color with one click.
Portrait Enhancer
Restore and sharpen faces and skin for crisp, natural-looking portraits.
Background Studio
Replace the background with an AI-generated scene from a short text prompt.
Magic Eraser
Brush an area to erase it (AI fills the gap) or to keep it (cut out everything else).
Generative Expand
Extend your image to a new aspect ratio — AI generates the new surrounding area.
Logo in Scene
Place a logo or product on a photo and let AI ground it with matching light and shadow.
Saved Colors
Your saved colors and palettes, stored locally in your browser.
No saved colors yet. Use the save button on any color to get started.