JavaScript Pixel Neural Playground

Pixel Yellow
#ffe156
Neon Magenta
#ff0054
Syntax Aqua
#00f5d4
Console Dark
#2e2e2e
Script Orange
#ff7b00
Debug Mint
#aaf683
VR Lavender
#9b5de5

A paleta consiste em cores Luz, Escuro. Cores de destaque Pixel Yellow #ffe156 e Syntax Aqua #00f5d4. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #AAF683 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

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): #00F5D4, #2E2E2E, #9B5DE5, #AAF683, #FF0054, #FF7B00, #FFE156

A paleta JavaScript Pixel Neural Playground tem uma combinação de cores de códigos de 7:

HEX: #ffe156, RGB: (255, 225, 86); HEX: #ff0054, RGB: (255, 0, 84); HEX: #00f5d4, RGB: (0, 245, 212)

HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #ff7b00, RGB: (255, 123, 0); HEX: #aaf683, RGB: (170, 246, 131)

HEX: #9b5de5, RGB: (155, 93, 229)

Versão simplificada das cores da paleta

Sombra de gold, Sombra de crimson, Matiz de aquamarine, Sombra de Preto, Matiz de darkorange, Sombra de palegreen, Matiz de mediumpurple

O esquema de cores foi criado por colorscheme

Mais paletas com:

Códigos de cores na paleta

JavaScript Pixel Neural Playground códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ffe156	#ffe156	RGB(255, 225, 86)	Pixel Yellow	—
#ff0054	#ff0054	RGB(255, 0, 84)	Neon Magenta	Blazing Dragonfruit
#00f5d4	#00f5d4	RGB(0, 245, 212)	Syntax Aqua	—
#2e2e2e	#2e2e2e	RGB(46, 46, 46)	Console Dark	Carbon Fiber
#ff7b00	#ff7b00	RGB(255, 123, 0)	Script Orange	—
#aaf683	#aaf683	RGB(170, 246, 131)	Debug Mint	—
#9b5de5	#9b5de5	RGB(155, 93, 229)	VR Lavender	—

Contraste da Paleta de Cores

8 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
#ffe156	#00f5d4	1.07
#ffe156	#ff7b00	1.99
#ffe156	#aaf683	1
#ff0054	#ff7b00	1.5
#ff0054	#9b5de5	1.05
#00f5d4	#ff7b00	1.85

--color-pixel-yellow:	#ffe156;
--color-neon-magenta:	#ff0054;
--color-syntax-aqua:	#00f5d4;
--color-console-dark:	#2e2e2e;
--color-script-orange:	#ff7b00;
--color-debug-mint:	#aaf683;
--color-vr-lavender:	#9b5de5;

$color-pixel-yellow:	#ffe156;
$color-neon-magenta:	#ff0054;
$color-syntax-aqua:	#00f5d4;
$color-console-dark:	#2e2e2e;
$color-script-orange:	#ff7b00;
$color-debug-mint:	#aaf683;
$color-vr-lavender:	#9b5de5;

@color-pixel-yellow:	#ffe156;
@color-neon-magenta:	#ff0054;
@color-syntax-aqua:	#00f5d4;
@color-console-dark:	#2e2e2e;
@color-script-orange:	#ff7b00;
@color-debug-mint:	#aaf683;
@color-vr-lavender:	#9b5de5;

JavaScript Pixel Neural Playground

Códigos de cores na paleta

Contraste da Paleta de Cores

Paleta de imagens JavaScript Pixel Neural Playground png