Color Palette Generator
Farbpaletten erstellen, Konvertierung zwischen HEX, RGB, HSL und CMYK mit Kontrast-Check.
READY
color_palette_generator.tool
READY
#6366F1rgb(99, 102, 241)
HEXHexadecimal
#6366F1
RGBRed, Green, Blue
rgb(99, 102, 241)
HSLHue, Saturation, Lightness
hsl(239, 84%, 67%)
CMYKCyan, Magenta, Yellow, Key
cmyk(59%, 58%, 0%, 5%)
WCAG Contrast Check
Check text readability against WCAG 2.1 accessibility standards
Sample Text
Ratio: 4.47:1
AA ✗AA Large ✓AAA ✗
Sample Text
Ratio: 4.70:1
AA ✓AA Large ✓AAA ✗
Color Harmonies
Generate palettes based on color theory
Tints & Shades
Lightness variations (50–900), Tailwind-scale
Export Palette
Copy colors as code for your project
:root {
--palette-50: #E8E8FD;
--palette-100: #D0D1FB;
--palette-200: #A1A3F7;
--palette-300: #7274F3;
--palette-400: #4346EF;
--palette-500: #1418EB;
--palette-600: #1013BC;
--palette-700: #0C0E8D;
--palette-800: #080A5E;
--palette-900: #04052F;
}// SO FUNKTIONIERT'S
Das Tool wandelt eine Farbe zwischen HEX, RGB, HSL und CMYK um und prüft den Text-/Hintergrund-Kontrast gegen die WCAG-Stufen. Eine Farbe wählen und alle Notationen auf einmal ablesen.
Beispiel
#0E7FA6 → RGB(14,127,166) → HSL(196°,84%,35%); Kontrast auf Weiß ≈ 4,7:1 (besteht AA).
Hinweise
- HSL eignet sich zum Anpassen von Helligkeit/Sättigung; CMYK ist für Druck, RGB/HEX für Bildschirme.
- WCAG AA verlangt ≥ 4,5:1 für normalen Text, AAA ≥ 7:1.