Criado em 09/03/2025 14:24
Dark Mode Figma Prototype Vision
- Frame Charcoal#24292e
- Vector Violet#a07fdb
- Overlay Cyan#22cfcf
- Canvas Gray#c9ced6
- Guideline Yellow#fad643
- Contrast White#fafafa
- Highlight Pink#ff89ac
A paleta consiste em cores Escuro, Luz. Cores de destaque Overlay Cyan #22cfcf e Highlight Pink #ff89ac. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #24292E (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 frio.
Códigos HEX (ordenados): #22CFCF, #24292E, #A07FDB, #C9CED6, #FAD643, #FAFAFA, #FF89AC
A paleta Dark Mode Figma Prototype Vision tem uma combinação de cores de códigos de 7:
HEX: #24292e, RGB: (36, 41, 46); HEX: #a07fdb, RGB: (160, 127, 219); HEX: #22cfcf, RGB: (34, 207, 207)
HEX: #c9ced6, RGB: (201, 206, 214); HEX: #fad643, RGB: (250, 214, 67); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #ff89ac, RGB: (255, 137, 172)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de mediumpurple, Sombra de darkturquoise, Matiz de lightgrey, Sombra de gold, Sombra de whitesmoke, Sombra de palevioletred
O esquema de cores foi criado por hex
Códigos de cores na paleta
Dark Mode Figma Prototype Vision códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #24292e | #24292e | RGB(36, 41, 46) | Frame Charcoal | — |
| #a07fdb | #a07fdb | RGB(160, 127, 219) | Vector Violet | — |
| #22cfcf | #22cfcf | RGB(34, 207, 207) | Overlay Cyan | — |
| #c9ced6 | #c9ced6 | RGB(201, 206, 214) | Canvas Gray | — |
| #fad643 | #fad643 | RGB(250, 214, 67) | Guideline Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Contrast White | Dr. White |
| #ff89ac | #ff89ac | RGB(255, 137, 172) | Highlight 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 |
#a07fdb | #22cfcf | 1.66 |
#a07fdb | #ff89ac | 1.43 |
#22cfcf | #c9ced6 | 1.21 |
#22cfcf | #fad643 | 1.35 |
#22cfcf | #fafafa | 1.84 |
#22cfcf | #ff89ac | 1.15 |
Paleta de imagens Dark Mode Figma Prototype Vision png
Exportar paleta
Baixe a "Dark Mode Figma Prototype Vision" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: