Über Silber
Silber (silver) ist ein helles, gedämpftes Grau mit dem Hex-Code #c0c0c0 oder rgb(192, 192, 192). In HSL liegt er bei einem Farbton von 0°, 0 % Sättigung und 75 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: silver; statt des Hex-Werts schreiben kannst.
Silber für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Silberner Text auf Weiß | 1.82 : 1 | fällt durch |
| Silberner Text auf Schwarz | 11.54 : 1 | AAA |
Auf einem Silber-Hintergrund nimmst du am besten schwarzen Text (11.54 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: silver; /* or #c0c0c0 */
background-color: #c0c0c0;
border: 1px solid rgb(192 192 192 / 50%);
}
Ähnliche benannte Farben
Hellgrau (#d3d3d3), Distel (#d8bfd8), Helles Stahlblau (#b0c4de), Dunkelgrau (#a9a9a9), Gainsboro (#dcdcdc), Hellblau (#add8e6).
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.