User Flow Mapping Tool Theme

Start Point Sky
#b4e7ff
Decision Coral
#ff998d
Process Gray
#dadada
Outcome Ink
#2b2b2b
Persona Cream
#fff5d2
Journey Violet
#c4a3ff

Палитра содержит светлый, темный цвета. Акцентные цвета Start Point Sky #b4e7ff да Persona Cream #fff5d2. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #2B2B2B, #B4E7FF, #C4A3FF, #DADADA, #FF998D, #FFF5D2

Палитра User Flow Mapping Tool Theme содержит комбинацию из 6 кодов цветов:

HEX: #b4e7ff, RGB: (180, 231, 255); HEX: #ff998d, RGB: (255, 153, 141); HEX: #dadada, RGB: (218, 218, 218)

HEX: #2b2b2b, RGB: (43, 43, 43); HEX: #fff5d2, RGB: (255, 245, 210); HEX: #c4a3ff, RGB: (196, 163, 255)

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

Тень lightblue, Тень salmon, Оттенок gainsboro, Тень Черный, Оттенок cornsilk, Оттенок plum

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

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

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

User Flow Mapping Tool Theme коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#b4e7ff	#b4e7ff	RGB(180, 231, 255)	Start Point Sky	—
#ff998d	#ff998d	RGB(255, 153, 141)	Decision Coral	—
#dadada	#dadada	RGB(218, 218, 218)	Process Gray	—
#2b2b2b	#2b2b2b	RGB(43, 43, 43)	Outcome Ink	Shoe Wax
#fff5d2	#fff5d2	RGB(255, 245, 210)	Persona Cream	—
#c4a3ff	#c4a3ff	RGB(196, 163, 255)	Journey Violet	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#b4e7ff	#ff998d	1.55
#b4e7ff	#dadada	1.05
#b4e7ff	#fff5d2	1.21
#b4e7ff	#c4a3ff	1.57
#ff998d	#dadada	1.47
#ff998d	#fff5d2	1.88

Изображение палитры User Flow Mapping Tool Theme png

--color-start-point-sky:	#b4e7ff;
--color-decision-coral:	#ff998d;
--color-process-gray:	#dadada;
--color-outcome-ink:	#2b2b2b;
--color-persona-cream:	#fff5d2;
--color-journey-violet:	#c4a3ff;

$color-start-point-sky:	#b4e7ff;
$color-decision-coral:	#ff998d;
$color-process-gray:	#dadada;
$color-outcome-ink:	#2b2b2b;
$color-persona-cream:	#fff5d2;
$color-journey-violet:	#c4a3ff;

@color-start-point-sky:	#b4e7ff;
@color-decision-coral:	#ff998d;
@color-process-gray:	#dadada;
@color-outcome-ink:	#2b2b2b;
@color-persona-cream:	#fff5d2;
@color-journey-violet:	#c4a3ff;