Das Warum: HEX ist kompakt und weit verbreitet (HTML/CSS). RGB teilt die Farbe in Rot-, Grün- und Blauanteile (0–255). HSL beschreibt Farbton (0–360°), Sättigung und Helligkeit — ideal zum Anpassen von Farben ohne Ratespiel.
🌈 Basis-Farbe & Harmonie-Typ
Das Warum: Farbharmonien basieren auf dem Farbkreis. Komplementärfarben (gegenüber) erzeugen maximalen Kontrast. Triaden und Tetraden sind ausgewogener. Analoge Farben (nebeneinander) wirken ruhig und natürlich.
⚖️ WCAG Kontrast-Checker
—
Beispieltext auf diesem Hintergrund
Das Warum: WCAG (Web Content Accessibility Guidelines) definiert Mindest-Kontrastverhältnisse für lesbare Inhalte. AA-Standard (4.5:1) für normalen Text, AAA (7:1) für maximale Zugänglichkeit. Kontrastverhältnis = (L1 + 0.05) / (L2 + 0.05) wobei L = relative Luminanz.
🖌️ Paletten-Generator
Das Warum: Shades = Basis-Farbe mit unterschiedlicher Helligkeit (HSL L-Wert). Tints = Basis + Weiss (Opazität). Tones = Basis + Grau (Sättigung reduziert). Rainbow = gleichmässig verteilte Hue-Werte auf dem Farbkreis.
✨ Gradient Builder
135°
—
Das Warum: CSS Gradients brauchen kein Bild — sie sind rein mathematisch. Linear = gleichmässiger Übergang entlang einer Achse (Winkel in Grad). Radial = kreisförmig von innen nach aussen. Konisch = wie Tortenstücke um einen Mittelpunkt.