solid design system
- #2563eb
- #1d4ed8
- White#ffffff
- Sambucus#111827
- Encore#6b7280
- Blueberry Whip#d1d5db
- Whero Red#dc2626
Criado em 10/19/2026 18:41
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque #2563eb e Whero Red #dc2626. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #111827 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 7 cores.
Uma paleta variada: seus tons se espalham por cerca de 144° do círculo cromático.
No geral, a temperatura tende para o frio (3 de 7).
Códigos HEX (ordenados): #111827, #1D4ED8, #2563EB, #6B7280, #D1D5DB, #DC2626, #FFFFFF
A paleta solid design system combina 7 códigos de cor:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #1d4ed8, RGB: (29, 78, 216); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #111827, RGB: (17, 24, 39); HEX: #6b7280, RGB: (107, 114, 128); HEX: #d1d5db, RGB: (209, 213, 219)
HEX: #dc2626, RGB: (220, 38, 38)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom escuro de Azul-ardósia, Branco, Tom claro de Preto, Tom escuro de Cinza-ardósia, Tom claro de Cinza-claro, Tom claro de Carmesim
O esquema de cores foi criado por infouser
Códigos de cores na paleta
solid design system códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#2563eb | #1d4ed8 | 1.29 |
#2563eb | #6b7280 | 1.06 |
#2563eb | #dc2626 | 1.07 |
#1d4ed8 | #6b7280 | 1.38 |
#1d4ed8 | #dc2626 | 1.38 |
#ffffff | #d1d5db | 1.47 |
Paleta de imagens solid design system png
Exportar paleta
Baixe a "solid design system" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: