Generative WebGL UI Synthwave

WebGL Cyan
#00f5d4
Synth Magenta
#ff006e
Component Yellow
#f9c74f
Node Black
#222222
Viewbox White
#fbfbfb
Shader Purple
#8338ec
Pixel Coral
#f9844a
Render Grey
#b0bec5

A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque WebGL Cyan #00f5d4 e Synth Magenta #ff006e. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

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

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #00F5D4, #222222, #8338EC, #B0BEC5, #F9844A, #F9C74F, #FBFBFB, #FF006E

A paleta Generative WebGL UI Synthwave tem uma combinação de cores de códigos de 8:

HEX: #00f5d4, RGB: (0, 245, 212); HEX: #ff006e, RGB: (255, 0, 110); HEX: #f9c74f, RGB: (249, 199, 79)

HEX: #222222, RGB: (34, 34, 34); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #8338ec, RGB: (131, 56, 236)

HEX: #f9844a, RGB: (249, 132, 74); HEX: #b0bec5, RGB: (176, 190, 197)

Versão simplificada das cores da paleta

Matiz de aquamarine, Matiz de deeppink, Matiz de gold, Sombra de Preto, Matiz de Branco, Sombra de blueviolet, Sombra de coral, Matiz de Prata

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Generative WebGL UI Synthwave códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#00f5d4	#00f5d4	RGB(0, 245, 212)	WebGL Cyan	—
#ff006e	#ff006e	RGB(255, 0, 110)	Synth Magenta	—
#f9c74f	#f9c74f	RGB(249, 199, 79)	Component Yellow	—
#222222	#222222	RGB(34, 34, 34)	Node Black	Black Out
#fbfbfb	#fbfbfb	RGB(251, 251, 251)	Viewbox White	Whiteout
#8338ec	#8338ec	RGB(131, 56, 236)	Shader Purple	—
#f9844a	#f9844a	RGB(249, 132, 74)	Pixel Coral	—
#b0bec5	#b0bec5	RGB(176, 190, 197)	Render Grey	Ocean Drive

Contraste da Paleta de Cores

11 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
#00f5d4	#f9c74f	1.12
#00f5d4	#fbfbfb	1.35
#00f5d4	#f9844a	1.78
#00f5d4	#b0bec5	1.36
#ff006e	#8338ec	1.46
#ff006e	#f9844a	1.53

Paleta de imagens Generative WebGL UI Synthwave png

--color-webgl-cyan:	#00f5d4;
--color-synth-magenta:	#ff006e;
--color-component-yellow:	#f9c74f;
--color-node-black:	#222222;
--color-viewbox-white:	#fbfbfb;
--color-shader-purple:	#8338ec;
--color-pixel-coral:	#f9844a;
--color-render-grey:	#b0bec5;

$color-webgl-cyan:	#00f5d4;
$color-synth-magenta:	#ff006e;
$color-component-yellow:	#f9c74f;
$color-node-black:	#222222;
$color-viewbox-white:	#fbfbfb;
$color-shader-purple:	#8338ec;
$color-pixel-coral:	#f9844a;
$color-render-grey:	#b0bec5;

@color-webgl-cyan:	#00f5d4;
@color-synth-magenta:	#ff006e;
@color-component-yellow:	#f9c74f;
@color-node-black:	#222222;
@color-viewbox-white:	#fbfbfb;
@color-shader-purple:	#8338ec;
@color-pixel-coral:	#f9844a;
@color-render-grey:	#b0bec5;