Tools
Modes
Editor
build palette
Visualize
see it in action
Vision
Color Vision
normal
Import
Color from Image
extract palette
palette —
selected
#—
hsl
—
contrast
—
ui preview
Geometry
add /geo to the end of your url to share
Typography
add /typo to the end of your url to share
Depth & Layers
add /layers to the end of your url to share
Gradient Flow
add /gradient to the end of your url to share
edit color
hex
rgb
hsl
Copy
JS array
const PALETTE = [{r,g,b}…]
CSS variables
:root { --color-1… }
JSON
structured data
Download
Export image
PNG, high res