Criado em 01/27/2023 16:00
Product website ui interface
- American Yellow#f6ab06
- Jasmine#fadc82
- Philippine Gold#ab7012
- Slate Gray#688590
- Columbia Blue#c0d7de
- Van Dyke Brown#5f4d2a
A paleta consiste em cores Luz. Cores de destaque American Yellow #f6ab06 e Columbia Blue #c0d7de. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #5F4D2A (mais escuro) a #C0D7DE (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 quente.
Códigos HEX (ordenados): #5F4D2A, #688590, #AB7012, #C0D7DE, #F6AB06, #FADC82
A paleta Product website ui interface tem uma combinação de cores de códigos de 6:
HEX: #f6ab06, RGB: (246, 171, 6); HEX: #fadc82, RGB: (250, 220, 130); HEX: #ab7012, RGB: (171, 112, 18)
HEX: #688590, RGB: (104, 133, 144); HEX: #c0d7de, RGB: (192, 215, 222); HEX: #5f4d2a, RGB: (95, 77, 42)
Versão simplificada das cores da paleta
Sombra de Laranja, Matiz de Cáqui, Matiz de darkgoldenrod, Sombra de slategrey, Sombra de lightblue, Matiz de saddlebrown
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Product website ui interface códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f6ab06 | #f6ab06 | RGB(246, 171, 6) | American Yellow | — |
| #fadc82 | #fadc82 | RGB(250, 220, 130) | Jasmine | — |
| #ab7012 | #ab7012 | RGB(171, 112, 18) | Philippine Gold | — |
| #688590 | #688590 | RGB(104, 133, 144) | Slate Gray | — |
| #c0d7de | #c0d7de | RGB(192, 215, 222) | Columbia Blue | — |
| #5f4d2a | #5f4d2a | RGB(95, 77, 42) | Van Dyke Brown | — |
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 |
#f6ab06 | #fadc82 | 1.45 |
#f6ab06 | #c0d7de | 1.3 |
#fadc82 | #c0d7de | 1.11 |
#ab7012 | #688590 | 1.05 |
#ab7012 | #5f4d2a | 1.95 |
Paleta de imagens Product website ui interface png
Exportar paleta
Baixe a "Product website ui interface" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: