Ui ux hero web palette
- #ec9c3c
- #fccca4
- #1c9c94
- #a87658
- #a7d7d2
- #396260
Criado em 11/23/2019 17:05
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #fccca4 e #1c9c94. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #396260 (mais escuro) a #FCCCA4 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #1C9C94, #396260, #A7D7D2, #A87658, #EC9C3C, #FCCCA4
A paleta Ui ux hero web palette combina 6 códigos de cor:
HEX: #ec9c3c, RGB: (236, 156, 60); HEX: #fccca4, RGB: (252, 204, 164); HEX: #1c9c94, RGB: (28, 156, 148)
HEX: #a87658, RGB: (168, 118, 88); HEX: #a7d7d2, RGB: (167, 215, 210); HEX: #396260, RGB: (57, 98, 96)
Versão simplificada das cores da paleta
Tom escuro de Marrom-areia, Tom escuro de Pêssego, Tom claro de Ciano-escuro, Tom escuro de Peru, Tom escuro de Azul-pó, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui ux hero web palette códigos de cores HEX, informações RGB na tabela
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 | Razão de contraste |
|---|---|---|
#ec9c3c | #fccca4 | 1.52 |
#ec9c3c | #1c9c94 | 1.5 |
#ec9c3c | #a87658 | 1.73 |
#ec9c3c | #a7d7d2 | 1.41 |
#fccca4 | #a7d7d2 | 1.07 |
#1c9c94 | #a87658 | 1.15 |
Paleta de imagens Ui ux hero web palette png
Exportar paleta
Baixe a "Ui ux hero web palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: