Farbpaletten-Generator
Schöne Farbpaletten aus einer Basisfarbe mit Komplementär- und Analogfarben erstellen
Base Color
Complementary
:root {
--color-1: #6366f1;
--color-2: #f2ef64;
}Analogous
:root {
--color-1: #64adf2;
--color-2: #6366f1;
--color-3: #a864f2;
}Triadic
:root {
--color-1: #6366f1;
--color-2: #f26467;
--color-3: #67f264;
}Split-Complementary
:root {
--color-1: #6366f1;
--color-2: #f2a864;
--color-3: #adf264;
}Monochromatic
:root {
--color-1: #080a5e;
--color-2: #0e11a4;
--color-3: #1418eb;
--color-4: #5b5df1;
--color-5: #a1a3f7;
}Color Palette Generator
Generate harmonious color palettes — complementary, analogous, triadic, split-complementary, and monochromatic — from any base color. Get HEX and RGB values for all colors.
Color harmony types explained
Complementary
Two colors opposite each other on the color wheel. High contrast, vibrant — great for buttons and CTAs.
Analogous
Three colors adjacent on the wheel. Low contrast, harmonious — great for backgrounds and illustrations.
Triadic
Three colors equally spaced on the wheel. Balanced and colorful — good for playful, energetic designs.
Monochromatic
Shades, tints, and tones of one hue. Elegant and cohesive — ideal for minimalist or branded designs.
Weiter entdecken
Weitere Entwickler-Tools, die Ihnen gefallen könnten…
JSON-Formatierer
JSON mit Syntaxhervorhebung und Fehlererkennung formatieren, validieren und minifizieren
Base64 Encoder/Decoder
Text oder Dateien nach Base64 kodieren und Base64-Strings in lesbaren Text dekodieren
URL Encoder/Decoder
URL-Komponenten und Query-String-Parameter kodieren und dekodieren
UUID-Generator
Zufällige UUIDs (v1, v4) generieren oder mehrere UUIDs in Bulk erstellen
Hash-Generator
MD5-, SHA-1-, SHA-256-, SHA-512-Hashes aus Text oder Dateien generieren
Regex-Tester
Reguläre Ausdrücke mit Echtzeit-Übereinstimmungshervorhebung testen
JWT-Decoder
JSON Web Tokens dekodieren und prüfen — Header, Payload und Signaturen ansehen
HTML-Formatierer
HTML-Code mit korrekter Einrückung und Syntaxhervorhebung formatieren