Über Teal
Teal (teal) ist ein dunkles, lebhaftes Cyan mit dem Hex-Code #008080 oder rgb(0, 128, 128). Im HSL-Modell liegt es bei einem Farbton von 180°, 100 % Sättigung und 25 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: teal; statt des Hex-Werts schreiben kannst.
Teal für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Teal-Text auf Weiß | 4,77 : 1 | AA |
| Teal-Text auf Schwarz | 4,40 : 1 | AA nur für große Schrift |
Auf einem Teal-Hintergrund verwendest du weißen Text (4,77 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.
CSS
.element {
color: teal; /* or #008080 */
background-color: #008080;
border: 1px solid rgb(0 128 128 / 50%);
}Ähnliche benannte Farben
Dunkles Cyan (#008b8b), Meeresgrün (#2e8b57), Helles Meeresgrün (#20b2aa), Mittleres Meeresgrün (#3cb371), Dunkles Schiefergrau (#2f4f4f), Stahlblau (#4682b4).
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.