Criado em 09/17/2022 14:14
Mobile app design palette
- Button Blue#149df5
- Orange-Yellow (Crayola)#f0c165
- Vampire Black#040c0c
- Bazaar#a16986
- Lilac Luster#ae9aa2
- Outer Space (Crayola)#303c3b
A paleta consiste em cores Luz, Escuro. Cores de destaque Button Blue #149df5 e Orange-Yellow (Crayola) #f0c165. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #040C0C (mais escuro) a #F0C165 (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 frio.
Códigos HEX (ordenados): #040C0C, #149DF5, #303C3B, #A16986, #AE9AA2, #F0C165
A paleta Mobile app design palette tem uma combinação de cores de códigos de 6:
HEX: #149df5, RGB: (20, 157, 245); HEX: #f0c165, RGB: (240, 193, 101); HEX: #040c0c, RGB: (4, 12, 12)
HEX: #a16986, RGB: (161, 105, 134); HEX: #ae9aa2, RGB: (174, 154, 162); HEX: #303c3b, RGB: (48, 60, 59)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Sombra de goldenrod, Sombra de Preto, Matiz de palevioletred, Sombra de rosybrown, Matiz de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Mobile app design palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #149df5 | #149df5 | RGB(20, 157, 245) | Button Blue | — |
| #f0c165 | #f0c165 | RGB(240, 193, 101) | Orange-Yellow (Crayola) | — |
| #040c0c | #040c0c | RGB(4, 12, 12) | Vampire Black | — |
| #a16986 | #a16986 | RGB(161, 105, 134) | Bazaar | — |
| #ae9aa2 | #ae9aa2 | RGB(174, 154, 162) | Lilac Luster | — |
| #303c3b | #303c3b | RGB(48, 60, 59) | Outer Space (Crayola) | — |
Contraste da Paleta de Cores
6 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 |
#149df5 | #f0c165 | 1.74 |
#149df5 | #a16986 | 1.46 |
#149df5 | #ae9aa2 | 1.1 |
#f0c165 | #ae9aa2 | 1.57 |
#040c0c | #303c3b | 1.72 |
#a16986 | #ae9aa2 | 1.62 |
Paleta de imagens Mobile app design palette png
Exportar paleta
Baixe a "Mobile app design palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: