Über Hellgoldgelb
Hellgoldgelb (lightgoldenrodyellow) ist ein sehr helles, leuchtendes Gelb mit dem Hex-Code #fafad2, bzw. rgb(250, 250, 210). Im HSL-Modell liegt es bei einem Farbton von 60°, 80 % Sättigung und 90 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightgoldenrodyellow; statt des Hex-Werts schreiben.
Hellgoldgelb für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Hellgoldgelber Text auf Weiß | 1,07 : 1 | nicht bestanden |
| Hellgoldgelber Text auf Schwarz | 19,67 : 1 | AAA |
Auf einem hellgoldgelben Hintergrund nimmst du am besten schwarzen Text (19,67 : 1). WCAG verlangt für Fließtext mindestens 4,5 : 1 und für große Schrift 3 : 1. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: lightgoldenrodyellow; /* or #fafad2 */
background-color: #fafad2;
border: 1px solid rgb(250 250 210 / 50%);
}
Ähnliche benannte Farben
Zitronenchiffon (#fffacd), Maisseide (#fff8dc), Beige (#f5f5dc), Papayacreme (#ffefd5), Helles Gelb (#ffffe0), Antikweiß (#faebd7).
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.