Criado em 03/30/2026 11:31
Human Computer Interaction Cognitive Load UX Palette
- Focus Blue#3b82f6
- Memory Green#22c55e
- Attention Yellow#facc15
- Error Red#ef4444
- Neutral Light#f9fafb
- Depth Gray#6b7280
- Text Black#020617
A paleta consiste em cores Luz, Escuro. Cores de destaque Focus Blue #3b82f6 e Attention Yellow #facc15. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #020617 (mais escuro) a #F9FAFB (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 frio.
Códigos HEX (ordenados): #020617, #22C55E, #3B82F6, #6B7280, #EF4444, #F9FAFB, #FACC15
A paleta Human Computer Interaction Cognitive Load UX Palette tem uma combinação de cores de códigos de 7:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #22c55e, RGB: (34, 197, 94); HEX: #facc15, RGB: (250, 204, 21)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #6b7280, RGB: (107, 114, 128)
HEX: #020617, RGB: (2, 6, 23)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Matiz de limegreen, Matiz de gold, Matiz de indianred, Sombra de whitesmoke, Matiz de slategrey, Sombra de Preto
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Human Computer Interaction Cognitive Load UX Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Memory Green | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Attention Yellow | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Error Red | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Neutral Light | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Depth Gray | — |
| #020617 | #020617 | RGB(2, 6, 23) | Text Black | — |
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 |
#3b82f6 | #22c55e | 1.61 |
#3b82f6 | #ef4444 | 1.02 |
#3b82f6 | #6b7280 | 1.31 |
#22c55e | #facc15 | 1.48 |
#22c55e | #ef4444 | 1.65 |
#facc15 | #f9fafb | 1.46 |
Paleta de imagens Human Computer Interaction Cognitive Load UX Palette png
Exportar paleta
Baixe a "Human Computer Interaction Cognitive Load UX Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: