TaskAura Grid

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

Палитра содержит светлый цвета. Акцентные цвета Accent Violet #a78bfa да Surface White #ecfeff. Палитра имеет цветовую температуру Холодный, Нейтральный.

По светлоте палитра тянется от #134E4A (самый тёмный) до #F0FDFA (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Оттенки лежат в соседней полосе на круге (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #134E4A, #14B8A6, #99F6E4, #A78BFA, #ECFEFF, #F0FDFA

Палитра TaskAura Grid содержит комбинацию из 6 кодов цветов:

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

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

Упрощенная версия цветов палитры

Оттенок lightseagreen, Тень aquamarine, Тень mediumpurple, Оттенок mintcream, Оттенок azure, Оттенок darkslategrey

Цветовая схема создана автором colorscheme

Больше палитр с:

Коды цветов в палитре

TaskAura Grid коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#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	—

Контраст палитры цветов

5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#14b8a6	#99f6e4	1.97
#14b8a6	#a78bfa	1.09
#99f6e4	#f0fdfa	1.2
#99f6e4	#ecfeff	1.21
#f0fdfa	#ecfeff	1

Изображение палитры 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;