Cyberpunk AI Web App Holographic Grid

Neon Magenta
#ff00ff
Matrix Green
#39ff14
Cyber Black
#0a0a0a
Grid Cyan
#00ffff
Pulse Orange
#ff6f3c
Hologram Purple
#a020f0

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Grid Cyan #00ffff i Pulse Orange #ff6f3c. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.

Według jasności paleta rozciąga się od #0A0A0A (najciemniejszy) do #FF6F3C (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie wydaje się żywe (wysoka chroma).

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ciepłe i zimne próbki są dość zrównoważone.

Kody HEX (posortowane): #00FFFF, #0A0A0A, #39FF14, #A020F0, #FF00FF, #FF6F3C

Paleta Cyberpunk AI Web App Holographic Grid zawiera kombinację kolorów kodów 6:

KLĄTWA: #ff00ff, RGB: (255, 0, 255); KLĄTWA: #39ff14, RGB: (57, 255, 20); KLĄTWA: #0a0a0a, RGB: (10, 10, 10)

KLĄTWA: #00ffff, RGB: (0, 255, 255); KLĄTWA: #ff6f3c, RGB: (255, 111, 60); KLĄTWA: #a020f0, RGB: (160, 32, 240)

Uproszczona wersja palety kolorów

magenta, Cień Limonka, Cień Czarny, Odcień coral, Cień blueviolet

Schemat kolorów został stworzony przez raccoon

Więcej palet z:

Kody kolorów w palecie

Cyberpunk AI Web App Holographic Grid kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ff00ff	#ff00ff	RGB(255, 0, 255)	Neon Magenta	Magenta
#39ff14	#39ff14	RGB(57, 255, 20)	Matrix Green	Neon Green
#0a0a0a	#0a0a0a	RGB(10, 10, 10)	Cyber Black	Existential Angst
#00ffff	#00ffff	RGB(0, 255, 255)	Grid Cyan	Aqua
#ff6f3c	#ff6f3c	RGB(255, 111, 60)	Pulse Orange	—
#a020f0	#a020f0	RGB(160, 32, 240)	Hologram Purple	Singapore Orchid

Kontrast palety kolorów

4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ff00ff	#ff6f3c	1.13
#ff00ff	#a020f0	1.69
#39ff14	#00ffff	1.08
#ff6f3c	#a020f0	1.91

Paleta obrazów Cyberpunk AI Web App Holographic Grid png

Cyberpunk AI Web App Holographic Grid - #558899

--color-neon-magenta:	#ff00ff;
--color-matrix-green:	#39ff14;
--color-cyber-black:	#0a0a0a;
--color-grid-cyan:	#00ffff;
--color-pulse-orange:	#ff6f3c;
--color-hologram-purple:	#a020f0;

$color-neon-magenta:	#ff00ff;
$color-matrix-green:	#39ff14;
$color-cyber-black:	#0a0a0a;
$color-grid-cyan:	#00ffff;
$color-pulse-orange:	#ff6f3c;
$color-hologram-purple:	#a020f0;

@color-neon-magenta:	#ff00ff;
@color-matrix-green:	#39ff14;
@color-cyber-black:	#0a0a0a;
@color-grid-cyan:	#00ffff;
@color-pulse-orange:	#ff6f3c;
@color-hologram-purple:	#a020f0;