Criado em 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
A paleta consiste em cores Luz. Cores de destaque Focus Beige #fff8e0 e Working Memory Blue #a0c4ff. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #4E4E50 (mais escuro) a #FEFEFE (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #4E4E50, #A0C4FF, #B0B0B0, #C6F1E7, #FEFEFE, #FFB347, #FFF8E0
A paleta Cognitive Load Reduction UI Kit tem uma combinação de cores de códigos de 7:
HEX: #fff8e0, RGB: (255, 248, 224); HEX: #b0b0b0, RGB: (176, 176, 176); HEX: #a0c4ff, RGB: (160, 196, 255)
HEX: #c6f1e7, RGB: (198, 241, 231); HEX: #fefefe, RGB: (254, 254, 254); HEX: #ffb347, RGB: (255, 179, 71)
HEX: #4e4e50, RGB: (78, 78, 80)
Versão simplificada das cores da paleta
Sombra de cornsilk, Sombra de darkgrey, Matiz de lightsteelblue, Sombra de paleturquoise, Matiz de Branco, Sombra de Laranja, Matiz de dimgrey
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Cognitive Load Reduction UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #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 | — |
Contraste da Paleta de Cores
13 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
|---|---|---|
#fff8e0 | #a0c4ff | 1.66 |
#fff8e0 | #c6f1e7 | 1.15 |
#fff8e0 | #fefefe | 1.05 |
#fff8e0 | #ffb347 | 1.67 |
#b0b0b0 | #a0c4ff | 1.22 |
#b0b0b0 | #c6f1e7 | 1.76 |
Paleta de imagens Cognitive Load Reduction UI Kit png
Exportar paleta
Baixe a "Cognitive Load Reduction UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: