Criado em 08/02/2025 10:01
Accessible Neural Theme Builder
- Cortex Cream#fff5eb
- Interaction Blue#4c8bf5
- Visual Grey#a8a8a8
- Neural Ink Black#121212
- Heatmap Orange#ff9e00
- Attention Light Yellow#fff9b0
A paleta consiste em cores Luz, Escuro. Cores de destaque Cortex Cream #fff5eb e Interaction Blue #4c8bf5. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #FFF5EB (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): #121212, #4C8BF5, #A8A8A8, #FF9E00, #FFF5EB, #FFF9B0
A paleta Accessible Neural Theme Builder tem uma combinação de cores de códigos de 6:
HEX: #fff5eb, RGB: (255, 245, 235); HEX: #4c8bf5, RGB: (76, 139, 245); HEX: #a8a8a8, RGB: (168, 168, 168)
HEX: #121212, RGB: (18, 18, 18); HEX: #ff9e00, RGB: (255, 158, 0); HEX: #fff9b0, RGB: (255, 249, 176)
Versão simplificada das cores da paleta
Sombra de linen, Matiz de cornflowerblue, Matiz de darkgrey, Sombra de Preto, Matiz de Laranja, Sombra de palegoldenrod
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Accessible Neural Theme Builder códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fff5eb | #fff5eb | RGB(255, 245, 235) | Cortex Cream | — |
| #4c8bf5 | #4c8bf5 | RGB(76, 139, 245) | Interaction Blue | — |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Visual Grey | Uniform Grey |
| #121212 | #121212 | RGB(18, 18, 18) | Neural Ink Black | Dark Tone Ink |
| #ff9e00 | #ff9e00 | RGB(255, 158, 0) | Heatmap Orange | — |
| #fff9b0 | #fff9b0 | RGB(255, 249, 176) | Attention Light Yellow | — |
Contraste da Paleta de Cores
6 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 |
#fff5eb | #ff9e00 | 1.92 |
#fff5eb | #fff9b0 | 1 |
#4c8bf5 | #a8a8a8 | 1.39 |
#4c8bf5 | #ff9e00 | 1.6 |
#a8a8a8 | #ff9e00 | 1.14 |
#ff9e00 | #fff9b0 | 1.91 |
Paleta de imagens Accessible Neural Theme Builder png
Exportar paleta
Baixe a "Accessible Neural Theme Builder" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: