Criado em 04/11/2022 11:57
Figma weatherapp app ui colours
- Battery Charged Blue#13a5dc
- Banana Yellow#fae23c
- Celadon Blue#117ca7
- UCLA Blue#547a97
- American Silver#d4c7d0
- Black#322c56
A paleta consiste em cores Luz, Escuro. Cores de destaque Battery Charged Blue #13a5dc e Banana Yellow #fae23c. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #322C56 (mais escuro) a #D4C7D0 (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): #117CA7, #13A5DC, #322C56, #547A97, #D4C7D0, #FAE23C
A paleta Figma weatherapp app ui colours tem uma combinação de cores de códigos de 6:
HEX: #13a5dc, RGB: (19, 165, 220); HEX: #fae23c, RGB: (250, 226, 60); HEX: #117ca7, RGB: (17, 124, 167)
HEX: #547a97, RGB: (84, 122, 151); HEX: #d4c7d0, RGB: (212, 199, 208); HEX: #322c56, RGB: (50, 44, 86)
Versão simplificada das cores da paleta
Matiz de deepskyblue, Sombra de gold, Matiz de steelblue, Matiz de steelblue, Sombra de thistle, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Figma weatherapp app ui colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #13a5dc | #13a5dc | RGB(19, 165, 220) | Battery Charged Blue | — |
| #fae23c | #fae23c | RGB(250, 226, 60) | Banana Yellow | — |
| #117ca7 | #117ca7 | RGB(17, 124, 167) | Celadon Blue | — |
| #547a97 | #547a97 | RGB(84, 122, 151) | UCLA Blue | — |
| #d4c7d0 | #d4c7d0 | RGB(212, 199, 208) | American Silver | — |
| #322c56 | #322c56 | RGB(50, 44, 86) | Black | Purple Noir |
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 |
#13a5dc | #117ca7 | 1.66 |
#13a5dc | #547a97 | 1.61 |
#13a5dc | #d4c7d0 | 1.73 |
#fae23c | #d4c7d0 | 1.24 |
#117ca7 | #547a97 | 1.03 |
Paleta de imagens Figma weatherapp app ui colours png
Exportar paleta
Baixe a "Figma weatherapp app ui colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: