Criado em 06/09/2025 08:14
Custom CSS Token Library
- Var Emerald#50c878
- Token Dust#e5e5e5
- Reference Grape#8a6eca
- Default Slate#6b7280
- Background White#ffffff
- Fallback Graphite#2a2a2a
A paleta consiste em cores Luz, Escuro. Cores de destaque Var Emerald #50c878 e Background White #ffffff. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2A2A2A (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece maioritariamente suave (croma baixo).
A maioria das cores está quase neutra ou com saturação muito baixa; as relações de matiz são subtis.
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #2A2A2A, #50C878, #6B7280, #8A6ECA, #E5E5E5, #FFFFFF
A paleta Custom CSS Token Library tem uma combinação de cores de códigos de 6:
HEX: #50c878, RGB: (80, 200, 120); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #8a6eca, RGB: (138, 110, 202)
HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffffff, RGB: (255, 255, 255); HEX: #2a2a2a, RGB: (42, 42, 42)
Versão simplificada das cores da paleta
Sombra de mediumseagreen, Sombra de gainsboro, Matiz de mediumpurple, Matiz de slategrey, Branco, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
Custom CSS Token Library códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #50c878 | #50c878 | RGB(80, 200, 120) | Var Emerald | Emerald Reflection |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Token Dust | Gray90 |
| #8a6eca | #8a6eca | RGB(138, 110, 202) | Reference Grape | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Default Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | Fallback Graphite | The End |
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 |
#50c878 | #e5e5e5 | 1.68 |
#50c878 | #8a6eca | 1.91 |
#e5e5e5 | #ffffff | 1.25 |
#8a6eca | #6b7280 | 1.18 |
Paleta de imagens Custom CSS Token Library png
Exportar paleta
Baixe a "Custom CSS Token Library" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: