Hyperlinked Design Storyboard

Anchor Blue
#1e88e5
Visit Lilac
#ce93d8
Outline Slate
#78909c
Tap Ivory
#fffbe6
Read Black
#212121
Visited Orchid
#ba68c8
Link Underline Gray
#e0e0e0

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Anchor Blue #1e88e5 i Tap Ivory #fffbe6. Paleta ma temperaturę kolorów Zimny, Neutralny.

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

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #1E88E5, #212121, #78909C, #BA68C8, #CE93D8, #E0E0E0, #FFFBE6

Paleta Hyperlinked Design Storyboard zawiera kombinację kolorów kodów 7:

KLĄTWA: #1e88e5, RGB: (30, 136, 229); KLĄTWA: #ce93d8, RGB: (206, 147, 216); KLĄTWA: #78909c, RGB: (120, 144, 156)

KLĄTWA: #fffbe6, RGB: (255, 251, 230); KLĄTWA: #212121, RGB: (33, 33, 33); KLĄTWA: #ba68c8, RGB: (186, 104, 200)

KLĄTWA: #e0e0e0, RGB: (224, 224, 224)

Uproszczona wersja palety kolorów

Odcień dodgerblue, Odcień plum, Cień lightslategrey, Cień cornsilk, Cień Czarny, Cień mediumorchid, Cień gainsboro

Schemat kolorów został stworzony przez hex

Więcej palet z:

Kody kolorów w palecie

Hyperlinked Design Storyboard kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#1e88e5	#1e88e5	RGB(30, 136, 229)	Anchor Blue	—
#ce93d8	#ce93d8	RGB(206, 147, 216)	Visit Lilac	—
#78909c	#78909c	RGB(120, 144, 156)	Outline Slate	—
#fffbe6	#fffbe6	RGB(255, 251, 230)	Tap Ivory	—
#212121	#212121	RGB(33, 33, 33)	Read Black	Lead
#ba68c8	#ba68c8	RGB(186, 104, 200)	Visited Orchid	—
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Link Underline Gray	Gray88

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
#1e88e5	#ce93d8	1.53
#1e88e5	#78909c	1.09
#1e88e5	#ba68c8	1.03
#ce93d8	#78909c	1.4
#ce93d8	#ba68c8	1.48
#ce93d8	#e0e0e0	1.8

Paleta obrazów Hyperlinked Design Storyboard png

--color-anchor-blue:	#1e88e5;
--color-visit-lilac:	#ce93d8;
--color-outline-slate:	#78909c;
--color-tap-ivory:	#fffbe6;
--color-read-black:	#212121;
--color-visited-orchid:	#ba68c8;
--color-link-underline-gray:	#e0e0e0;

$color-anchor-blue:	#1e88e5;
$color-visit-lilac:	#ce93d8;
$color-outline-slate:	#78909c;
$color-tap-ivory:	#fffbe6;
$color-read-black:	#212121;
$color-visited-orchid:	#ba68c8;
$color-link-underline-gray:	#e0e0e0;

@color-anchor-blue:	#1e88e5;
@color-visit-lilac:	#ce93d8;
@color-outline-slate:	#78909c;
@color-tap-ivory:	#fffbe6;
@color-read-black:	#212121;
@color-visited-orchid:	#ba68c8;
@color-link-underline-gray:	#e0e0e0;