Über Hellblau
Hellblau (lightblue) ist ein helles, mäßig gesättigtes Blau mit dem HEX-Code #add8e6, oder rgb(173, 216, 230). In HSL liegt es bei einem Farbton von 195°, 53 % Sättigung und 79 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst также also color: lightblue; statt des HEX-Werts schreiben.
Hellblau für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Hellblauer Text auf Weiß | 1.53 : 1 | nicht bestanden |
| Hellblauer Text auf Schwarz | 13.74 : 1 | AAA |
Auf einem hellblauen Hintergrund eignet sich Schwarz als Textfarbe (13.74 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.
CSS
.element {
color: lightblue; /* or #add8e6 */
background-color: #add8e6;
border: 1px solid rgb(173 216 230 / 50%);
}
Ähnliche benannte Farben
Pulverblau (#b0e0e6), Helles Stahlblau (#b0c4de), Blasstürkis (#afeeee), Himmelblau (#87ceeb), Hellgrau (#d3d3d3), Helles Himmelblau (#87cefa).
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.