Über Hellrosa
Hellrosa (lightpink) ist ein sehr helles, kräftiges Rot mit dem Hex-Code #ffb6c1, oder rgb(255, 182, 193). Im HSL-Modell liegt es bei einem Farbton von 351°, 100 % Sättigung und 86 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightpink; statt des Hex-Werts schreiben.
Hellrosa für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Hellrosa-Text auf Weiß | 1,65 : 1 | nicht bestanden |
| Hellrosa-Text auf Schwarz | 12,71 : 1 | AAA |
Auf einem hellrosa Hintergrund verwendest du am besten schwarzen Text (12,71 : 1). WCAG verlangt mindestens 4,5 : 1 für normalen Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: lightpink; /* or #ffb6c1 */
background-color: #ffb6c1;
border: 1px solid rgb(255 182 193 / 50%);
}
Ähnliche benannte Farben
Rosa (#ffc0cb), Pfirsich (#ffdab9), Weizen (#f5deb3), Navajoweiß (#ffdead), Bisquit (#ffe4c4), Distelfarben (#d8bfd8).
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.