Criado em 07/10/2025 08:56
Figma Prototyping Nodes
- Frame Grey#ced4da
- Constraint Indigo#748ffc
- Interaction Teal#20c997
- Artboard Cream#faf9f6
- Vector Pink#fda7dc
- Preview Graphite#3e3e3e
A paleta consiste em cores Luz. Cores de destaque Constraint Indigo #748ffc e Artboard Cream #faf9f6. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3E3E3E (mais escuro) a #FAF9F6 (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): #20C997, #3E3E3E, #748FFC, #CED4DA, #FAF9F6, #FDA7DC
A paleta Figma Prototyping Nodes tem uma combinação de cores de códigos de 6:
HEX: #ced4da, RGB: (206, 212, 218); HEX: #748ffc, RGB: (116, 143, 252); HEX: #20c997, RGB: (32, 201, 151)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #fda7dc, RGB: (253, 167, 220); HEX: #3e3e3e, RGB: (62, 62, 62)
Versão simplificada das cores da paleta
Matiz de lightgrey, Sombra de cornflowerblue, Matiz de mediumaquamarine, Sombra de whitesmoke, Sombra de plum, Matiz de darkslategrey
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Figma Prototyping Nodes códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ced4da | #ced4da | RGB(206, 212, 218) | Frame Grey | — |
| #748ffc | #748ffc | RGB(116, 143, 252) | Constraint Indigo | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | Interaction Teal | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Artboard Cream | — |
| #fda7dc | #fda7dc | RGB(253, 167, 220) | Vector Pink | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | Preview Graphite | — |
Contraste da Paleta de Cores
8 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 |
#ced4da | #748ffc | 1.98 |
#ced4da | #20c997 | 1.42 |
#ced4da | #faf9f6 | 1.41 |
#ced4da | #fda7dc | 1.19 |
#748ffc | #20c997 | 1.39 |
#748ffc | #fda7dc | 1.65 |
Paleta de imagens Figma Prototyping Nodes png
Exportar paleta
Baixe a "Figma Prototyping Nodes" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: