Criado em 03/10/2022 13:09
Design training app ui colors
- Bittersweet Shimmer#bc4c54
- Hot Pink#fb74b3
- Dark Jungle Green#0f1c24
- Twilight Lavender#904c6c
- Dark Vanilla#ccbca4
- Arsenic#3a3c50
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Hot Pink #fb74b3 e Dark Jungle Green #0f1c24. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #0F1C24 (mais escuro) a #CCBCA4 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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 quente.
Códigos HEX (ordenados): #0F1C24, #3A3C50, #904C6C, #BC4C54, #CCBCA4, #FB74B3
A paleta Design training app ui colors tem uma combinação de cores de códigos de 6:
HEX: #bc4c54, RGB: (188, 76, 84); HEX: #fb74b3, RGB: (251, 116, 179); HEX: #0f1c24, RGB: (15, 28, 36)
HEX: #904c6c, RGB: (144, 76, 108); HEX: #ccbca4, RGB: (204, 188, 164); HEX: #3a3c50, RGB: (58, 60, 80)
Versão simplificada das cores da paleta
Matiz de indianred, Sombra de hotpink, Sombra de Preto, Sombra de mediumvioletred, Sombra de tan, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design training app ui colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #bc4c54 | #bc4c54 | RGB(188, 76, 84) | Bittersweet Shimmer | — |
| #fb74b3 | #fb74b3 | RGB(251, 116, 179) | Hot Pink | — |
| #0f1c24 | #0f1c24 | RGB(15, 28, 36) | Dark Jungle Green | — |
| #904c6c | #904c6c | RGB(144, 76, 108) | Twilight Lavender | — |
| #ccbca4 | #ccbca4 | RGB(204, 188, 164) | Dark Vanilla | — |
| #3a3c50 | #3a3c50 | RGB(58, 60, 80) | Arsenic | — |
Contraste da Paleta de Cores
5 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 |
#bc4c54 | #fb74b3 | 1.91 |
#bc4c54 | #904c6c | 1.25 |
#fb74b3 | #ccbca4 | 1.36 |
#0f1c24 | #3a3c50 | 1.6 |
#904c6c | #3a3c50 | 1.76 |
Paleta de imagens Design training app ui colors png
Exportar paleta
Baixe a "Design training app ui colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: