AI Edge Computing Dashboard

Edge Indigo
#4c00ff
Node Cyan
#00fff5
Latency Orange
#ff8a33
Throughput Yellow
#fff500
Server Gray
#3d3d3d
Packet Mint
#00ffaa
Stream Magenta
#ff33aa

Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Node Cyan #00fff5 i Throughput Yellow #fff500. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #3D3D3D (najciemniejszy) do #FF8A33 (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie wydaje się żywe (wysoka chroma) — 86% kolorów jest żywych.

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 (3 ciepłych, 3 zimnych).

Kody HEX (posortowane): #00FFAA, #00FFF5, #3D3D3D, #4C00FF, #FF33AA, #FF8A33, #FFF500

Paleta AI Edge Computing Dashboard zawiera kombinację kolorów kodów 7:

KLĄTWA: #4c00ff, RGB: (76, 0, 255); KLĄTWA: #00fff5, RGB: (0, 255, 245); KLĄTWA: #ff8a33, RGB: (255, 138, 51)

KLĄTWA: #fff500, RGB: (255, 245, 0); KLĄTWA: #3d3d3d, RGB: (61, 61, 61); KLĄTWA: #00ffaa, RGB: (0, 255, 170)

KLĄTWA: #ff33aa, RGB: (255, 51, 170)

Uproszczona wersja palety kolorów

Cień Niebieski, Odcień cyan, Cień darkorange, Odcień Żółty, Odcień darkslategrey, Cień mediumspringgreen, Cień deeppink

Schemat kolorów został stworzony przez palettespicker

Kody kolorów w palecie

AI Edge Computing Dashboard kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#4c00ff	#4c00ff	RGB(76, 0, 255)	Edge Indigo	—
#00fff5	#00fff5	RGB(0, 255, 245)	Node Cyan	—
#ff8a33	#ff8a33	RGB(255, 138, 51)	Latency Orange	—
#fff500	#fff500	RGB(255, 245, 0)	Throughput Yellow	—
#3d3d3d	#3d3d3d	RGB(61, 61, 61)	Server Gray	Raven Black
#00ffaa	#00ffaa	RGB(0, 255, 170)	Packet Mint	Enthusiasm
#ff33aa	#ff33aa	RGB(255, 51, 170)	Stream Magenta	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#4c00ff	#3d3d3d	1.42
#00fff5	#ff8a33	1.86
#00fff5	#fff500	1.1
#00fff5	#00ffaa	1.04
#ff8a33	#00ffaa	1.77
#ff8a33	#ff33aa	1.41

Paleta obrazów AI Edge Computing Dashboard png

--color-edge-indigo:	#4c00ff;
--color-node-cyan:	#00fff5;
--color-latency-orange:	#ff8a33;
--color-throughput-yellow:	#fff500;
--color-server-gray:	#3d3d3d;
--color-packet-mint:	#00ffaa;
--color-stream-magenta:	#ff33aa;

$color-edge-indigo:	#4c00ff;
$color-node-cyan:	#00fff5;
$color-latency-orange:	#ff8a33;
$color-throughput-yellow:	#fff500;
$color-server-gray:	#3d3d3d;
$color-packet-mint:	#00ffaa;
$color-stream-magenta:	#ff33aa;

@color-edge-indigo:	#4c00ff;
@color-node-cyan:	#00fff5;
@color-latency-orange:	#ff8a33;
@color-throughput-yellow:	#fff500;
@color-server-gray:	#3d3d3d;
@color-packet-mint:	#00ffaa;
@color-stream-magenta:	#ff33aa;