Criado em 07/11/2025 13:02
Dark Mode App Dev Template
- App Shell Black#121212
- Active State Green#80ed99
- Component Grid Slate#7d8597
- Notification Pink#ff6b81
- Surface Panel Grey#dadada
- Text Primary White#fcfcfc
A paleta consiste em cores Escuro, Luz. Cores de destaque Active State Green #80ed99 e Notification Pink #ff6b81. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #FCFCFC (mais claro). A faixa de luminosidade é ampla.
A saturação global parece maioritariamente suave (croma baixo).
A maioria das cores está quase neutra ou com saturação muito baixa; as relações de matiz são subtis.
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #121212, #7D8597, #80ED99, #DADADA, #FCFCFC, #FF6B81
A paleta Dark Mode App Dev Template tem uma combinação de cores de códigos de 6:
HEX: #121212, RGB: (18, 18, 18); HEX: #80ed99, RGB: (128, 237, 153); HEX: #7d8597, RGB: (125, 133, 151)
HEX: #ff6b81, RGB: (255, 107, 129); HEX: #dadada, RGB: (218, 218, 218); HEX: #fcfcfc, RGB: (252, 252, 252)
Versão simplificada das cores da paleta
Sombra de Preto, Matiz de lightgreen, Matiz de lightslategrey, Matiz de lightcoral, Matiz de gainsboro, Matiz de Branco
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Dark Mode App Dev Template códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #121212 | #121212 | RGB(18, 18, 18) | App Shell Black | Dark Tone Ink |
| #80ed99 | #80ed99 | RGB(128, 237, 153) | Active State Green | — |
| #7d8597 | #7d8597 | RGB(125, 133, 151) | Component Grid Slate | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Notification Pink | — |
| #dadada | #dadada | RGB(218, 218, 218) | Surface Panel Grey | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Text Primary White | Gray99 |
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 |
#80ed99 | #ff6b81 | 1.88 |
#80ed99 | #dadada | 1.03 |
#80ed99 | #fcfcfc | 1.41 |
#7d8597 | #ff6b81 | 1.35 |
#ff6b81 | #dadada | 1.95 |
#dadada | #fcfcfc | 1.36 |
Paleta de imagens Dark Mode App Dev Template png
Exportar paleta
Baixe a "Dark Mode App Dev Template" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: