Golf ux interaction design

Orange-Red
#f9671f
Orange-Yellow (Crayola)
#fac465
Cool Black
#0e255b
Bronze (Metallic)
#9e9449
Silver Pink
#c4b4ac
Royal Brown
#54342c

A paleta consiste em cores Luz, Escuro. Cores de destaque Orange-Red #f9671f e Cool Black #0e255b. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #0E255B (mais escuro) a #C4B4AC (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): #0E255B, #54342C, #9E9449, #C4B4AC, #F9671F, #FAC465

A paleta Golf ux interaction design tem uma combinação de cores de códigos de 6:

HEX: #f9671f, RGB: (249, 103, 31); HEX: #fac465, RGB: (250, 196, 101); HEX: #0e255b, RGB: (14, 37, 91)

HEX: #9e9449, RGB: (158, 148, 73); HEX: #c4b4ac, RGB: (196, 180, 172); HEX: #54342c, RGB: (84, 52, 44)

Versão simplificada das cores da paleta

Sombra de orangered, Sombra de goldenrod, Sombra de midnightblue, Matiz de darkkhaki, Matiz de Prata, Sombra de Marrom

O esquema de cores foi criado por bad_colors

Mais paletas com:

Códigos de cores na paleta

Golf ux interaction design códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#f9671f	#f9671f	RGB(249, 103, 31)	Orange-Red	—
#fac465	#fac465	RGB(250, 196, 101)	Orange-Yellow (Crayola)	—
#0e255b	#0e255b	RGB(14, 37, 91)	Cool Black	—
#9e9449	#9e9449	RGB(158, 148, 73)	Bronze (Metallic)	—
#c4b4ac	#c4b4ac	RGB(196, 180, 172)	Silver Pink	—
#54342c	#54342c	RGB(84, 52, 44)	Royal Brown	—

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	Taxa de contraste
#f9671f	#fac465	1.88
#f9671f	#9e9449	1.02
#f9671f	#c4b4ac	1.49
#fac465	#9e9449	1.93
#fac465	#c4b4ac	1.25
#0e255b	#54342c	1.32

Paleta de imagens Golf ux interaction design png

--color-orange-red:	#f9671f;
--color-orange-yellow-crayola:	#fac465;
--color-cool-black:	#0e255b;
--color-bronze-metallic:	#9e9449;
--color-silver-pink:	#c4b4ac;
--color-royal-brown:	#54342c;

$color-orange-red:	#f9671f;
$color-orange-yellow-crayola:	#fac465;
$color-cool-black:	#0e255b;
$color-bronze-metallic:	#9e9449;
$color-silver-pink:	#c4b4ac;
$color-royal-brown:	#54342c;

@color-orange-red:	#f9671f;
@color-orange-yellow-crayola:	#fac465;
@color-cool-black:	#0e255b;
@color-bronze-metallic:	#9e9449;
@color-silver-pink:	#c4b4ac;
@color-royal-brown:	#54342c;