Saas tool design typography edit component colors
- American Blue#3c3474
- Gold (Crayola)#ebce93
- St. Patrick's Blue#1e1e71
- Dark Blue-Gray#5e65a4
- Jet Stream#add4c3
- Charleston Green#2c2c2c
Criado em 04/09/2023 21:10
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Gold (Crayola) #ebce93 e St. Patrick's Blue #1e1e71. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2C2C2C (mais escuro) a #EBCE93 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 2 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #1E1E71, #2C2C2C, #3C3474, #5E65A4, #ADD4C3, #EBCE93
A paleta Saas tool design typography edit component colors combina 6 códigos de cor:
HEX: #3c3474, RGB: (60, 52, 116); HEX: #ebce93, RGB: (235, 206, 147); HEX: #1e1e71, RGB: (30, 30, 113)
HEX: #5e65a4, RGB: (94, 101, 164); HEX: #add4c3, RGB: (173, 212, 195); HEX: #2c2c2c, RGB: (44, 44, 44)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia-escuro, Tom escuro de Trigo, Tom claro de Azul-meia-noite, Tom escuro de Azul-ardósia, Tom escuro de Turquesa-pálido, Tom claro de Preto
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Saas tool design typography edit component colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #3c3474 | #3c3474 | RGB(60, 52, 116) | American Blue | — |
| #ebce93 | #ebce93 | RGB(235, 206, 147) | Gold (Crayola) | — |
| #1e1e71 | #1e1e71 | RGB(30, 30, 113) | St. Patrick's Blue | — |
| #5e65a4 | #5e65a4 | RGB(94, 101, 164) | Dark Blue-Gray | — |
| #add4c3 | #add4c3 | RGB(173, 212, 195) | Jet Stream | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Charleston Green | — |
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 | Razão de contraste |
|---|---|---|
#3c3474 | #1e1e71 | 1.3 |
#3c3474 | #2c2c2c | 1.28 |
#ebce93 | #add4c3 | 1.06 |
#1e1e71 | #2c2c2c | 1.01 |
Paleta de imagens Saas tool design typography edit component colors png
Exportar paleta
Baixe a "Saas tool design typography edit component colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: