Criado em 07/20/2025 20:20
Generative Design UX Framework
- Prompt Beige#f6ebd9
- Render Rose#f9a8c0
- Model Drift Gray#b0b8b4
- Design Seed Blue#5fb0e5
- Stochastic Gold#ffd580
- Token Dust#e4ded7
A paleta consiste em cores Luz. Cores de destaque Design Seed Blue #5fb0e5 e Stochastic Gold #ffd580. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #5FB0E5 (mais escuro) a #F6EBD9 (mais claro). A faixa de luminosidade é moderada.
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 quente.
Códigos HEX (ordenados): #5FB0E5, #B0B8B4, #E4DED7, #F6EBD9, #F9A8C0, #FFD580
A paleta Generative Design UX Framework tem uma combinação de cores de códigos de 6:
HEX: #f6ebd9, RGB: (246, 235, 217); HEX: #f9a8c0, RGB: (249, 168, 192); HEX: #b0b8b4, RGB: (176, 184, 180)
HEX: #5fb0e5, RGB: (95, 176, 229); HEX: #ffd580, RGB: (255, 213, 128); HEX: #e4ded7, RGB: (228, 222, 215)
Versão simplificada das cores da paleta
Matiz de antiquewhite, Matiz de lightpink, Matiz de Prata, Sombra de deepskyblue, Matiz de navajowhite, Sombra de gainsboro
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Generative Design UX Framework códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f6ebd9 | #f6ebd9 | RGB(246, 235, 217) | Prompt Beige | — |
| #f9a8c0 | #f9a8c0 | RGB(249, 168, 192) | Render Rose | — |
| #b0b8b4 | #b0b8b4 | RGB(176, 184, 180) | Model Drift Gray | — |
| #5fb0e5 | #5fb0e5 | RGB(95, 176, 229) | Design Seed Blue | — |
| #ffd580 | #ffd580 | RGB(255, 213, 128) | Stochastic Gold | — |
| #e4ded7 | #e4ded7 | RGB(228, 222, 215) | Token Dust | — |
Contraste da Paleta de Cores
14 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 |
#f6ebd9 | #f9a8c0 | 1.56 |
#f6ebd9 | #b0b8b4 | 1.71 |
#f6ebd9 | #ffd580 | 1.18 |
#f6ebd9 | #e4ded7 | 1.13 |
#f9a8c0 | #b0b8b4 | 1.09 |
#f9a8c0 | #5fb0e5 | 1.29 |
Paleta de imagens Generative Design UX Framework png
Exportar paleta
Baixe a "Generative Design UX Framework" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: