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;