Guten

Let there be color.

Let there be color.

Let there be color.

Let there be color.

Let there be color.

Let there be color.

Scroll
01

Palette Generator

Press spacebar. Five colors appear. Lock the ones you love, randomize the rest. Export to CSS, Tailwind, Swift, or JSON. Every palette is a shareable URL.

Open tool
FAFAF9
FAFAF9
FAFAF9
FAFAF9
FAFAF9
5 colors · unlocked
02

Contrast Checker

Paste two colors. See WCAG AA and AAA compliance instantly. Preview text at every size. Get accessible alternatives when your pair doesn’t pass.

Open tool
Aa

The quick brown fox jumps

over the lazy dog

1.00: 1
AA AAA
03

Color Harmonies

Pick a base color and see every harmony: complementary, triadic, analogous, split-complementary, tetradic, square. Copy any group with one click.

Open tool
BASE
04

Gradient Editor

Design linear, radial, and conic gradients with a visual editor. Drag stops, set angles, and copy production-ready CSS with a single click.

Open tool
background:linear-gradient(135deg, #fafaf9, #fafaf9)
05

Palette from Image

Drop an image. Get the dominant colors instantly. Client-side k-means clustering extracts 3–8 colors. Your image never touches a server.

Open tool
Extracted
FAFAF9
FAFAF9
FAFAF9
FAFAF9
FAFAF9
06

Color Blindness Simulator

See how your palette looks to people with protanopia, deuteranopia, tritanopia, and achromatopsia. Design for everyone.

Open tool
Normal Vision
Protanopia
Deuteranopia
07

Color Converter

Paste any format — HEX, RGB, HSL, CMYK, HWB. Get every other format instantly. One-click copy for each.

Open tool
#FAFAF9
HEX#FAFAF9
RGBrgb(250, 250, 249)
HSLhsl(60, 9%, 98%)

Start creating.

No account, no cost, no tracking. Just open a tool and go.

Open palette generator