Criado em 06/22/2025 07:58
Dark Mode Interaction Schema
- Hover Glow#3a0ca3
- Click Neon Pink#ff61c7
- Drag Cyan#00ddeb
- Drop Zone Slate#6c757d
- Focus Fog#d6d6d6
- Background True Black#000000
A paleta consiste em cores Escuro, Luz. Cores de destaque Click Neon Pink #ff61c7 e Drag Cyan #00ddeb. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #000000 (mais escuro) a #D6D6D6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Os matizes espalham-se amplamente na roda — paleta variada (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #000000, #00DDEB, #3A0CA3, #6C757D, #D6D6D6, #FF61C7
A paleta Dark Mode Interaction Schema tem uma combinação de cores de códigos de 6:
HEX: #3a0ca3, RGB: (58, 12, 163); HEX: #ff61c7, RGB: (255, 97, 199); HEX: #00ddeb, RGB: (0, 221, 235)
HEX: #6c757d, RGB: (108, 117, 125); HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #000000, RGB: (0, 0, 0)
Versão simplificada das cores da paleta
Sombra de mediumblue, Matiz de hotpink, Sombra de darkturquoise, Matiz de slategrey, Sombra de lightgrey, Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Dark Mode Interaction Schema códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3a0ca3 | #3a0ca3 | RGB(58, 12, 163) | Hover Glow | — |
| #ff61c7 | #ff61c7 | RGB(255, 97, 199) | Click Neon Pink | — |
| #00ddeb | #00ddeb | RGB(0, 221, 235) | Drag Cyan | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Drop Zone Slate | Pompeii Ash |
| #d6d6d6 | #d6d6d6 | RGB(214, 214, 214) | Focus Fog | Silver Medal |
| #000000 | #000000 | RGB(0, 0, 0) | Background True Black | Black |
Contraste da Paleta de Cores
5 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 |
#3a0ca3 | #000000 | 1.76 |
#ff61c7 | #00ddeb | 1.61 |
#ff61c7 | #6c757d | 1.73 |
#ff61c7 | #d6d6d6 | 1.85 |
#00ddeb | #d6d6d6 | 1.15 |
Paleta de imagens Dark Mode Interaction Schema png
Exportar paleta
Baixe a "Dark Mode Interaction Schema" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: