Criado em 09/17/2022 13:20
Ui graphic design palette
- Red (Pigment)#f71e1e
- Tulip#f48e8c
- French Puce#540c0c
- UCLA Blue#5c6c94
- Light Steel Blue#b9c8d6
- Black#343c4c
A paleta consiste em cores Luz, Escuro. Cores de destaque Red (Pigment) #f71e1e e Light Steel Blue #b9c8d6. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #540C0C (mais escuro) a #B9C8D6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #343C4C, #540C0C, #5C6C94, #B9C8D6, #F48E8C, #F71E1E
A paleta Ui graphic design palette tem uma combinação de cores de códigos de 6:
HEX: #f71e1e, RGB: (247, 30, 30); HEX: #f48e8c, RGB: (244, 142, 140); HEX: #540c0c, RGB: (84, 12, 12)
HEX: #5c6c94, RGB: (92, 108, 148); HEX: #b9c8d6, RGB: (185, 200, 214); HEX: #343c4c, RGB: (52, 60, 76)
Versão simplificada das cores da paleta
Sombra de Vermelho, Sombra de lightcoral, Matiz de Marrom, Sombra de royalblue, Sombra de lightsteelblue, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui graphic design palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f71e1e | #f71e1e | RGB(247, 30, 30) | Red (Pigment) | — |
| #f48e8c | #f48e8c | RGB(244, 142, 140) | Tulip | — |
| #540c0c | #540c0c | RGB(84, 12, 12) | French Puce | — |
| #5c6c94 | #5c6c94 | RGB(92, 108, 148) | UCLA Blue | — |
| #b9c8d6 | #b9c8d6 | RGB(185, 200, 214) | Light Steel Blue | — |
| #343c4c | #343c4c | RGB(52, 60, 76) | Black | North Sea Blue |
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 | Taxa de contraste |
|---|---|---|
#f71e1e | #f48e8c | 1.76 |
#f71e1e | #5c6c94 | 1.28 |
#f48e8c | #b9c8d6 | 1.35 |
#540c0c | #343c4c | 1.32 |
Paleta de imagens Ui graphic design palette png
Exportar paleta
Baixe a "Ui graphic design palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: