Quantum UI Adaptive Circuit

Circuit Green
#69f0ae
Quantum Indigo
#3f51b5
UI Orange
#ff7043
Hyper Violet
#ab47bc
Contrast Black
#1c1c1c
Surface White
#ffffff

Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Circuit Green #69f0ae i UI Orange #ff7043. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

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

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Barwy są rozłożone szeroko po kole — paleta zróżnicowana (heurystyka).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #1C1C1C, #3F51B5, #69F0AE, #AB47BC, #FF7043, #FFFFFF

Paleta Quantum UI Adaptive Circuit zawiera kombinację kolorów kodów 6:

KLĄTWA: #69f0ae, RGB: (105, 240, 174); KLĄTWA: #3f51b5, RGB: (63, 81, 181); KLĄTWA: #ff7043, RGB: (255, 112, 67)

KLĄTWA: #ab47bc, RGB: (171, 71, 188); KLĄTWA: #1c1c1c, RGB: (28, 28, 28); KLĄTWA: #ffffff, RGB: (255, 255, 255)

Uproszczona wersja palety kolorów

Cień mediumspringgreen, Odcień slateblue, Odcień coral, Odcień mediumorchid, Cień Czarny, Biały

Schemat kolorów został stworzony przez raccoon

Więcej palet z:

Kody kolorów w palecie

Quantum UI Adaptive Circuit kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#69f0ae	#69f0ae	RGB(105, 240, 174)	Circuit Green	—
#3f51b5	#3f51b5	RGB(63, 81, 181)	Quantum Indigo	—
#ff7043	#ff7043	RGB(255, 112, 67)	UI Orange	—
#ab47bc	#ab47bc	RGB(171, 71, 188)	Hyper Violet	—
#1c1c1c	#1c1c1c	RGB(28, 28, 28)	Contrast Black	Gray11
#ffffff	#ffffff	RGB(255, 255, 255)	Surface White	White

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
#69f0ae	#ff7043	1.91
#69f0ae	#ffffff	1.43
#3f51b5	#ab47bc	1.42
#ff7043	#ab47bc	1.75

Paleta obrazów Quantum UI Adaptive Circuit png

--color-circuit-green:	#69f0ae;
--color-quantum-indigo:	#3f51b5;
--color-ui-orange:	#ff7043;
--color-hyper-violet:	#ab47bc;
--color-contrast-black:	#1c1c1c;
--color-surface-white:	#ffffff;

$color-circuit-green:	#69f0ae;
$color-quantum-indigo:	#3f51b5;
$color-ui-orange:	#ff7043;
$color-hyper-violet:	#ab47bc;
$color-contrast-black:	#1c1c1c;
$color-surface-white:	#ffffff;

@color-circuit-green:	#69f0ae;
@color-quantum-indigo:	#3f51b5;
@color-ui-orange:	#ff7043;
@color-hyper-violet:	#ab47bc;
@color-contrast-black:	#1c1c1c;
@color-surface-white:	#ffffff;