Chroma
Studio
◎
◍
⋯
＋
EN
中
Drop an image
or click · sample colors right off the picture
Move over the image to sample · click to pin
Palette
Harmony
Grade
Set
Prompt
Extracted palette
K-means clustering. Click a swatch to set it as the harmony base.
Colors
8
Sort
Role
Area
Hue
Light
HEX
RGB
HSL
Load an image to extract its palette.
Export
CSS
Tailwind
JSON
Card PNG
Color harmony
Built from your selected base color using color-wheel theory.
Wheel recolors
Swatch only
Selected area
Whole image
Complementary
Analogous
Triadic
Split-comp
Tetradic
Monochromatic
Copy HEX
Recolor image
Color psychology
Cinematic grade
Reshape the tone while holding structure.
None
B&W
Warm
Cool
Infrared
Colorblind
Type
Protanopia
Deuteranopia
Tritanopia
Hue shift
0°
Saturation
0%
Lightness
0%
Temperature
0
Shadow tint
off
Highlight tint
off
Protect natural greens
keep foliage, remap sky & accents only
Reset
Apply to set
Export PNG
Contrast check (WCAG)
Aa
Aa
—
Click a swatch, then a palette color to test text legibility.
Color-blindness simulation
Set consistency
Load multiple images to compare their color across the whole series.
Add 2+ images to analyze the set.
Palette per image · deviation from set
Shared color DNA
Prompt description
Turns the current palette + grade into language for an image generator.
Natural
Cinematic
Keywords
CSS
JSON
Load an image first.
Copy to clipboard
Reverse-engineer reference
Turn the loaded image into a full "reproduce this look" spec.
Generate reproduction spec
Copy to clipboard
Saved tone library
Sign in to save your tones to the cloud — they'll follow you on any device.
Sign in
Sign up
Sign out
Save