Über Indigo
Indigo (indigo) ist ein dunkles, leuchtendes Violett mit dem Hex-Code #4b0082 oder rgb(75, 0, 130). In HSL liegt er bei einem Farbton von 275°, 100% Sättigung und 25% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: indigo; statt des Hex-Werts schreiben.
Indigo für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Indigo-Text auf Weiß | 12.95 : 1 | AAA |
| Indigo-Text auf Schwarz | 1.62 : 1 | nicht bestanden |
Auf einem Indigo-Hintergrund verwendest du weißen Text (12.95 : 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: indigo; /* or #4b0082 */
background-color: #4b0082;
border: 1px solid rgb(75 0 130 / 50%);
}
Ähnliche benannte Farben
Lila (#800080), Mitternachtsblau (#191970), Dunkles Schieferblau (#483d8b), Rebecca-Lila (#663399), Dunkles Magenta (#8b008b), Navy (#000080).
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.