Criado em 07/11/2025 13:06
Dark Matter UI Component Pack
- Matter Base Black#090909
- Glow Node Cyan#00f5d4
- Panel Dust Grey#c4c4c4
- Vector Path Pink#ffa69e
- Hover State White#f8f8f8
- Data Stripe Violet#9d4edd
A paleta consiste em cores Escuro, Luz. Cores de destaque Glow Node Cyan #00f5d4 e Vector Path Pink #ffa69e. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #090909 (mais escuro) a #F8F8F8 (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 frio.
Códigos HEX (ordenados): #00F5D4, #090909, #9D4EDD, #C4C4C4, #F8F8F8, #FFA69E
A paleta Dark Matter UI Component Pack tem uma combinação de cores de códigos de 6:
HEX: #090909, RGB: (9, 9, 9); HEX: #00f5d4, RGB: (0, 245, 212); HEX: #c4c4c4, RGB: (196, 196, 196)
HEX: #ffa69e, RGB: (255, 166, 158); HEX: #f8f8f8, RGB: (248, 248, 248); HEX: #9d4edd, RGB: (157, 78, 221)
Versão simplificada das cores da paleta
Sombra de Preto, Matiz de aquamarine, Sombra de Prata, Matiz de lightpink, Sombra de whitesmoke, Sombra de darkorchid
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Dark Matter UI Component Pack códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #090909 | #090909 | RGB(9, 9, 9) | Matter Base Black | — |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Glow Node Cyan | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Panel Dust Grey | Weathered Stone |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Vector Path Pink | — |
| #f8f8f8 | #f8f8f8 | RGB(248, 248, 248) | Hover State White | — |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Data Stripe Violet | — |
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 |
#00f5d4 | #c4c4c4 | 1.24 |
#00f5d4 | #ffa69e | 1.34 |
#00f5d4 | #f8f8f8 | 1.31 |
#c4c4c4 | #ffa69e | 1.07 |
#c4c4c4 | #f8f8f8 | 1.64 |
#ffa69e | #f8f8f8 | 1.76 |
Paleta de imagens Dark Matter UI Component Pack png
Exportar paleta
Baixe a "Dark Matter UI Component Pack" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: