Home page landing uxui palette
- Black#141414
- Outer Space (Crayola)#283c3c
- Rich Black (FOGRA29)#001414
- Dark Slate Gray#285050
- Japanese Indigo#283c50
- MSU Green#143c3c
Criado em 04/30/2023 12:22
A paleta consiste em cores Escuro, Semi escuro. Cores de destaque Black #141414 e Rich Black (FOGRA29) #001414. A paleta tem Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #001414 (mais escuro) a #285050 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 2 suaves e 1 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 30°.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #001414, #141414, #143C3C, #283C3C, #283C50, #285050
A paleta Home page landing uxui palette combina 6 códigos de cor:
HEX: #141414, RGB: (20, 20, 20); HEX: #283c3c, RGB: (40, 60, 60); HEX: #001414, RGB: (0, 20, 20)
HEX: #285050, RGB: (40, 80, 80); HEX: #283c50, RGB: (40, 60, 80); HEX: #143c3c, RGB: (20, 60, 60)
Versão simplificada das cores da paleta
Tom claro de Preto, Tom escuro de Cinza-ardósia-escuro, Tom claro de Preto, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Azul-ardósia-escuro, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Home page landing uxui palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #283c3c | #283c3c | RGB(40, 60, 60) | Outer Space (Crayola) | — |
| #001414 | #001414 | RGB(0, 20, 20) | Rich Black (FOGRA29) | — |
| #285050 | #285050 | RGB(40, 80, 80) | Dark Slate Gray | — |
| #283c50 | #283c50 | RGB(40, 60, 80) | Japanese Indigo | — |
| #143c3c | #143c3c | RGB(20, 60, 60) | MSU Green | — |
Contraste da paleta de cores
13 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 |
|---|---|---|
#141414 | #283c3c | 1.58 |
#141414 | #001414 | 1.02 |
#141414 | #283c50 | 1.62 |
#141414 | #143c3c | 1.52 |
#283c3c | #001414 | 1.62 |
#283c3c | #285050 | 1.3 |
Paleta de imagens Home page landing uxui palette png
Exportar paleta
Baixe a "Home page landing uxui palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: