Über Aqua
Aqua (aqua) ist ein mittleres, kräftiges Cyan mit dem Hex-Code #00ffff, oder rgb(0, 255, 255). In HSL liegt es bei einem Farbton von 180°, 100% Sättigung und 50% Helligkeit. CSS akzeptiert außerdem die Schreibweise cyan für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: aqua; statt des Hex-Werts schreiben.
Aqua für Text und Hintergründe verwenden
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Aqua-Text auf Weiß | 1,25 : 1 | nicht bestanden |
| Aqua-Text auf Schwarz | 16,75 : 1 | AAA |
Auf einem Aqua-Hintergrund verwende Schwarz als Textfarbe (16,75 : 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 Contrast Checker.
CSS
.element {
color: aqua; /* or #00ffff */
background-color: #00ffff;
border: 1px solid rgb(0 255 255 / 50%);
}
Ähnliche benannte Farben
Tiefes Himmelblau (#00bfff), Dunkeltürkis (#00ced1), Türkis (#40e0d0), Mittleres Türkis (#48d1cc), Mittleres Frühlingsgrün (#00fa9a), Dodger Blue (#1e90ff).
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.