WebGL Shader Interface Spectrum Data Visualization

Shader Purple
#9d4edd
Fragment Blue
#3a0ca3
Vertex Cyan
#00b4d8
Light Yellow
#ffe066
Shadow Black
#0b090a
Surface Gray
#adb5bd
Highlight Pink
#ff70a6

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Vertex Cyan #00b4d8 i Light Yellow #ffe066. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #0B090A (najciemniejszy) do #FF70A6 (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).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #00B4D8, #0B090A, #3A0CA3, #9D4EDD, #ADB5BD, #FF70A6, #FFE066

Paleta WebGL Shader Interface Spectrum Data Visualization zawiera kombinację kolorów kodów 7:

KLĄTWA: #9d4edd, RGB: (157, 78, 221); KLĄTWA: #3a0ca3, RGB: (58, 12, 163); KLĄTWA: #00b4d8, RGB: (0, 180, 216)

KLĄTWA: #ffe066, RGB: (255, 224, 102); KLĄTWA: #0b090a, RGB: (11, 9, 10); KLĄTWA: #adb5bd, RGB: (173, 181, 189)

KLĄTWA: #ff70a6, RGB: (255, 112, 166)

Uproszczona wersja palety kolorów

Cień darkorchid, Cień mediumblue, Odcień deepskyblue, Cień gold, Cień Czarny, Cień darkgrey, Cień hotpink

Schemat kolorów został stworzony przez colorstudio

Więcej palet z:

Kody kolorów w palecie

WebGL Shader Interface Spectrum Data Visualization kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#9d4edd	#9d4edd	RGB(157, 78, 221)	Shader Purple	—
#3a0ca3	#3a0ca3	RGB(58, 12, 163)	Fragment Blue	—
#00b4d8	#00b4d8	RGB(0, 180, 216)	Vertex Cyan	—
#ffe066	#ffe066	RGB(255, 224, 102)	Light Yellow	—
#0b090a	#0b090a	RGB(11, 9, 10)	Shadow Black	—
#adb5bd	#adb5bd	RGB(173, 181, 189)	Surface Gray	—
#ff70a6	#ff70a6	RGB(255, 112, 166)	Highlight Pink	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#9d4edd	#00b4d8	1.86
#9d4edd	#ff70a6	1.77
#3a0ca3	#0b090a	1.66
#00b4d8	#ffe066	1.89
#00b4d8	#adb5bd	1.18
#00b4d8	#ff70a6	1.04

Paleta obrazów WebGL Shader Interface Spectrum Data Visualization png

WebGL Shader Interface Spectrum Data Visualization - #570667

--color-shader-purple:	#9d4edd;
--color-fragment-blue:	#3a0ca3;
--color-vertex-cyan:	#00b4d8;
--color-light-yellow:	#ffe066;
--color-shadow-black:	#0b090a;
--color-surface-gray:	#adb5bd;
--color-highlight-pink:	#ff70a6;

$color-shader-purple:	#9d4edd;
$color-fragment-blue:	#3a0ca3;
$color-vertex-cyan:	#00b4d8;
$color-light-yellow:	#ffe066;
$color-shadow-black:	#0b090a;
$color-surface-gray:	#adb5bd;
$color-highlight-pink:	#ff70a6;

@color-shader-purple:	#9d4edd;
@color-fragment-blue:	#3a0ca3;
@color-vertex-cyan:	#00b4d8;
@color-light-yellow:	#ffe066;
@color-shadow-black:	#0b090a;
@color-surface-gray:	#adb5bd;
@color-highlight-pink:	#ff70a6;