Über Schokolade
Schokolade (chocolate) ist ein mittleres, kräftiges Orange mit dem Hex-Code #d2691e oder rgb(210, 105, 30). In HSL liegt er bei einem Farbton von 25°, 75% Sättigung und 47% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: chocolate; statt des Hex-Werts schreiben.
Schokolade für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Text in Schokoladenfarbe auf Weiß | 3.63 : 1 | nur AA für große Schrift |
| Text in Schokoladenfarbe auf Schwarz | 5.78 : 1 | AA |
Auf einem schokoladenfarbenen Hintergrund verwendest du Schwarz als Textfarbe (5.78 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: chocolate; /* or #d2691e */
background-color: #d2691e;
border: 1px solid rgb(210 105 30 / 50%);
}
Ähnliche benannte Farben
Dunkles Goldrutengelb (#b8860b), Peru (#cd853f), Sienna (#a0522d), Goldrute (#daa520), Tomate (#ff6347), Indischrot (#cd5c5c).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.