Criado em 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
A paleta consiste em cores Luz, Escuro. Cores de destaque Usability Blue #4a90e2 e Cognitive Load Yellow #fff176. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #0D0D0D (mais escuro) a #FAF0E6 (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).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #0D0D0D, #4A90E2, #BDBDBD, #FAF0E6, #FF8A65, #FFF176
A paleta Cognitive Design Pattern Toolkit tem uma combinação de cores de códigos de 6:
HEX: #faf0e6, RGB: (250, 240, 230); HEX: #4a90e2, RGB: (74, 144, 226); HEX: #fff176, RGB: (255, 241, 118)
HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #ff8a65, RGB: (255, 138, 101); HEX: #0d0d0d, RGB: (13, 13, 13)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Sombra de Cáqui, Matiz de Prata, Sombra de coral, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Cognitive Design Pattern Toolkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 |
Contraste da Paleta de Cores
7 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 |
#faf0e6 | #fff176 | 1.03 |
#faf0e6 | #bdbdbd | 1.67 |
#4a90e2 | #bdbdbd | 1.75 |
#4a90e2 | #ff8a65 | 1.42 |
#fff176 | #bdbdbd | 1.61 |
#fff176 | #ff8a65 | 1.99 |
Paleta de imagens Cognitive Design Pattern Toolkit png
Exportar paleta
Baixe a "Cognitive Design Pattern Toolkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: