TaskAura Grid

Primary Teal
#14b8a6
Secondary Pale Mint
#99f6e4
Accent Violet
#a78bfa
Background Mist
#f0fdfa
Surface White
#ecfeff
Text Ink
#134e4a

Paleta składa się z kolorów Światło. Kolory akcentujące Accent Violet #a78bfa i Surface White #ecfeff. Paleta ma temperaturę kolorów Zimny, Neutralny.

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

Nasycenie wydaje się żywe (wysoka chroma).

Barwy leżą w sąsiednim paśmie na kole (heurystyka).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #134E4A, #14B8A6, #99F6E4, #A78BFA, #ECFEFF, #F0FDFA

Paleta TaskAura Grid zawiera kombinację kolorów kodów 6:

KLĄTWA: #14b8a6, RGB: (20, 184, 166); KLĄTWA: #99f6e4, RGB: (153, 246, 228); KLĄTWA: #a78bfa, RGB: (167, 139, 250)

KLĄTWA: #f0fdfa, RGB: (240, 253, 250); KLĄTWA: #ecfeff, RGB: (236, 254, 255); KLĄTWA: #134e4a, RGB: (19, 78, 74)

Uproszczona wersja palety kolorów

Odcień lightseagreen, Cień aquamarine, Cień mediumpurple, Odcień mintcream, Odcień azure, Odcień darkslategrey

Schemat kolorów został stworzony przez colorscheme

Więcej palet z:

Kody kolorów w palecie

TaskAura Grid kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#14b8a6	#14b8a6	RGB(20, 184, 166)	Primary Teal	—
#99f6e4	#99f6e4	RGB(153, 246, 228)	Secondary Pale Mint	—
#a78bfa	#a78bfa	RGB(167, 139, 250)	Accent Violet	—
#f0fdfa	#f0fdfa	RGB(240, 253, 250)	Background Mist	—
#ecfeff	#ecfeff	RGB(236, 254, 255)	Surface White	—
#134e4a	#134e4a	RGB(19, 78, 74)	Text Ink	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#14b8a6	#99f6e4	1.97
#14b8a6	#a78bfa	1.09
#99f6e4	#f0fdfa	1.2
#99f6e4	#ecfeff	1.21
#f0fdfa	#ecfeff	1

Paleta obrazów TaskAura Grid png

--color-primary-teal:	#14b8a6;
--color-secondary-pale-mint:	#99f6e4;
--color-accent-violet:	#a78bfa;
--color-background-mist:	#f0fdfa;
--color-surface-white:	#ecfeff;
--color-text-ink:	#134e4a;

$color-primary-teal:	#14b8a6;
$color-secondary-pale-mint:	#99f6e4;
$color-accent-violet:	#a78bfa;
$color-background-mist:	#f0fdfa;
$color-surface-white:	#ecfeff;
$color-text-ink:	#134e4a;

@color-primary-teal:	#14b8a6;
@color-secondary-pale-mint:	#99f6e4;
@color-accent-violet:	#a78bfa;
@color-background-mist:	#f0fdfa;
@color-surface-white:	#ecfeff;
@color-text-ink:	#134e4a;