Predictive UX Flow Toolkit

Forecast Orange
#f4a261
Cognitive Black
#212529
Interaction Cream
#ffecd1
Insight Blue
#00a8e8
Intent Violet
#7b6079

Палитра содержит светлый, темный цвета. Акцентные цвета Interaction Cream #ffecd1 да Insight Blue #00a8e8. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #00A8E8, #212529, #7B6079, #F4A261, #FFECD1

Палитра Predictive UX Flow Toolkit содержит комбинацию из 5 кодов цветов:

HEX: #f4a261, RGB: (244, 162, 97); HEX: #212529, RGB: (33, 37, 41); HEX: #ffecd1, RGB: (255, 236, 209)

HEX: #00a8e8, RGB: (0, 168, 232); HEX: #7b6079, RGB: (123, 96, 121)

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

Оттенок sandybrown, Тень Черный, Тень blanchedalmond, Оттенок deepskyblue, Тень dimgrey

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

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

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

Predictive UX Flow Toolkit коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#f4a261	#f4a261	RGB(244, 162, 97)	Forecast Orange	—
#212529	#212529	RGB(33, 37, 41)	Cognitive Black	—
#ffecd1	#ffecd1	RGB(255, 236, 209)	Interaction Cream	—
#00a8e8	#00a8e8	RGB(0, 168, 232)	Insight Blue	—
#7b6079	#7b6079	RGB(123, 96, 121)	Intent Violet	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#f4a261	#ffecd1	1.78
#f4a261	#00a8e8	1.31

Изображение палитры Predictive UX Flow Toolkit png

--color-forecast-orange:	#f4a261;
--color-cognitive-black:	#212529;
--color-interaction-cream:	#ffecd1;
--color-insight-blue:	#00a8e8;
--color-intent-violet:	#7b6079;

$color-forecast-orange:	#f4a261;
$color-cognitive-black:	#212529;
$color-interaction-cream:	#ffecd1;
$color-insight-blue:	#00a8e8;
$color-intent-violet:	#7b6079;

@color-forecast-orange:	#f4a261;
@color-cognitive-black:	#212529;
@color-interaction-cream:	#ffecd1;
@color-insight-blue:	#00a8e8;
@color-intent-violet:	#7b6079;