Design ui ux development palette
- Medium Spring Green#20fb8e
- Medium Aquamarine#73efba
- Green (Munsell)#09a279
- Rackley#558fa6
- Light Medium Orchid#d19dc2
- Myrtle Green#36696a
Criado em 02/04/2022 16:24
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Medium Spring Green #20fb8e e Light Medium Orchid #d19dc2. A paleta tem Frio temperatura de cores.
Em luminosidade, a paleta vai de #36696A (mais escuro) a #20FB8E (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio, com uma média de 61% na paleta.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (6 de 6).
Códigos HEX (ordenados): #09A279, #20FB8E, #36696A, #558FA6, #73EFBA, #D19DC2
A paleta Design ui ux development palette combina 6 códigos de cor:
HEX: #20fb8e, RGB: (32, 251, 142); HEX: #73efba, RGB: (115, 239, 186); HEX: #09a279, RGB: (9, 162, 121)
HEX: #558fa6, RGB: (85, 143, 166); HEX: #d19dc2, RGB: (209, 157, 194); HEX: #36696a, RGB: (54, 105, 106)
Versão simplificada das cores da paleta
Tom claro de Verde-primavera, Tom escuro de Água-marinha, Tom escuro de Verde-mar-médio, Tom claro de Azul-aço, Tom escuro de Ameixa, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design ui ux development palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #20fb8e | #20fb8e | RGB(32, 251, 142) | Medium Spring Green | — |
| #73efba | #73efba | RGB(115, 239, 186) | Medium Aquamarine | — |
| #09a279 | #09a279 | RGB(9, 162, 121) | Green (Munsell) | — |
| #558fa6 | #558fa6 | RGB(85, 143, 166) | Rackley | — |
| #d19dc2 | #d19dc2 | RGB(209, 157, 194) | Light Medium Orchid | — |
| #36696a | #36696a | RGB(54, 105, 106) | Myrtle Green | — |
Contraste da paleta de cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#20fb8e | #73efba | 1.03 |
#20fb8e | #d19dc2 | 1.63 |
#73efba | #d19dc2 | 1.58 |
#09a279 | #558fa6 | 1.1 |
#09a279 | #d19dc2 | 1.44 |
#09a279 | #36696a | 1.9 |
Paleta de imagens Design ui ux development palette png
Exportar paleta
Baixe a "Design ui ux development palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: