Data Signal

Ocean Blue
#0077cc
Blush Pink
#ff8fa3
Sage Green
#4caf50
Slate Gray
#495057
Ivory White
#fafafa

Paleta składa się z kolorów Półciemny, Światło. Kolory akcentujące Ocean Blue #0077cc i Blush Pink #ff8fa3. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

Według jasności paleta rozciąga się od #495057 (najciemniejszy) do #FAFAFA (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): #0077CC, #495057, #4CAF50, #FAFAFA, #FF8FA3

Paleta Data Signal zawiera kombinację kolorów kodów 5:

KLĄTWA: #0077cc, RGB: (0, 119, 204); KLĄTWA: #ff8fa3, RGB: (255, 143, 163); KLĄTWA: #4caf50, RGB: (76, 175, 80)

KLĄTWA: #495057, RGB: (73, 80, 87); KLĄTWA: #fafafa, RGB: (250, 250, 250)

Uproszczona wersja palety kolorów

Odcień steelblue, Cień lightcoral, Odcień mediumseagreen, Odcień dimgrey, Cień whitesmoke

Schemat kolorów został stworzony przez colorday

Więcej palet z:

Kody kolorów w palecie

Data Signal kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#0077cc	#0077cc	RGB(0, 119, 204)	Ocean Blue	—
#ff8fa3	#ff8fa3	RGB(255, 143, 163)	Blush Pink	—
#4caf50	#4caf50	RGB(76, 175, 80)	Sage Green	—
#495057	#495057	RGB(73, 80, 87)	Slate Gray	—
#fafafa	#fafafa	RGB(250, 250, 250)	Ivory White	Dr. White

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#0077cc	#4caf50	1.67
#0077cc	#495057	1.75
#ff8fa3	#4caf50	1.28

Paleta obrazów Data Signal png

--color-ocean-blue:	#0077cc;
--color-blush-pink:	#ff8fa3;
--color-sage-green:	#4caf50;
--color-slate-gray:	#495057;
--color-ivory-white:	#fafafa;

$color-ocean-blue:	#0077cc;
$color-blush-pink:	#ff8fa3;
$color-sage-green:	#4caf50;
$color-slate-gray:	#495057;
$color-ivory-white:	#fafafa;

@color-ocean-blue:	#0077cc;
@color-blush-pink:	#ff8fa3;
@color-sage-green:	#4caf50;
@color-slate-gray:	#495057;
@color-ivory-white:	#fafafa;