Über Rebecca Purple
Rebecca Purple (rebeccapurple) ist ein mittleres, mäßig gesättigtes Purpur mit dem Hex-Code #663399 oder rgb(102, 51, 153). Im HSL-Modell liegt es bei einem Farbton von 270°, 50 % Sättigung und 40 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: rebeccapurple; statt des Hex-Werts schreiben.
Rebecca Purple für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Rebecca-Purple-Text auf Weiß | 8.41 : 1 | AAA |
| Rebecca-Purple-Text auf Schwarz | 2.50 : 1 | nicht bestanden |
Auf einem Rebecca-Purple-Hintergrund verwendest du weißen Text (8.41 : 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: rebeccapurple; /* or #663399 */
background-color: #663399;
border: 1px solid rgb(102 51 153 / 50%);
}
Ähnliche benannte Farben
Dunkles Schieferblau (#483d8b), Indigo (#4b0082), Purpur (#800080), Dunkles Magenta (#8b008b), Schieferblau (#6a5acd), Dunkle Orchidee (#9932cc).
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.