Criado em 06/19/2025 20:40
Web Component Style Mesh
- Slot Mint#00bfa5
- Shadow Root Gray#eeeeee
- Element Sand#f9f2ec
- Lit Pink#ffb3c6
- Import Night#1c1c1e
- Tag Orange#ff8743
A paleta consiste em cores Luz, Escuro. Cores de destaque Slot Mint #00bfa5 e Lit Pink #ffb3c6. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1C1C1E (mais escuro) a #F9F2EC (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 quente.
Códigos HEX (ordenados): #00BFA5, #1C1C1E, #EEEEEE, #F9F2EC, #FF8743, #FFB3C6
A paleta Web Component Style Mesh tem uma combinação de cores de códigos de 6:
HEX: #00bfa5, RGB: (0, 191, 165); HEX: #eeeeee, RGB: (238, 238, 238); HEX: #f9f2ec, RGB: (249, 242, 236)
HEX: #ffb3c6, RGB: (255, 179, 198); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #ff8743, RGB: (255, 135, 67)
Versão simplificada das cores da paleta
Matiz de lightseagreen, Matiz de whitesmoke, Matiz de floralwhite, Matiz de lightpink, Sombra de Preto, Sombra de coral
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Web Component Style Mesh códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Slot Mint | — |
| #eeeeee | #eeeeee | RGB(238, 238, 238) | Shadow Root Gray | Super Silver |
| #f9f2ec | #f9f2ec | RGB(249, 242, 236) | Element Sand | — |
| #ffb3c6 | #ffb3c6 | RGB(255, 179, 198) | Lit Pink | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Import Night | — |
| #ff8743 | #ff8743 | RGB(255, 135, 67) | Tag Orange | — |
Contraste da Paleta de Cores
6 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 |
#00bfa5 | #ffb3c6 | 1.39 |
#00bfa5 | #ff8743 | 1.02 |
#eeeeee | #f9f2ec | 1.04 |
#eeeeee | #ffb3c6 | 1.44 |
#f9f2ec | #ffb3c6 | 1.51 |
#ffb3c6 | #ff8743 | 1.42 |
Paleta de imagens Web Component Style Mesh png
Exportar paleta
Baixe a "Web Component Style Mesh" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: