Hergestellt in 03/27/2026 21:08
  16

Web Accessibility WCAG High Contrast Toolkit

  • Contrast Black
    #000000
  • Contrast White
    #ffffff
  • Accessible Yellow
    #ffd60a
  • Accessible Blue
    #0057b7
  • Accessible Red
    #d00000
  • Accessible Green
    #2b9348
  • Neutral Gray
    #6c757d
Loading...
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Accessible Yellow #ffd60a und Accessible Blue #0057b7. Palette hat Farbtemperatur Neutral, Warm, Kalt.

Nach Helligkeit reicht diese Palette von #000000 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #000000, #0057B7, #2B9348, #6C757D, #D00000, #FFD60A, #FFFFFF

Die Palette Web Accessibility WCAG High Contrast Toolkit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #000000, RGB: (0, 0, 0); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #ffd60a, RGB: (255, 214, 10)
VERHEXEN: #0057b7, RGB: (0, 87, 183); VERHEXEN: #d00000, RGB: (208, 0, 0); VERHEXEN: #2b9348, RGB: (43, 147, 72)
VERHEXEN: #6c757d, RGB: (108, 117, 125)
Vereinfachte Version der Palettenfarben
Schwarz, Weiss, Schatten von gold, Farbton von royalblue, Farbton von firebrick, Schatten von seashell, Farbton von slategrey
Farbschema wurde erstellt von colorday

Farbcodes in der Palette

Web Accessibility WCAG High Contrast Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#000000 #000000 RGB(0, 0, 0)Contrast BlackBlack
#ffffff #ffffff RGB(255, 255, 255)Contrast WhiteWhite
#ffd60a #ffd60a RGB(255, 214, 10)Accessible Yellow
#0057b7 #0057b7 RGB(0, 87, 183)Accessible Blue
#d00000 #d00000 RGB(208, 0, 0)Accessible RedRed Epiphyllum
#2b9348 #2b9348 RGB(43, 147, 72)Accessible Green
#6c757d #6c757d RGB(108, 117, 125)Neutral GrayPompeii Ash

Farbpalette Kontrast

7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#ffffff
#ffd60a
1.41
#0057b7
#d00000
1.2
#0057b7
#2b9348
1.76
#0057b7
#6c757d
1.46
#d00000
#2b9348
1.45
#d00000
#6c757d
1.21

Bildpalette Web Accessibility WCAG High Contrast Toolkit png

Loading...
Loading...