Criado em 06/26/2025 08:28
Dark Mode UX System Flow
- Carbon Overlay#171717
- Contrast Snow#fafafa
- Schema Gold#fcd34d
- Node Blue#60a5fa
- Outline Red#f87171
- Interaction Silver#e4e4e7
A paleta consiste em cores Escuro, Luz. Cores de destaque Schema Gold #fcd34d e Node Blue #60a5fa. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #171717 (mais escuro) a #FAFAFA (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): #171717, #60A5FA, #E4E4E7, #F87171, #FAFAFA, #FCD34D
A paleta Dark Mode UX System Flow tem uma combinação de cores de códigos de 6:
HEX: #171717, RGB: (23, 23, 23); HEX: #fafafa, RGB: (250, 250, 250); HEX: #fcd34d, RGB: (252, 211, 77)
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #f87171, RGB: (248, 113, 113); HEX: #e4e4e7, RGB: (228, 228, 231)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de whitesmoke, Sombra de gold, Sombra de cornflowerblue, Matiz de lightcoral, Sombra de gainsboro
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Dark Mode UX System Flow códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #171717 | #171717 | RGB(23, 23, 23) | Carbon Overlay | Cynical Black |
| #fafafa | #fafafa | RGB(250, 250, 250) | Contrast Snow | Dr. White |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Schema Gold | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Node Blue | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Outline Red | — |
| #e4e4e7 | #e4e4e7 | RGB(228, 228, 231) | Interaction Silver | Lilac Mist |
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 |
#fafafa | #fcd34d | 1.38 |
#fafafa | #e4e4e7 | 1.21 |
#fcd34d | #60a5fa | 1.76 |
#fcd34d | #f87171 | 1.91 |
#fcd34d | #e4e4e7 | 1.13 |
#60a5fa | #f87171 | 1.08 |
Paleta de imagens Dark Mode UX System Flow png
Exportar paleta
Baixe a "Dark Mode UX System Flow" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: