Farbformate verstehen
Farben im Web können in mehreren Formaten dargestellt werden. Jedes hat je nach Anwendungsfall Vorteile.
HEX-Farben
HEX-Farben (Hexadezimal) verwenden einen 6-stelligen Code mit einem Hashzeichen (#). Jedes Ziffernpaar stellt die rote, grüne und blaue Komponente dar. Zum Beispiel ist #FF0000 reines Rot und #000000 ist Schwarz. HEX ist das am häufigsten verwendete Format in CSS und Webdesign.
RGB-Farben
RGB stellt Farben als Kombination von roten, grünen und blauen Kanälen dar, die jeweils von 0 bis 255 reichen. Das Format ist rgb(rot, grün, blau). RGB ist intuitiv für das Mischen von lichterzeugten Farben und wird häufig in CSS verwendet.
HSL-Farben
HSL steht für Hue (Farbton), Saturation (Sättigung) und Lightness (Helligkeit). Der Farbton ist der Winkel auf dem Farbrad (0–360), die Sättigung ist die Intensität (0–100%), und die Helligkeit bestimmt, wie hell oder dunkel die Farbe ist (0–100%). HSL ist oft intuitiver für die Erstellung von Farbvariationen und Paletten.
Häufig gestellte Fragen
Wie wähle ich gute Farbkombinationen?
Verwenden Sie Komplementärfarben (gegenüber auf dem Farbrad), analoge Farben (benachbart auf dem Rad) oder triadische Farben (gleichmäßig verteilt). Die Palettenfunktion zeigt Farbvariationen an, um Ihnen beim Erstellen harmonischer Farbschemata zu helfen.
Was ist Farbzugänglichkeit?
Farbzugänglichkeit stellt sicher, dass Inhalte von Personen mit Farbsehstörungen lesbar sind. Die Web Content Accessibility Guidelines (WCAG) empfehlen ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text.