Algorithmic Flowchart UI Scheme

Decision Node Blue
#70a1d7
Logic Path Tan
#f8e9a1
Flow Arrow Red
#ff6b6b
Loop Grey
#bebebe
Condition Mint
#98ddca
Breakpoint Black
#1c1c1c

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Decision Node Blue #70a1d7 i Flow Arrow Red #ff6b6b. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

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

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

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): #1C1C1C, #70A1D7, #98DDCA, #BEBEBE, #F8E9A1, #FF6B6B

Paleta Algorithmic Flowchart UI Scheme zawiera kombinację kolorów kodów 6:

KLĄTWA: #70a1d7, RGB: (112, 161, 215); KLĄTWA: #f8e9a1, RGB: (248, 233, 161); KLĄTWA: #ff6b6b, RGB: (255, 107, 107)

KLĄTWA: #bebebe, RGB: (190, 190, 190); KLĄTWA: #98ddca, RGB: (152, 221, 202); KLĄTWA: #1c1c1c, RGB: (28, 28, 28)

Uproszczona wersja palety kolorów

Cień cornflowerblue, Cień palegoldenrod, Odcień salmon, Odcień Srebro, Cień mediumaquamarine, Cień Czarny

Schemat kolorów został stworzony przez raccoon

Więcej palet z:

Kody kolorów w palecie

Algorithmic Flowchart UI Scheme kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#70a1d7	#70a1d7	RGB(112, 161, 215)	Decision Node Blue	—
#f8e9a1	#f8e9a1	RGB(248, 233, 161)	Logic Path Tan	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Flow Arrow Red	—
#bebebe	#bebebe	RGB(190, 190, 190)	Loop Grey	Tin Soldier
#98ddca	#98ddca	RGB(152, 221, 202)	Condition Mint	—
#1c1c1c	#1c1c1c	RGB(28, 28, 28)	Breakpoint Black	Gray11

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#70a1d7	#ff6b6b	1.02
#70a1d7	#bebebe	1.45
#70a1d7	#98ddca	1.74
#f8e9a1	#bebebe	1.51
#f8e9a1	#98ddca	1.26
#ff6b6b	#bebebe	1.49

Paleta obrazów Algorithmic Flowchart UI Scheme png

Algorithmic Flowchart UI Scheme - #557316

--color-decision-node-blue:	#70a1d7;
--color-logic-path-tan:	#f8e9a1;
--color-flow-arrow-red:	#ff6b6b;
--color-loop-grey:	#bebebe;
--color-condition-mint:	#98ddca;
--color-breakpoint-black:	#1c1c1c;

$color-decision-node-blue:	#70a1d7;
$color-logic-path-tan:	#f8e9a1;
$color-flow-arrow-red:	#ff6b6b;
$color-loop-grey:	#bebebe;
$color-condition-mint:	#98ddca;
$color-breakpoint-black:	#1c1c1c;

@color-decision-node-blue:	#70a1d7;
@color-logic-path-tan:	#f8e9a1;
@color-flow-arrow-red:	#ff6b6b;
@color-loop-grey:	#bebebe;
@color-condition-mint:	#98ddca;
@color-breakpoint-black:	#1c1c1c;