Help productdesign ui branding colours

Cyber Yellow
#fad207
Pastel Yellow
#fcf495
Chinese Black
#0c0c24
Bronze (Metallic)
#a48b56
Cadet Blue (Crayola)
#a7a5c0
Dark Puce
#4c3c3f

A paleta consiste em cores Luz, Escuro. Cores de destaque Cyber Yellow #fad207 e Chinese Black #0c0c24. A paleta tem Esquentar, Neutro, Legal temperatura de cores.

Em luminosidade, a paleta vai de #0C0C24 (mais escuro) a #FCF495 (mais claro). A faixa de luminosidade é ampla.

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): #0C0C24, #4C3C3F, #A48B56, #A7A5C0, #FAD207, #FCF495

A paleta Help productdesign ui branding colours tem uma combinação de cores de códigos de 6:

HEX: #fad207, RGB: (250, 210, 7); HEX: #fcf495, RGB: (252, 244, 149); HEX: #0c0c24, RGB: (12, 12, 36)

HEX: #a48b56, RGB: (164, 139, 86); HEX: #a7a5c0, RGB: (167, 165, 192); HEX: #4c3c3f, RGB: (76, 60, 63)

Versão simplificada das cores da paleta

Matiz de gold, Sombra de Cáqui, Sombra de Preto, Sombra de darkgoldenrod, Matiz de lightsteelblue, Matiz de dimgrey

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Help productdesign ui branding colours códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#fad207	#fad207	RGB(250, 210, 7)	Cyber Yellow	—
#fcf495	#fcf495	RGB(252, 244, 149)	Pastel Yellow	—
#0c0c24	#0c0c24	RGB(12, 12, 36)	Chinese Black	—
#a48b56	#a48b56	RGB(164, 139, 86)	Bronze (Metallic)	—
#a7a5c0	#a7a5c0	RGB(167, 165, 192)	Cadet Blue (Crayola)	—
#4c3c3f	#4c3c3f	RGB(76, 60, 63)	Dark Puce	—

Contraste da Paleta de Cores

4 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
#fad207	#fcf495	1.29
#fad207	#a7a5c0	1.62
#0c0c24	#4c3c3f	1.85
#a48b56	#a7a5c0	1.37

Paleta de imagens Help productdesign ui branding colours png

Help productdesign ui branding colours - #188665

--color-cyber-yellow:	#fad207;
--color-pastel-yellow:	#fcf495;
--color-chinese-black:	#0c0c24;
--color-bronze-metallic:	#a48b56;
--color-cadet-blue-crayola:	#a7a5c0;
--color-dark-puce:	#4c3c3f;

$color-cyber-yellow:	#fad207;
$color-pastel-yellow:	#fcf495;
$color-chinese-black:	#0c0c24;
$color-bronze-metallic:	#a48b56;
$color-cadet-blue-crayola:	#a7a5c0;
$color-dark-puce:	#4c3c3f;

@color-cyber-yellow:	#fad207;
@color-pastel-yellow:	#fcf495;
@color-chinese-black:	#0c0c24;
@color-bronze-metallic:	#a48b56;
@color-cadet-blue-crayola:	#a7a5c0;
@color-dark-puce:	#4c3c3f;