Figma Prototype Hyper Gradient
- Frame Pink#f06292
- Vector Blue#42a5f5
- Anchor Yellow#ffd54f
- Overlay Charcoal#1c1c1c
- Wire White#ffffff
- Layer Teal#4db6ac
Criado em 08/21/2025 11:44
A paleta consiste em cores Claro, Escuro. Cores de destaque Vector Blue #42a5f5 e Anchor Yellow #ffd54f. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1C1C1C (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #1C1C1C, #42A5F5, #4DB6AC, #F06292, #FFD54F, #FFFFFF
A paleta Figma Prototype Hyper Gradient combina 6 códigos de cor:
HEX: #f06292, RGB: (240, 98, 146); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #ffffff, RGB: (255, 255, 255); HEX: #4db6ac, RGB: (77, 182, 172)
Versão simplificada das cores da paleta
Tom escuro de Vermelho-violeta-pálido, Tom claro de Azul-dodger, Tom claro de Dourado, Tom claro de Preto, Branco, Tom claro de Verde-mar-claro
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Figma Prototype Hyper Gradient códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f06292 | #f06292 | RGB(240, 98, 146) | Frame Pink | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Vector Blue | — |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Anchor Yellow | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Overlay Charcoal | Gray11 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Wire White | White |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Layer Teal | — |
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 | Razão de contraste |
|---|---|---|
#f06292 | #42a5f5 | 1.15 |
#f06292 | #4db6ac | 1.25 |
#42a5f5 | #ffd54f | 1.87 |
#42a5f5 | #4db6ac | 1.08 |
#ffd54f | #ffffff | 1.41 |
#ffd54f | #4db6ac | 1.73 |
Paleta de imagens Figma Prototype Hyper Gradient png
Exportar paleta
Baixe a "Figma Prototype Hyper Gradient" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: