Hergestellt in 07/07/2025 17:13
Cognitive Design Pattern Toolkit
- Persona Shell#faf0e6
- Usability Blue#4a90e2
- Cognitive Load Yellow#fff176
- Information Scent Gray#bdbdbd
- Affordance Coral#ff8a65
- Memory Recall Black#0d0d0d
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Usability Blue #4a90e2 und Cognitive Load Yellow #fff176. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #0D0D0D (dunkelstes) bis #FAF0E6 (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 warmen Seite.
HEX-Codes (sortiert): #0D0D0D, #4A90E2, #BDBDBD, #FAF0E6, #FF8A65, #FFF176
Die Palette Cognitive Design Pattern Toolkit enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #faf0e6, RGB: (250, 240, 230); VERHEXEN: #4a90e2, RGB: (74, 144, 226); VERHEXEN: #fff176, RGB: (255, 241, 118)
VERHEXEN: #bdbdbd, RGB: (189, 189, 189); VERHEXEN: #ff8a65, RGB: (255, 138, 101); VERHEXEN: #0d0d0d, RGB: (13, 13, 13)
Vereinfachte Version der Palettenfarben
Schatten von dodgerblue, Schatten von Khaki, Farbton von Silber, Schatten von coral, Schatten von Schwarz
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Cognitive Design Pattern Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #faf0e6 | #faf0e6 | RGB(250, 240, 230) | Persona Shell | Linen |
| #4a90e2 | #4a90e2 | RGB(74, 144, 226) | Usability Blue | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Cognitive Load Yellow | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Information Scent Gray | Gray74 |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Affordance Coral | — |
| #0d0d0d | #0d0d0d | RGB(13, 13, 13) | Memory Recall Black | Gray5 |
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 |
#faf0e6 | #fff176 | 1.03 |
#faf0e6 | #bdbdbd | 1.67 |
#4a90e2 | #bdbdbd | 1.75 |
#4a90e2 | #ff8a65 | 1.42 |
#fff176 | #bdbdbd | 1.61 |
#fff176 | #ff8a65 | 1.99 |
Bildpalette Cognitive Design Pattern Toolkit png
Palette exportieren
Laden Sie die "Cognitive Design Pattern Toolkit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: