Hergestellt in 07/22/2025 11:50
Accessible Contrast-First Vue Components
- ADA Aqua#00acc1
- Standard Black#000000
- Banner Light#f5f5f5
- Headline Amber#ffc107
- Link Purple#7e57c2
- Modal White#ffffff
- Form Label Gray#757575
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben ADA Aqua #00acc1 und Headline Amber #ffc107. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #000000 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt eher gedämpft (geringere Chroma).
Farbton ist weit über den Farbkreis verteilt — eine gemischte Palette (heuristisch).
Die meisten Felder wirken neutral in der Farbtemperatur.
HEX-Codes (sortiert): #000000, #00ACC1, #757575, #7E57C2, #F5F5F5, #FFC107, #FFFFFF
Die Palette Accessible Contrast-First Vue Components enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #00acc1, RGB: (0, 172, 193); VERHEXEN: #000000, RGB: (0, 0, 0); VERHEXEN: #f5f5f5, RGB: (245, 245, 245)
VERHEXEN: #ffc107, RGB: (255, 193, 7); VERHEXEN: #7e57c2, RGB: (126, 87, 194); VERHEXEN: #ffffff, RGB: (255, 255, 255)
VERHEXEN: #757575, RGB: (117, 117, 117)
Vereinfachte Version der Palettenfarben
Farbton von cadetblue, Schwarz, Farbton von gold, Schatten von slateblue, Weiss, Schatten von dimgrey
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Accessible Contrast-First Vue Components Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | ADA Aqua | — |
| #000000 | #000000 | RGB(0, 0, 0) | Standard Black | Black |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Banner Light | White Smoke |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Headline Amber | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Link Purple | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Modal White | White |
| #757575 | #757575 | RGB(117, 117, 117) | Form Label Gray | Sonic Silver |
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 |
#00acc1 | #ffc107 | 1.67 |
#00acc1 | #7e57c2 | 1.9 |
#00acc1 | #757575 | 1.68 |
#f5f5f5 | #ffc107 | 1.49 |
#f5f5f5 | #ffffff | 1.09 |
#ffc107 | #ffffff | 1.63 |
Bildpalette Accessible Contrast-First Vue Components png
Palette exportieren
Laden Sie die "Accessible Contrast-First Vue Components" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: