Minimal flat design landing page palette
- Gray (HTML/CSS Gray)#7f7f7f
- Gray (X11)#bcbcbc
- Gray#424242
- Nickel#6c6c7c
- Gray#444444
- Goshawk Grey#444444
Criado em 04/02/2023 09:04
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Gray (X11) #bcbcbc e Nickel #6c6c7c. A paleta tem Neutro temperatura de cores.
Em luminosidade, a paleta vai de #424242 (mais escuro) a #BCBCBC (mais claro). A faixa de luminosidade é moderada.
A saturação global parece maioritariamente suave (croma baixo) — 100% das cores são suaves.
A maioria das cores está quase neutra ou com saturação muito baixa; as relações de matiz são subtis.
A maioria das amostras lê-se como neutra em temperatura (6 de 6).
Códigos HEX (ordenados): #424242, #444444, #6C6C7C, #7F7F7F, #BCBCBC
A paleta Minimal flat design landing page palette combina 6 códigos de cor:
HEX: #7f7f7f, RGB: (127, 127, 127); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #424242, RGB: (66, 66, 66)
HEX: #6c6c7c, RGB: (108, 108, 124); HEX: #444444, RGB: (68, 68, 68); HEX: #444444, RGB: (68, 68, 68)
Versão simplificada das cores da paleta
Tom escuro de Cinza, Tom escuro de Prata, Tom escuro de Cinza-ardósia-escuro, Tom claro de Cinza-fosco, Tom escuro de Cinza-fosco, Tom escuro de Cinza-fosco
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Minimal flat design landing page palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #7f7f7f | #7f7f7f | RGB(127, 127, 127) | Gray (HTML/CSS Gray) | Gray50 |
| #bcbcbc | #bcbcbc | RGB(188, 188, 188) | Gray (X11) | — |
| #424242 | #424242 | RGB(66, 66, 66) | Gray | Black Panther |
| #6c6c7c | #6c6c7c | RGB(108, 108, 124) | Nickel | — |
| #444444 | #444444 | RGB(68, 68, 68) | Gray | Goshawk Grey |
| #444444 | #444444 | RGB(68, 68, 68) | Goshawk Grey | — |
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 |
|---|---|---|
#7f7f7f | #6c6c7c | 1.28 |
#424242 | #6c6c7c | 1.94 |
#424242 | #444444 | 1.03 |
#424242 | #444444 | 1.03 |
#6c6c7c | #444444 | 1.88 |
#6c6c7c | #444444 | 1.88 |
Paleta de imagens Minimal flat design landing page palette png
Exportar paleta
Baixe a "Minimal flat design landing page palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: