Criado em 08/13/2025 05:56
Dark Mode UI Pattern Architect
- Pattern Teal#00bfa5
- Contrast Red#ff1744
- Typography White#fafafa
- Panel Grey#616161
- Highlight Yellow#ffd600
- Menu Black#121212
- Accent Blue#2979ff
- Focus Pink#ff80ab
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Pattern Teal #00bfa5 e Highlight Yellow #ffd600. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #FAFAFA (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): #00BFA5, #121212, #2979FF, #616161, #FAFAFA, #FF1744, #FF80AB, #FFD600
A paleta Dark Mode UI Pattern Architect tem uma combinação de cores de códigos de 8:
HEX: #00bfa5, RGB: (0, 191, 165); HEX: #ff1744, RGB: (255, 23, 68); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #616161, RGB: (97, 97, 97); HEX: #ffd600, RGB: (255, 214, 0); HEX: #121212, RGB: (18, 18, 18)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #ff80ab, RGB: (255, 128, 171)
Versão simplificada das cores da paleta
Matiz de lightseagreen, Sombra de crimson, Sombra de whitesmoke, Matiz de dimgrey, Matiz de gold, Sombra de Preto, Sombra de royalblue, Sombra de hotpink
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Dark Mode UI Pattern Architect códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Pattern Teal | — |
| #ff1744 | #ff1744 | RGB(255, 23, 68) | Contrast Red | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Typography White | Dr. White |
| #616161 | #616161 | RGB(97, 97, 97) | Panel Grey | Gray38 |
| #ffd600 | #ffd600 | RGB(255, 214, 0) | Highlight Yellow | — |
| #121212 | #121212 | RGB(18, 18, 18) | Menu Black | Dark Tone Ink |
| #2979ff | #2979ff | RGB(41, 121, 255) | Accent Blue | — |
| #ff80ab | #ff80ab | RGB(255, 128, 171) | Focus Pink | — |
Contraste da Paleta de Cores
11 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 |
#00bfa5 | #ff1744 | 1.64 |
#00bfa5 | #ffd600 | 1.65 |
#00bfa5 | #2979ff | 1.7 |
#00bfa5 | #ff80ab | 1 |
#ff1744 | #616161 | 1.6 |
#ff1744 | #2979ff | 1.03 |
Paleta de imagens Dark Mode UI Pattern Architect png
Exportar paleta
Baixe a "Dark Mode UI Pattern Architect" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: