Ui icon app design
- Spring Frost#6be425
- Light Coral#fc7c84
- Wageningen Green#2ca228
- Slimy Green#3c8810
- Jet Stream#aad7c9
- Black Leather Jacket#24382c
Criado em 02/22/2022 10:31
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Light Coral #fc7c84 e Wageningen Green #2ca228. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #24382C (mais escuro) a #AAD7C9 (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (5 de 6).
Códigos HEX (ordenados): #24382C, #2CA228, #3C8810, #6BE425, #AAD7C9, #FC7C84
A paleta Ui icon app design combina 6 códigos de cor:
HEX: #6be425, RGB: (107, 228, 37); HEX: #fc7c84, RGB: (252, 124, 132); HEX: #2ca228, RGB: (44, 162, 40)
HEX: #3c8810, RGB: (60, 136, 16); HEX: #aad7c9, RGB: (170, 215, 201); HEX: #24382c, RGB: (36, 56, 44)
Versão simplificada das cores da paleta
Tom escuro de Verde-grama, Tom claro de Coral-claro, Tom claro de Verde-floresta, Tom claro de Verde-floresta, Tom escuro de Turquesa-pálido, Tom escuro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui icon app design códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #6be425 | #6be425 | RGB(107, 228, 37) | Spring Frost | — |
| #fc7c84 | #fc7c84 | RGB(252, 124, 132) | Light Coral | — |
| #2ca228 | #2ca228 | RGB(44, 162, 40) | Wageningen Green | — |
| #3c8810 | #3c8810 | RGB(60, 136, 16) | Slimy Green | — |
| #aad7c9 | #aad7c9 | RGB(170, 215, 201) | Jet Stream | — |
| #24382c | #24382c | RGB(36, 56, 44) | Black Leather Jacket | — |
Contraste da paleta de cores
6 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 |
|---|---|---|
#6be425 | #fc7c84 | 1.52 |
#6be425 | #aad7c9 | 1.04 |
#fc7c84 | #2ca228 | 1.32 |
#fc7c84 | #3c8810 | 1.76 |
#fc7c84 | #aad7c9 | 1.58 |
#2ca228 | #3c8810 | 1.33 |
Paleta de imagens Ui icon app design png
Exportar paleta
Baixe a "Ui icon app design" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: