drag colored circles — overlapping areas blend
active circles
recent colors
gradient preview
color stops — click track to add, click handle to select, delete to remove
type
angle
90°
selected stop
color
pos
0%
css output
hover to copy
harmony type
lightness
base color
harmony colors
seed
css variables
actions
history
foreground
background
The quick brown fox
—
contrast ratio
suggested adjustments
color A
color B
color space visualizations — current color
color
RGB Cube Slice (B fixed)
HSL Cylinder Slice (L fixed)
LAB Color Space (L fixed)