Criado em 07/22/2025 16:59
Generative Web Components Palette
- Token Lavender#b388eb
- Render Peach#ffddc1
- Loop Cyan#5be7c4
- Markup Navy#1b1b3a
- Framework Smoke#ececec
- Prompt Amber#f7b801
A paleta consiste em cores Luz, Escuro. Cores de destaque Render Peach #ffddc1 e Loop Cyan #5be7c4. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1B1B3A (mais escuro) a #ECECEC (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): #1B1B3A, #5BE7C4, #B388EB, #ECECEC, #F7B801, #FFDDC1
A paleta Generative Web Components Palette tem uma combinação de cores de códigos de 6:
HEX: #b388eb, RGB: (179, 136, 235); HEX: #ffddc1, RGB: (255, 221, 193); HEX: #5be7c4, RGB: (91, 231, 196)
HEX: #1b1b3a, RGB: (27, 27, 58); HEX: #ececec, RGB: (236, 236, 236); HEX: #f7b801, RGB: (247, 184, 1)
Versão simplificada das cores da paleta
Sombra de mediumpurple, Sombra de peachpuff, Matiz de aquamarine, Matiz de midnightblue, Matiz de whitesmoke, Sombra de goldenrod
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Generative Web Components Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #b388eb | #b388eb | RGB(179, 136, 235) | Token Lavender | — |
| #ffddc1 | #ffddc1 | RGB(255, 221, 193) | Render Peach | — |
| #5be7c4 | #5be7c4 | RGB(91, 231, 196) | Loop Cyan | — |
| #1b1b3a | #1b1b3a | RGB(27, 27, 58) | Markup Navy | — |
| #ececec | #ececec | RGB(236, 236, 236) | Framework Smoke | — |
| #f7b801 | #f7b801 | RGB(247, 184, 1) | Prompt Amber | — |
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 |
#b388eb | #5be7c4 | 1.79 |
#b388eb | #f7b801 | 1.54 |
#ffddc1 | #5be7c4 | 1.19 |
#ffddc1 | #ececec | 1.08 |
#ffddc1 | #f7b801 | 1.38 |
#5be7c4 | #ececec | 1.3 |
Paleta de imagens Generative Web Components Palette png
Exportar paleta
Baixe a "Generative Web Components Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: