Criado em 07/05/2025 13:32
Web Component Design Logic
- Slot Cream#fef9ef
- Shadow DOM Gray#b0bec5
- Event Handler Coral#ff7f50
- Prop Indigo#7986cb
- Lifecycle Black#1a1a1a
A paleta consiste em cores Luz, Escuro. Cores de destaque Event Handler Coral #ff7f50 e Prop Indigo #7986cb. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1A1A1A (mais escuro) a #FEF9EF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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): #1A1A1A, #7986CB, #B0BEC5, #FEF9EF, #FF7F50
A paleta Web Component Design Logic tem uma combinação de cores de códigos de 5:
HEX: #fef9ef, RGB: (254, 249, 239); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ff7f50, RGB: (255, 127, 80)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #1a1a1a, RGB: (26, 26, 26)
Versão simplificada das cores da paleta
Matiz de floralwhite, Matiz de Prata, Matiz de cornflowerblue, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Web Component Design Logic códigos de cores HEX, informações RGB na tabela
Contraste da Paleta de Cores
4 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 |
#fef9ef | #b0bec5 | 1.81 |
#b0bec5 | #ff7f50 | 1.31 |
#b0bec5 | #7986cb | 1.81 |
#ff7f50 | #7986cb | 1.38 |
Paleta de imagens Web Component Design Logic png
Exportar paleta
Baixe a "Web Component Design Logic" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: