Zum Hauptinhalt springen

Praktische Tools

Farbcodes-Lexikon

HEX-, RGB- und HSL-Codes von 52 benannten Farben kopieren — von Rot und Blau bis Purpurrot und Petrol.

Empfohlene Inhalte

Eine kostenlose Farbcodes-Tabelle mit 52 benannten Farben in sieben Farbfamilien – von Grundfarben wie Rot und Blau bis zu Karmesinrot (Crimson), Petrol (Teal) und Indigo. 50 davon sind Standard-Farbnamen aus CSS, die du direkt ins Stylesheet schreiben kannst; Amber und Mint sind gängige Designbezeichnungen ohne CSS-Schlüsselwort. Zu jeder Farbe siehst du ein großes Farbmuster und die Werte als HEX, rgb() und hsl() im CSS-Format – ein Tipp auf die Karte kopiert den Code. Darunter folgen eine fünfstufige Palette (zwei dunklere Abstufungen, das Original, zwei hellere) und vier ähnliche Farben aus derselben Familie. Gesucht wird über den englischen Farbnamen oder den HEX-Code, ganz ohne Anmeldung.

Häufig gestellte Fragen

  • Q. Wie viele Farben enthält die Farbcodes-Tabelle?

    A. 52 benannte Farben in sieben Familien: Rot-, Orange- und Braun-, Gelb-, Grün-, Blau-, Violett- und Rosatöne sowie neutrale Töne. 50 davon sind CSS-Standardnamen; Amber (#FFBF00) und Mint (#3EB489) haben kein CSS-Schlüsselwort.

  • Q. In welchen Formaten kann ich einen Farbcode kopieren?

    A. Als HEX, RGB und HSL, jeweils direkt im CSS-Format. Crimson etwa wird als #DC143C, rgb(220, 20, 60) oder hsl(348, 83%, 47%) kopiert.

  • Q. Wie entsteht die Abstufungspalette?

    A. Sie hat fünf Stufen: die Farbe mit 40 % und 20 % Schwarz gemischt, das Original sowie mit 25 % und 50 % Weiß gemischt. Ein Tipp auf ein Feld kopiert dessen HEX-Code.