Criado em 02/01/2022 21:36
Design 100 redesign daily ui landing page
- Steel Blue#386db5
- Cookies And Cream#dce4b3
- Indigo (Rainbow)#1f3c65
- Camouflage Green#848c70
- Dark Vanilla#c3ca9c
- Pine Tree#242c23
A paleta consiste em cores Luz, Escuro. Cores de destaque Cookies And Cream #dce4b3 e Indigo (Rainbow) #1f3c65. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #242C23 (mais escuro) a #DCE4B3 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 2 vívidas em 6 cores.
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 (2 de 6).
Códigos HEX (ordenados): #1F3C65, #242C23, #386DB5, #848C70, #C3CA9C, #DCE4B3
A paleta Design 100 redesign daily ui landing page tem uma combinação de cores de códigos de 6:
HEX: #386db5, RGB: (56, 109, 181); HEX: #dce4b3, RGB: (220, 228, 179); HEX: #1f3c65, RGB: (31, 60, 101)
HEX: #848c70, RGB: (132, 140, 112); HEX: #c3ca9c, RGB: (195, 202, 156); HEX: #242c23, RGB: (36, 44, 35)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de palegoldenrod, Matiz de darkslateblue, Sombra de Cinza, Matiz de palegoldenrod, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design 100 redesign daily ui landing page códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #386db5 | #386db5 | RGB(56, 109, 181) | Steel Blue | — |
| #dce4b3 | #dce4b3 | RGB(220, 228, 179) | Cookies And Cream | — |
| #1f3c65 | #1f3c65 | RGB(31, 60, 101) | Indigo (Rainbow) | — |
| #848c70 | #848c70 | RGB(132, 140, 112) | Camouflage Green | — |
| #c3ca9c | #c3ca9c | RGB(195, 202, 156) | Dark Vanilla | — |
| #242c23 | #242c23 | RGB(36, 44, 35) | Pine Tree | — |
Contraste da Paleta de Cores
3 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 |
|---|---|---|
#386db5 | #848c70 | 1.48 |
#dce4b3 | #c3ca9c | 1.28 |
#1f3c65 | #242c23 | 1.29 |
Paleta de imagens Design 100 redesign daily ui landing page png
Exportar paleta
Baixe a "Design 100 redesign daily ui landing page" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: