Farbe

Paletten-Generator

Erzeuge Tönungen, Abstufungen und Harmonien aus einer Grundfarbe.

Grundfarbe

HEX-Wert

Aufhellungen und Abdunklungen

Harmonien

Komplementär

#00c16a

#c20057

Analog

#00c20a

#00c16a

#00b8c2

Triadisch

#00c16a

#6b00c2

#c26b00

Tetradisch

#00c16a

#0a00c2

#c20057

#b8c200

Geteilt komplementär

#00c16a

#c200b8

#c20a00

CSS Custom Properties

:root {
  --color-brand-50: #e6f9f0;
  --color-brand-100: #ccf3e1;
  --color-brand-200: #99e6c3;
  --color-brand-300: #66daa6;
  --color-brand-400: #33cd88;
  --color-brand-500: #00c16a;
  --color-brand-600: #00a058;
  --color-brand-700: #007f46;
  --color-brand-800: #005f34;
  --color-brand-900: #003e22;
  --color-brand-950: #002d19;
}

Passende Anleitungen

HEX, RGB, HSL und die neueren FarbräumeWie HEX, RGB, HSL, LCH und OKLCH zusammenhängen, warum eine HSL-Palette in den Mitteltönen matschig wird und was Gamut-Clipping und Alpha-Compositing mit der Farbe machen, die am Ende herauskommt.WCAG-Farbkontrast erreichen, ohne zu ratenWas ein Kontrastverhältnis misst, die Schwellenwerte AA und AAA für Text und Interface-Komponenten und die Fehler mit Grau auf Weiß, die still und leise jedes Mal durchfallen.

Paletten-Generator

Aufhellungen und Abdunklungen

Harmonien

Passende Anleitungen

Ähnliche Tools