Digital Productivity Tools UI

Task Grey
#e5e5e5
Focus Sky
#9adcff
Inbox Rose
#ff7f96
Workflow Navy
#1c2541
Sync Mint
#bcf4de
Board Graphite
#2f2f2f

Палитра содержит светлый, темный цвета. Акцентные цвета Focus Sky #9adcff да Inbox Rose #ff7f96. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.

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

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

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

HEX-коды (по возрастанию): #1C2541, #2F2F2F, #9ADCFF, #BCF4DE, #E5E5E5, #FF7F96

Палитра Digital Productivity Tools UI содержит комбинацию из 6 кодов цветов:

HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #9adcff, RGB: (154, 220, 255); HEX: #ff7f96, RGB: (255, 127, 150)

HEX: #1c2541, RGB: (28, 37, 65); HEX: #bcf4de, RGB: (188, 244, 222); HEX: #2f2f2f, RGB: (47, 47, 47)

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

Тень gainsboro, Тень lightskyblue, Тень lightcoral, Тень midnightblue, Тень paleturquoise, Тень Черный

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

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

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

Digital Productivity Tools UI коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Task Grey	Gray90
#9adcff	#9adcff	RGB(154, 220, 255)	Focus Sky	—
#ff7f96	#ff7f96	RGB(255, 127, 150)	Inbox Rose	—
#1c2541	#1c2541	RGB(28, 37, 65)	Workflow Navy	—
#bcf4de	#bcf4de	RGB(188, 244, 222)	Sync Mint	—
#2f2f2f	#2f2f2f	RGB(47, 47, 47)	Board Graphite	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#e5e5e5	#9adcff	1.18
#e5e5e5	#ff7f96	1.9
#e5e5e5	#bcf4de	1.02
#9adcff	#ff7f96	1.61
#9adcff	#bcf4de	1.21
#ff7f96	#bcf4de	1.96

Изображение палитры Digital Productivity Tools UI png

--color-task-grey:	#e5e5e5;
--color-focus-sky:	#9adcff;
--color-inbox-rose:	#ff7f96;
--color-workflow-navy:	#1c2541;
--color-sync-mint:	#bcf4de;
--color-board-graphite:	#2f2f2f;

$color-task-grey:	#e5e5e5;
$color-focus-sky:	#9adcff;
$color-inbox-rose:	#ff7f96;
$color-workflow-navy:	#1c2541;
$color-sync-mint:	#bcf4de;
$color-board-graphite:	#2f2f2f;

@color-task-grey:	#e5e5e5;
@color-focus-sky:	#9adcff;
@color-inbox-rose:	#ff7f96;
@color-workflow-navy:	#1c2541;
@color-sync-mint:	#bcf4de;
@color-board-graphite:	#2f2f2f;