Predictive Revenue Forecasting UI

Forecast Sky
#a9d6e5
Net Profit Graphite
#2a2a2a
Trend Chart Violet
#bba0e3
Insight Yellow
#fff799
Opportunity Green
#bffcc6

Палитра содержит светлый, темный цвета. Акцентные цвета Trend Chart Violet #bba0e3 да Insight Yellow #fff799. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

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

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

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

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

HEX-коды (по возрастанию): #2A2A2A, #A9D6E5, #BBA0E3, #BFFCC6, #FFF799

Палитра Predictive Revenue Forecasting UI содержит комбинацию из 5 кодов цветов:

HEX: #a9d6e5, RGB: (169, 214, 229); HEX: #2a2a2a, RGB: (42, 42, 42); HEX: #bba0e3, RGB: (187, 160, 227)

HEX: #fff799, RGB: (255, 247, 153); HEX: #bffcc6, RGB: (191, 252, 198)

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

Оттенок lightblue, Тень Черный, Оттенок plum, Тень хаки, Тень palegreen

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

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

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

Predictive Revenue Forecasting UI коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#a9d6e5	#a9d6e5	RGB(169, 214, 229)	Forecast Sky	—
#2a2a2a	#2a2a2a	RGB(42, 42, 42)	Net Profit Graphite	The End
#bba0e3	#bba0e3	RGB(187, 160, 227)	Trend Chart Violet	—
#fff799	#fff799	RGB(255, 247, 153)	Insight Yellow	—
#bffcc6	#bffcc6	RGB(191, 252, 198)	Opportunity Green	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#a9d6e5	#bba0e3	1.45
#a9d6e5	#fff799	1.41
#a9d6e5	#bffcc6	1.33
#bba0e3	#bffcc6	1.94
#fff799	#bffcc6	1.05

Изображение палитры Predictive Revenue Forecasting UI png

Predictive Revenue Forecasting UI - #553908

--color-forecast-sky:	#a9d6e5;
--color-net-profit-graphite:	#2a2a2a;
--color-trend-chart-violet:	#bba0e3;
--color-insight-yellow:	#fff799;
--color-opportunity-green:	#bffcc6;

$color-forecast-sky:	#a9d6e5;
$color-net-profit-graphite:	#2a2a2a;
$color-trend-chart-violet:	#bba0e3;
$color-insight-yellow:	#fff799;
$color-opportunity-green:	#bffcc6;

@color-forecast-sky:	#a9d6e5;
@color-net-profit-graphite:	#2a2a2a;
@color-trend-chart-violet:	#bba0e3;
@color-insight-yellow:	#fff799;
@color-opportunity-green:	#bffcc6;