Über Goldrute
Goldrute (goldenrod) ist ein mittleres, kräftiges Orange mit dem HEX-Code #daa520 oder rgb(218, 165, 32). Im HSL-Modell liegt es bei einem Farbton von 43°, 74 % Sättigung und 49 % Helligkeit. Die Farbe gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: goldenrod; statt des HEX-Werts schreiben kannst.
Goldrute für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Goldrute-Text auf Weiß | 2,24 : 1 | nicht bestanden |
| Goldrute-Text auf Schwarz | 9,38 : 1 | AAA |
Auf einem Goldrute-Hintergrund verwendest du schwarzen Text (9,38 : 1). WCAG verlangt mindestens 4,5 : 1 für normalen Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.
CSS
.element {
color: goldenrod; /* or #daa520 */
background-color: #daa520;
border: 1px solid rgb(218 165 32 / 50%);
}
Ähnliche benannte Farben
Peru (#cd853f), Orange (#ffa500), Dunkle Goldrute (#b8860b), Dunkles Orange (#ff8c00), Schokolade (#d2691e), Sandbraun (#f4a460).
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.