Criado em 08/23/2025 11:53
Accessible Dark UI Toolkit for Web3
- Eclipse Black#121212
- Panel Graphite#2c2c2c
- Component Teal#0097a7
- Accent Orange#ff7043
- Focus Yellow#fdd835
- Screen White#f5f5f5
A paleta consiste em cores Escuro, Luz. Cores de destaque Component Teal #0097a7 e Accent Orange #ff7043. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #F5F5F5 (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): #0097A7, #121212, #2C2C2C, #F5F5F5, #FDD835, #FF7043
A paleta Accessible Dark UI Toolkit for Web3 tem uma combinação de cores de códigos de 6:
HEX: #121212, RGB: (18, 18, 18); HEX: #2c2c2c, RGB: (44, 44, 44); HEX: #0097a7, RGB: (0, 151, 167)
HEX: #ff7043, RGB: (255, 112, 67); HEX: #fdd835, RGB: (253, 216, 53); HEX: #f5f5f5, RGB: (245, 245, 245)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de Preto, Matiz de cadetblue, Matiz de coral, Sombra de gold
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Accessible Dark UI Toolkit for Web3 códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #121212 | #121212 | RGB(18, 18, 18) | Eclipse Black | Dark Tone Ink |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Panel Graphite | — |
| #0097a7 | #0097a7 | RGB(0, 151, 167) | Component Teal | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Accent Orange | — |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Focus Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Screen White | White Smoke |
Contraste da Paleta de Cores
4 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 |
#121212 | #2c2c2c | 1.34 |
#0097a7 | #ff7043 | 1.27 |
#ff7043 | #fdd835 | 1.96 |
#fdd835 | #f5f5f5 | 1.27 |
Paleta de imagens Accessible Dark UI Toolkit for Web3 png
Exportar paleta
Baixe a "Accessible Dark UI Toolkit for Web3" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: