Game Engine Neural Contrast Toolkit

Arcade Orange
#ff5722
Node Blue
#3d5afe
Analysis Mint
#4db6ac
Debug White
#f5f5f5
Vector Black
#000000
Hyper Yellow
#ffeb3b

A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Node Blue #3d5afe e Hyper Yellow #ffeb3b. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #000000 (mais escuro) a #F5F5F5 (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).

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #000000, #3D5AFE, #4DB6AC, #F5F5F5, #FF5722, #FFEB3B

A paleta Game Engine Neural Contrast Toolkit tem uma combinação de cores de códigos de 6:

HEX: #ff5722, RGB: (255, 87, 34); HEX: #3d5afe, RGB: (61, 90, 254); HEX: #4db6ac, RGB: (77, 182, 172)

HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #000000, RGB: (0, 0, 0); HEX: #ffeb3b, RGB: (255, 235, 59)

Versão simplificada das cores da paleta

Sombra de orangered, Matiz de royalblue, Sombra de lightseagreen, Preto, Matiz de Amarelo

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Game Engine Neural Contrast Toolkit códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ff5722	#ff5722	RGB(255, 87, 34)	Arcade Orange	—
#3d5afe	#3d5afe	RGB(61, 90, 254)	Node Blue	—
#4db6ac	#4db6ac	RGB(77, 182, 172)	Analysis Mint	—
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Debug White	White Smoke
#000000	#000000	RGB(0, 0, 0)	Vector Black	Black
#ffeb3b	#ffeb3b	RGB(255, 235, 59)	Hyper Yellow	—

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
#ff5722	#3d5afe	1.62
#ff5722	#4db6ac	1.29
#4db6ac	#ffeb3b	1.99
#f5f5f5	#ffeb3b	1.11

Paleta de imagens Game Engine Neural Contrast Toolkit png

Game Engine Neural Contrast Toolkit - #559123

--color-arcade-orange:	#ff5722;
--color-node-blue:	#3d5afe;
--color-analysis-mint:	#4db6ac;
--color-debug-white:	#f5f5f5;
--color-vector-black:	#000000;
--color-hyper-yellow:	#ffeb3b;

$color-arcade-orange:	#ff5722;
$color-node-blue:	#3d5afe;
$color-analysis-mint:	#4db6ac;
$color-debug-white:	#f5f5f5;
$color-vector-black:	#000000;
$color-hyper-yellow:	#ffeb3b;

@color-arcade-orange:	#ff5722;
@color-node-blue:	#3d5afe;
@color-analysis-mint:	#4db6ac;
@color-debug-white:	#f5f5f5;
@color-vector-black:	#000000;
@color-hyper-yellow:	#ffeb3b;