Hergestellt in 07/07/2025 14:10
Cognitive Load Reduction UI Kit
- Focus Beige#fff8e0
- Distraction Grey#b0b0b0
- Working Memory Blue#a0c4ff
- Attention Mint#c6f1e7
- Clarity White#fefefe
- Decision Orange#ffb347
- Task Flow Slate#4e4e50
Die Palette besteht aus Licht-Farben. Akzentfarben Focus Beige #fff8e0 und Working Memory Blue #a0c4ff. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #4E4E50 (dunkelstes) bis #FEFEFE (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).
Die meisten Felder wirken neutral in der Farbtemperatur.
HEX-Codes (sortiert): #4E4E50, #A0C4FF, #B0B0B0, #C6F1E7, #FEFEFE, #FFB347, #FFF8E0
Die Palette Cognitive Load Reduction UI Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #fff8e0, RGB: (255, 248, 224); VERHEXEN: #b0b0b0, RGB: (176, 176, 176); VERHEXEN: #a0c4ff, RGB: (160, 196, 255)
VERHEXEN: #c6f1e7, RGB: (198, 241, 231); VERHEXEN: #fefefe, RGB: (254, 254, 254); VERHEXEN: #ffb347, RGB: (255, 179, 71)
VERHEXEN: #4e4e50, RGB: (78, 78, 80)
Vereinfachte Version der Palettenfarben
Schatten von cornsilk, Schatten von darkgrey, Farbton von lightsteelblue, Schatten von paleturquoise, Farbton von Weiss, Schatten von Orange, Farbton von dimgrey
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Cognitive Load Reduction UI Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #fff8e0 | #fff8e0 | RGB(255, 248, 224) | Focus Beige | — |
| #b0b0b0 | #b0b0b0 | RGB(176, 176, 176) | Distraction Grey | Gray69 |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | Working Memory Blue | — |
| #c6f1e7 | #c6f1e7 | RGB(198, 241, 231) | Attention Mint | — |
| #fefefe | #fefefe | RGB(254, 254, 254) | Clarity White | White as Heaven |
| #ffb347 | #ffb347 | RGB(255, 179, 71) | Decision Orange | Agrellan Badland |
| #4e4e50 | #4e4e50 | RGB(78, 78, 80) | Task Flow Slate | — |
Farbpalette Kontrast
13 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#fff8e0 | #a0c4ff | 1.66 |
#fff8e0 | #c6f1e7 | 1.15 |
#fff8e0 | #fefefe | 1.05 |
#fff8e0 | #ffb347 | 1.67 |
#b0b0b0 | #a0c4ff | 1.22 |
#b0b0b0 | #c6f1e7 | 1.76 |
Bildpalette Cognitive Load Reduction UI Kit png
Palette exportieren
Laden Sie die "Cognitive Load Reduction UI Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: