🎨
Farbpaletten Generator
Erzeugen Sie harmonische Farbpaletten für Ihre Website. Wählen Sie eine Basisfarbe und einen Harmonie-Typ — fertig.
100% kostenlos · Keine Registrierung · Daten bleiben im Browser
HEX
RGB60, 224, 246
HSL187°, 91%, 60%
⬜ 1.6:1 ✗⬛ 13.2:1 ✓
HEX
RGB60, 131, 246
HSL217°, 91%, 60%
⬜ 3.7:1 ✗⬛ 5.7:1 ✓
HEX
RGB82, 60, 246
HSL247°, 91%, 60%
⬜ 6.3:1 ✓⬛ 3.3:1 ✗
CSS Variables
:root {
--color-1: #3ce0f6;
--color-2: #3B82F6;
--color-3: #523cf6;
}100% Datenschutz
Alle Daten werden ausschließlich in Ihrem Browser verarbeitet. Es werden keine Daten an unsere Server gesendet oder gespeichert.
Häufige Fragen
Was sind komplementäre Farben?
Komplementärfarben liegen sich im Farbkreis gegenüber (z.B. Blau und Orange). Sie erzeugen starken Kontrast und wirken dynamisch. Ideal für Call-to-Action oder Hervorhebungen.
Wie viele Farben braucht eine Website?
Eine typische Website nutzt 3-5 Farben: Primärfarbe (Markenfarbe), Sekundärfarbe (Akzente), und Neutraltöne (Text, Hintergründe). Tipp: 60-30-10 Regel — 60% Hauptfarbe, 30% Sekundärfarbe, 10% Akzentfarbe.
Was ist der WCAG-Kontrast?
Der WCAG-Kontrast (Web Content Accessibility Guidelines) bewertet, ob Text auf einem farbigen Hintergrund gut lesbar ist. Mindestens 4.5:1 für normalen Text und 3:1 für großen Text. Unser Generator zeigt den Kontrast zu Weiß und Schwarz an.
Was bedeuten HEX, RGB und HSL?
HEX (#FF5733) ist die gängigste Darstellung in CSS. RGB (255, 87, 51) beschreibt Rot-, Grün- und Blauwerte. HSL (11°, 100%, 60%) beschreibt Farbton (Hue), Sättigung (Saturation) und Helligkeit (Lightness) — ideal zum Erstellen von Farbpaletten.
Professionelle Website gewünscht?
Wir erstellen moderne Websites und automatisieren Geschäftsprozesse — persönlich und unbürokratisch.
Kostenloses Erstgespräch vereinbaren