Criado em 06/26/2022 11:22
Illustration design interface ui colours
- Cyan (Process)#09bef0
- Yellow-Green (Crayola)#b9e18f
- Rich Electric Blue#0ea1d0
- Red-Violet (Crayola)#b14e8e
- Blue Bell#a797d2
- Royal Brown#543434
A paleta consiste em cores Luz. Cores de destaque Cyan (Process) #09bef0 e Red-Violet (Crayola) #b14e8e. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #543434 (mais escuro) a #B9E18F (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #09BEF0, #0EA1D0, #543434, #A797D2, #B14E8E, #B9E18F
A paleta Illustration design interface ui colours tem uma combinação de cores de códigos de 6:
HEX: #09bef0, RGB: (9, 190, 240); HEX: #b9e18f, RGB: (185, 225, 143); HEX: #0ea1d0, RGB: (14, 161, 208)
HEX: #b14e8e, RGB: (177, 78, 142); HEX: #a797d2, RGB: (167, 151, 210); HEX: #543434, RGB: (84, 52, 52)
Versão simplificada das cores da paleta
Sombra de deepskyblue, Sombra de lightgreen, Matiz de deepskyblue, Sombra de mediumvioletred, Matiz de plum, Sombra de Marrom
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Illustration design interface ui colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #09bef0 | #09bef0 | RGB(9, 190, 240) | Cyan (Process) | — |
| #b9e18f | #b9e18f | RGB(185, 225, 143) | Yellow-Green (Crayola) | — |
| #0ea1d0 | #0ea1d0 | RGB(14, 161, 208) | Rich Electric Blue | — |
| #b14e8e | #b14e8e | RGB(177, 78, 142) | Red-Violet (Crayola) | — |
| #a797d2 | #a797d2 | RGB(167, 151, 210) | Blue Bell | — |
| #543434 | #543434 | RGB(84, 52, 52) | Royal Brown | — |
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 |
#09bef0 | #b9e18f | 1.47 |
#09bef0 | #0ea1d0 | 1.37 |
#09bef0 | #a797d2 | 1.2 |
#b9e18f | #a797d2 | 1.77 |
#0ea1d0 | #b14e8e | 1.61 |
#0ea1d0 | #a797d2 | 1.13 |
Paleta de imagens Illustration design interface ui colours png
Exportar paleta
Baixe a "Illustration design interface ui colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: