Criado em 06/08/2025 14:44
Accessible UI Dark Console
- Audit Orange#ffb347
- Label Gray#c0c0c0
- Text White#ffffff
- Hint Blue#3a86ff
- Error Red#ef233c
- Navigation Charcoal#121212
- Form Focus Green#8bc34a
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Audit Orange #ffb347 e Hint Blue #3a86ff. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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, #3A86FF, #8BC34A, #C0C0C0, #EF233C, #FFB347, #FFFFFF
A paleta Accessible UI Dark Console tem uma combinação de cores de códigos de 7:
HEX: #ffb347, RGB: (255, 179, 71); HEX: #c0c0c0, RGB: (192, 192, 192); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #ef233c, RGB: (239, 35, 60); HEX: #121212, RGB: (18, 18, 18)
HEX: #8bc34a, RGB: (139, 195, 74)
Versão simplificada das cores da paleta
Sombra de Laranja, Prata, Branco, Sombra de dodgerblue, Sombra de crimson, Sombra de Preto, Matiz de Amarelo verde
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Accessible UI Dark Console códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffb347 | #ffb347 | RGB(255, 179, 71) | Audit Orange | Agrellan Badland |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Label Gray | Silver |
| #ffffff | #ffffff | RGB(255, 255, 255) | Text White | White |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Hint Blue | — |
| #ef233c | #ef233c | RGB(239, 35, 60) | Error Red | — |
| #121212 | #121212 | RGB(18, 18, 18) | Navigation Charcoal | Dark Tone Ink |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | Form Focus Green | — |
Contraste da Paleta de Cores
9 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 |
#ffb347 | #c0c0c0 | 1.02 |
#ffb347 | #ffffff | 1.78 |
#ffb347 | #3a86ff | 1.95 |
#ffb347 | #8bc34a | 1.17 |
#c0c0c0 | #ffffff | 1.81 |
#c0c0c0 | #3a86ff | 1.91 |
Paleta de imagens Accessible UI Dark Console png
Exportar paleta
Baixe a "Accessible UI Dark Console" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: