Smartwatch UI Color Pack

Notification Teal
#3cd6bc
Timekeeper Violet
#ac9fff
Activity Pulse Red
#ff6262
Display Graphite
#1a1a1a
Ring Glow Yellow
#ffec75
Panel Snow
#fbfcfd

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Timekeeper Violet #ac9fff i Ring Glow Yellow #ffec75. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.

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

Ciepłe i zimne próbki są dość zrównoważone.

Kody HEX (posortowane): #1A1A1A, #3CD6BC, #AC9FFF, #FBFCFD, #FF6262, #FFEC75

Paleta Smartwatch UI Color Pack zawiera kombinację kolorów kodów 6:

KLĄTWA: #3cd6bc, RGB: (60, 214, 188); KLĄTWA: #ac9fff, RGB: (172, 159, 255); KLĄTWA: #ff6262, RGB: (255, 98, 98)

KLĄTWA: #1a1a1a, RGB: (26, 26, 26); KLĄTWA: #ffec75, RGB: (255, 236, 117); KLĄTWA: #fbfcfd, RGB: (251, 252, 253)

Uproszczona wersja palety kolorów

Odcień turquoise, Odcień lightsteelblue, Odcień salmon, Cień Czarny, Cień Khaki, Odcień Biały

Schemat kolorów został stworzony przez hex

Więcej palet z:

Kody kolorów w palecie

Smartwatch UI Color Pack kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#3cd6bc	#3cd6bc	RGB(60, 214, 188)	Notification Teal	—
#ac9fff	#ac9fff	RGB(172, 159, 255)	Timekeeper Violet	—
#ff6262	#ff6262	RGB(255, 98, 98)	Activity Pulse Red	—
#1a1a1a	#1a1a1a	RGB(26, 26, 26)	Display Graphite	Gray10
#ffec75	#ffec75	RGB(255, 236, 117)	Ring Glow Yellow	—
#fbfcfd	#fbfcfd	RGB(251, 252, 253)	Panel Snow	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#3cd6bc	#ac9fff	1.25
#3cd6bc	#ff6262	1.6
#3cd6bc	#ffec75	1.51
#3cd6bc	#fbfcfd	1.77
#ac9fff	#ff6262	1.27
#ac9fff	#ffec75	1.91

Paleta obrazów Smartwatch UI Color Pack png

--color-notification-teal:	#3cd6bc;
--color-timekeeper-violet:	#ac9fff;
--color-activity-pulse-red:	#ff6262;
--color-display-graphite:	#1a1a1a;
--color-ring-glow-yellow:	#ffec75;
--color-panel-snow:	#fbfcfd;

$color-notification-teal:	#3cd6bc;
$color-timekeeper-violet:	#ac9fff;
$color-activity-pulse-red:	#ff6262;
$color-display-graphite:	#1a1a1a;
$color-ring-glow-yellow:	#ffec75;
$color-panel-snow:	#fbfcfd;

@color-notification-teal:	#3cd6bc;
@color-timekeeper-violet:	#ac9fff;
@color-activity-pulse-red:	#ff6262;
@color-display-graphite:	#1a1a1a;
@color-ring-glow-yellow:	#ffec75;
@color-panel-snow:	#fbfcfd;