App design ui
- Orange (RYB)#f79a0a
- Topaz#f4cc84
- Pullman Brown (UPS Brown)#674112
- Camouflage Green#7b9363
- Dark Vanilla#d2c4a5
- Rifle Green#425634
Criado em 03/13/2023 11:37
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Orange (RYB) #f79a0a e Topaz #f4cc84. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #674112 (mais escuro) a #F4CC84 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 62°.
No geral, a temperatura tende para o quente (4 de 6).
Códigos HEX (ordenados): #425634, #674112, #7B9363, #D2C4A5, #F4CC84, #F79A0A
A paleta App design ui combina 6 códigos de cor:
HEX: #f79a0a, RGB: (247, 154, 10); HEX: #f4cc84, RGB: (244, 204, 132); HEX: #674112, RGB: (103, 65, 18)
HEX: #7b9363, RGB: (123, 147, 99); HEX: #d2c4a5, RGB: (210, 196, 165); HEX: #425634, RGB: (66, 86, 52)
Versão simplificada das cores da paleta
Tom escuro de Laranja, Tom escuro de Branco-navajo, Tom escuro de Marrom-sela, Tom claro de Verde-oliva-pardo, Tom claro de Castanho-claro, Tom escuro de Verde-oliva-escuro
O esquema de cores foi criado por coolor
Códigos de cores na paleta
App design ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f79a0a | #f79a0a | RGB(247, 154, 10) | Orange (RYB) | — |
| #f4cc84 | #f4cc84 | RGB(244, 204, 132) | Topaz | — |
| #674112 | #674112 | RGB(103, 65, 18) | Pullman Brown (UPS Brown) | — |
| #7b9363 | #7b9363 | RGB(123, 147, 99) | Camouflage Green | — |
| #d2c4a5 | #d2c4a5 | RGB(210, 196, 165) | Dark Vanilla | — |
| #425634 | #425634 | RGB(66, 86, 52) | Rifle Green | — |
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 |
|---|---|---|
#f79a0a | #f4cc84 | 1.44 |
#f79a0a | #7b9363 | 1.54 |
#f79a0a | #d2c4a5 | 1.27 |
#f4cc84 | #d2c4a5 | 1.13 |
#674112 | #425634 | 1.11 |
#7b9363 | #d2c4a5 | 1.96 |
Paleta de imagens App design ui png
Exportar paleta
Baixe a "App design ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: