Criado em 12/31/2022 13:03
Ui design
- Lavender Indigo#9452d8
- Desert Sand#f0bda9
- Blue-Violet (Color Wheel)#441c7c
- Dolphin Gray#7c8c84
- Blue Bell#a3a6d5
- Independence#445060
A paleta consiste em cores Luz, Escuro. Cores de destaque Desert Sand #f0bda9 e Blue Bell #a3a6d5. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #441C7C (mais escuro) a #F0BDA9 (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): #441C7C, #445060, #7C8C84, #9452D8, #A3A6D5, #F0BDA9
A paleta Ui design tem uma combinação de cores de códigos de 6:
HEX: #9452d8, RGB: (148, 82, 216); HEX: #f0bda9, RGB: (240, 189, 169); HEX: #441c7c, RGB: (68, 28, 124)
HEX: #7c8c84, RGB: (124, 140, 132); HEX: #a3a6d5, RGB: (163, 166, 213); HEX: #445060, RGB: (68, 80, 96)
Versão simplificada das cores da paleta
Sombra de darkorchid, Matiz de peachpuff, Sombra de indigo, Sombra de Cinza, Matiz de lightsteelblue, Sombra de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui design códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #9452d8 | #9452d8 | RGB(148, 82, 216) | Lavender Indigo | — |
| #f0bda9 | #f0bda9 | RGB(240, 189, 169) | Desert Sand | — |
| #441c7c | #441c7c | RGB(68, 28, 124) | Blue-Violet (Color Wheel) | — |
| #7c8c84 | #7c8c84 | RGB(124, 140, 132) | Dolphin Gray | — |
| #a3a6d5 | #a3a6d5 | RGB(163, 166, 213) | Blue Bell | — |
| #445060 | #445060 | RGB(68, 80, 96) | Independence | — |
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 |
#9452d8 | #7c8c84 | 1.33 |
#9452d8 | #445060 | 1.73 |
#f0bda9 | #a3a6d5 | 1.39 |
#441c7c | #445060 | 1.5 |
#7c8c84 | #a3a6d5 | 1.51 |
Paleta de imagens Ui design png
Exportar paleta
Baixe a "Ui design" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: