Neuroscience UI Design Matrix
- Cortex Blue#2196f3
- Impulse Amber#ffc107
- Neuron White#fafafa
- Signal Gray#b0bec5
- EEG Violet#9575cd
- Feedback Slate#455a64
Erstellt am 07/25/2025 08:07
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Cortex Blue #2196f3 und Impulse Amber #ffc107. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #455A64 (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 3 gedämpfte und 2 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 6).
HEX-Codes (sortiert): #2196F3, #455A64, #9575CD, #B0BEC5, #FAFAFA, #FFC107
Die Palette Neuroscience UI Design Matrix kombiniert 6 Farbcodes:
HEX: #2196f3, RGB: (33, 150, 243); HEX: #ffc107, RGB: (255, 193, 7); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #9575cd, RGB: (149, 117, 205); HEX: #455a64, RGB: (69, 90, 100)
Vereinfachte Version der Palettenfarben
Aufhellung von Dodgerblau, Schattierung von Gold, Aufhellung von Rauchweiß, Schattierung von Silber, Aufhellung von Mittleres Lila, Aufhellung von Dunkles Schiefergrau
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Neuroscience UI Design Matrix Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Cortex Blue | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Impulse Amber | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Neuron White | Dr. White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Signal Gray | Ocean Drive |
| #9575cd | #9575cd | RGB(149, 117, 205) | EEG Violet | — |
| #455a64 | #455a64 | RGB(69, 90, 100) | Feedback Slate | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#2196f3 | #ffc107 | 1.91 |
#2196f3 | #b0bec5 | 1.63 |
#2196f3 | #9575cd | 1.17 |
#ffc107 | #fafafa | 1.56 |
#ffc107 | #b0bec5 | 1.16 |
#fafafa | #b0bec5 | 1.82 |
Bildpalette Neuroscience UI Design Matrix png
Palette exportieren
Laden Sie die "Neuroscience UI Design Matrix" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: