Criado em 11/17/2022 11:30
Pay navigation progress ui palette
- Sunkist Coral#ef6576
- Lavender Tea#d981f9
- Mythical Wine#780c19
- O'grady Green#54ac90
- Smoke Grey#cebca8
- Night Grey#44444c
A paleta consiste em cores Luz, Escuro. Cores de destaque Lavender Tea #d981f9 e O'grady Green #54ac90. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #780C19 (mais escuro) a #D981F9 (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): #44444C, #54AC90, #780C19, #CEBCA8, #D981F9, #EF6576
A paleta Pay navigation progress ui palette tem uma combinação de cores de códigos de 6:
HEX: #ef6576, RGB: (239, 101, 118); HEX: #d981f9, RGB: (217, 129, 249); HEX: #780c19, RGB: (120, 12, 25)
HEX: #54ac90, RGB: (84, 172, 144); HEX: #cebca8, RGB: (206, 188, 168); HEX: #44444c, RGB: (68, 68, 76)
Versão simplificada das cores da paleta
Matiz de lightcoral, Matiz de violet, Sombra de Marrom, Sombra de lightseagreen, Sombra de tan, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Pay navigation progress ui palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ef6576 | #ef6576 | RGB(239, 101, 118) | Sunkist Coral | — |
| #d981f9 | #d981f9 | RGB(217, 129, 249) | Lavender Tea | — |
| #780c19 | #780c19 | RGB(120, 12, 25) | Mythical Wine | — |
| #54ac90 | #54ac90 | RGB(84, 172, 144) | O'grady Green | — |
| #cebca8 | #cebca8 | RGB(206, 188, 168) | Smoke Grey | — |
| #44444c | #44444c | RGB(68, 68, 76) | Night Grey | — |
Contraste da Paleta de Cores
7 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 |
#ef6576 | #d981f9 | 1.24 |
#ef6576 | #54ac90 | 1.13 |
#ef6576 | #cebca8 | 1.67 |
#d981f9 | #54ac90 | 1.1 |
#d981f9 | #cebca8 | 1.34 |
#780c19 | #44444c | 1.16 |
Paleta de imagens Pay navigation progress ui palette png
Exportar paleta
Baixe a "Pay navigation progress ui palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: