Hergestellt in 09/14/2025 18:15
vonhex
  11

Neural UX Accessibility Matrix

  • Accessible Orange
    #f77f00
  • Synapse Violet
    #9d4edd
  • Journey Blue
    #118ab2
  • Persona Peach
    #ffbe0b
  • Wireframe Gray
    #ced4da
  • Contrast White
    #ffffff
  • Dark Mode Black
    #0f0f0f
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Journey Blue #118ab2 und Persona Peach #ffbe0b. Palette hat Farbtemperatur Warm, Kalt, Neutral.

Nach Helligkeit reicht diese Palette von #0F0F0F (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): #0F0F0F, #118AB2, #9D4EDD, #CED4DA, #F77F00, #FFBE0B, #FFFFFF

Die Palette Neural UX Accessibility Matrix enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #f77f00, RGB: (247, 127, 0); VERHEXEN: #9d4edd, RGB: (157, 78, 221); VERHEXEN: #118ab2, RGB: (17, 138, 178)
VERHEXEN: #ffbe0b, RGB: (255, 190, 11); VERHEXEN: #ced4da, RGB: (206, 212, 218); VERHEXEN: #ffffff, RGB: (255, 255, 255)
VERHEXEN: #0f0f0f, RGB: (15, 15, 15)
Vereinfachte Version der Palettenfarben
Farbton von darkorange, Schatten von darkorchid, Farbton von steelblue, Schatten von goldenrod, Farbton von lightgrey, Weiss, Schatten von Schwarz
Farbschema wurde erstellt von hex

Farbcodes in der Palette

Neural UX Accessibility Matrix Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#f77f00 #f77f00 RGB(247, 127, 0)Accessible OrangeUniversity of Tennessee Orange
#9d4edd #9d4edd RGB(157, 78, 221)Synapse Violet
#118ab2 #118ab2 RGB(17, 138, 178)Journey Blue
#ffbe0b #ffbe0b RGB(255, 190, 11)Persona Peach
#ced4da #ced4da RGB(206, 212, 218)Wireframe Gray
#ffffff #ffffff RGB(255, 255, 255)Contrast WhiteWhite
#0f0f0f #0f0f0f RGB(15, 15, 15)Dark Mode BlackChaos Black

Farbpalette Kontrast

8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#f77f00
#9d4edd
1.74
#f77f00
#118ab2
1.5
#f77f00
#ffbe0b
1.57
#f77f00
#ced4da
1.75
#9d4edd
#118ab2
1.16
#ffbe0b
#ced4da
1.11

Bildpalette Neural UX Accessibility Matrix png