Über Feuerziegel
Feuerziegel (firebrick) ist ein mittleres, kräftiges Rot mit dem HEX-Code #b22222 oder rgb(178, 34, 34). Im HSL-Modell liegt er bei einem Farbton von 0°, 68 % Sättigung und 42 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: firebrick; statt des HEX-Werts schreiben.
Feuerziegel für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Feuerziegel-Text auf Weiß | 6.68 : 1 | AA |
| Feuerziegel-Text auf Schwarz | 3.14 : 1 | nur AA für große Schrift |
Auf einem Feuerziegel-Hintergrund verwendest du weiße Schrift (6.68 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.
CSS
.element {
color: firebrick; /* or #b22222 */
background-color: #b22222;
border: 1px solid rgb(178 34 34 / 50%);
}
Ähnliche benannte Farben
Braun (#a52a2a), Karmesinrot (#dc143c), Sienna (#a0522d), Sattelbraun (#8b4513), Dunkelrot (#8b0000), Kastanienbraun (#800000).
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.