Criado em 05/18/2022 08:49
Motion animation notification widget palette
- Spanish Yellow#fcb410
- Pale Cyan#80d5f4
- Dark Powder Blue#063d9c
- Rackley#648ca4
- Dark Vanilla#cbc4a9
- Outer Space#44444c
A paleta consiste em cores Luz. Cores de destaque Spanish Yellow #fcb410 e Dark Powder Blue #063d9c. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #44444C (mais escuro) a #80D5F4 (mais claro). A faixa de luminosidade é moderada.
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): #063D9C, #44444C, #648CA4, #80D5F4, #CBC4A9, #FCB410
A paleta Motion animation notification widget palette tem uma combinação de cores de códigos de 6:
HEX: #fcb410, RGB: (252, 180, 16); HEX: #80d5f4, RGB: (128, 213, 244); HEX: #063d9c, RGB: (6, 61, 156)
HEX: #648ca4, RGB: (100, 140, 164); HEX: #cbc4a9, RGB: (203, 196, 169); HEX: #44444c, RGB: (68, 68, 76)
Versão simplificada das cores da paleta
Sombra de Laranja, Sombra de skyblue, Matiz de darkslateblue, Matiz de lightslategrey, Sombra de tan, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Motion animation notification widget palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fcb410 | #fcb410 | RGB(252, 180, 16) | Spanish Yellow | — |
| #80d5f4 | #80d5f4 | RGB(128, 213, 244) | Pale Cyan | — |
| #063d9c | #063d9c | RGB(6, 61, 156) | Dark Powder Blue | — |
| #648ca4 | #648ca4 | RGB(100, 140, 164) | Rackley | — |
| #cbc4a9 | #cbc4a9 | RGB(203, 196, 169) | Dark Vanilla | — |
| #44444c | #44444c | RGB(68, 68, 76) | Outer Space | — |
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 |
#fcb410 | #80d5f4 | 1.09 |
#fcb410 | #cbc4a9 | 1.02 |
#80d5f4 | #cbc4a9 | 1.06 |
#063d9c | #44444c | 1.01 |
Paleta de imagens Motion animation notification widget palette png
Exportar paleta
Baixe a "Motion animation notification widget palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: