Criado em 08/18/2025 08:34
Generative Design Webflow Spectrum
- Render Indigo#4f46e5
- Prototype Coral#fb7185
- Canvas White#f9fafb
- Vector Yellow#facc15
- Node Green#22c55e
- Hyperlink Blue#3b82f6
- Terminal Black#111827
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Vector Yellow #facc15 e Hyperlink Blue #3b82f6. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #F9FAFB (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): #111827, #22C55E, #3B82F6, #4F46E5, #F9FAFB, #FACC15, #FB7185
A paleta Generative Design Webflow Spectrum tem uma combinação de cores de códigos de 7:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f9fafb, RGB: (249, 250, 251)
HEX: #facc15, RGB: (250, 204, 21); HEX: #22c55e, RGB: (34, 197, 94); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #111827, RGB: (17, 24, 39)
Versão simplificada das cores da paleta
Matiz de slateblue, Matiz de lightcoral, Sombra de whitesmoke, Matiz de gold, Matiz de limegreen, Matiz de dodgerblue, Sombra de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Generative Design Webflow Spectrum códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Render Indigo | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Prototype Coral | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Canvas White | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Vector Yellow | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Node Green | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hyperlink Blue | — |
| #111827 | #111827 | RGB(17, 24, 39) | Terminal Black | — |
Contraste da Paleta de Cores
7 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 |
#4f46e5 | #3b82f6 | 1.7 |
#fb7185 | #facc15 | 1.75 |
#fb7185 | #22c55e | 1.18 |
#fb7185 | #3b82f6 | 1.36 |
#f9fafb | #facc15 | 1.46 |
#facc15 | #22c55e | 1.48 |
Paleta de imagens Generative Design Webflow Spectrum png
Exportar paleta
Baixe a "Generative Design Webflow Spectrum" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: