Color Wheel Playground

Hex#000000

RGB0, 0, 0

HSL0, 0, 0

OKLCH0, 0, 0

#

Names come from the picked color (the swatch you see), via the ntc list. Click a name to override.

Gradient preview

Drag handles on the wheel to explore harmonies. Click any swatch to copy, or a name to rename.
Color names via color.pizza · Ideated by Memo Es · Built with Claude Code.

#

CSS Variables

Drop these custom properties into your stylesheet.

Color

Copied