Criado em 07/17/2025 08:41
Generative Design Engine UI Kit
- Parametric Indigo#5a4e7c
- Output Surface White#fdfdfd
- Variation Coral#ff6b6b
- Mesh Line Gray#9e9e9e
- Render Yellow#fad02e
- Simulate Teal#00bfa5
A paleta consiste em cores Semi escuro, Luz. Cores de destaque Variation Coral #ff6b6b e Simulate Teal #00bfa5. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #00BFA5 (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #00BFA5, #5A4E7C, #9E9E9E, #FAD02E, #FDFDFD, #FF6B6B
A paleta Generative Design Engine UI Kit tem uma combinação de cores de códigos de 6:
HEX: #5a4e7c, RGB: (90, 78, 124); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #fad02e, RGB: (250, 208, 46); HEX: #00bfa5, RGB: (0, 191, 165)
Versão simplificada das cores da paleta
Sombra de darkslateblue, Matiz de Branco, Matiz de salmon, Matiz de darkgrey, Matiz de gold, Matiz de lightseagreen
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Generative Design Engine UI Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #5a4e7c | #5a4e7c | RGB(90, 78, 124) | Parametric Indigo | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Output Surface White | Brilliance |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Variation Coral | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Mesh Line Gray | Gray62 |
| #fad02e | #fad02e | RGB(250, 208, 46) | Render Yellow | — |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Simulate Teal | — |
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 |
|---|---|---|
#fdfdfd | #fad02e | 1.46 |
#ff6b6b | #9e9e9e | 1.03 |
#ff6b6b | #fad02e | 1.86 |
#ff6b6b | #00bfa5 | 1.18 |
#9e9e9e | #fad02e | 1.8 |
#9e9e9e | #00bfa5 | 1.14 |
Paleta de imagens Generative Design Engine UI Kit png
Exportar paleta
Baixe a "Generative Design Engine UI Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: