Criado em 06/13/2025 11:49
Web Components Shadow DOM Set
- Slot Mauve#cdb4db
- Encapsulation Navy#03045e
- Template Blush#fad2e1
- Attribute Grey#dee2e6
- Custom Tag Blue#00b4d8
- Host White#f8f9fa
A paleta consiste em cores Luz, Escuro. Cores de destaque Template Blush #fad2e1 e Custom Tag Blue #00b4d8. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #03045E (mais escuro) a #F8F9FA (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): #00B4D8, #03045E, #CDB4DB, #DEE2E6, #F8F9FA, #FAD2E1
A paleta Web Components Shadow DOM Set tem uma combinação de cores de códigos de 6:
HEX: #cdb4db, RGB: (205, 180, 219); HEX: #03045e, RGB: (3, 4, 94); HEX: #fad2e1, RGB: (250, 210, 225)
HEX: #dee2e6, RGB: (222, 226, 230); HEX: #00b4d8, RGB: (0, 180, 216); HEX: #f8f9fa, RGB: (248, 249, 250)
Versão simplificada das cores da paleta
Matiz de thistle, Matiz de Marinha, Sombra de Rosa, Sombra de gainsboro, Matiz de deepskyblue, Sombra de whitesmoke
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Web Components Shadow DOM Set códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Slot Mauve | — |
| #03045e | #03045e | RGB(3, 4, 94) | Encapsulation Navy | — |
| #fad2e1 | #fad2e1 | RGB(250, 210, 225) | Template Blush | — |
| #dee2e6 | #dee2e6 | RGB(222, 226, 230) | Attribute Grey | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Custom Tag Blue | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Host White | — |
Contraste da Paleta de Cores
9 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 |
#cdb4db | #fad2e1 | 1.37 |
#cdb4db | #dee2e6 | 1.44 |
#cdb4db | #00b4d8 | 1.3 |
#cdb4db | #f8f9fa | 1.78 |
#fad2e1 | #dee2e6 | 1.04 |
#fad2e1 | #00b4d8 | 1.8 |
Paleta de imagens Web Components Shadow DOM Set png
Exportar paleta
Baixe a "Web Components Shadow DOM Set" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: