Mobile Analytics UI Template

Data Sky
#c3f0ca
Graph Magenta
#ff66b3
User Slate
#6b7280
Insight Cream
#fffbea
Heatmap Indigo
#667eea
Session Charcoal
#2d2d2d

Палітра містить світлий, темний кольори. Акцентні кольори Insight Cream #fffbea та Heatmap Indigo #667eea. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.

За світлістю палітра сягає від #2D2D2D (найтемніший) до #FFFBEA (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #2D2D2D, #667EEA, #6B7280, #C3F0CA, #FF66B3, #FFFBEA

Палітра Mobile Analytics UI Template містить комбінацію з 6 кодів кольорів :

HEX: #c3f0ca, RGB: (195, 240, 202); HEX: #ff66b3, RGB: (255, 102, 179); HEX: #6b7280, RGB: (107, 114, 128)

HEX: #fffbea, RGB: (255, 251, 234); HEX: #667eea, RGB: (102, 126, 234); HEX: #2d2d2d, RGB: (45, 45, 45)

Спрощений варіант палітри кольорів

Відтінок aquamarine, Відтінок hotpink, Відтінок slategrey, Відтінок ivory, Відтінок cornflowerblue, Відтінок Чорний

Кольорова схема створена автором colorday

Більше палітр з:

Коди кольорів у палітрі

Mobile Analytics UI Template коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#c3f0ca	#c3f0ca	RGB(195, 240, 202)	Data Sky	—
#ff66b3	#ff66b3	RGB(255, 102, 179)	Graph Magenta	—
#6b7280	#6b7280	RGB(107, 114, 128)	User Slate	—
#fffbea	#fffbea	RGB(255, 251, 234)	Insight Cream	—
#667eea	#667eea	RGB(102, 126, 234)	Heatmap Indigo	—
#2d2d2d	#2d2d2d	RGB(45, 45, 45)	Session Charcoal	—

Контраст палітри кольорів

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#c3f0ca	#fffbea	1.21
#ff66b3	#6b7280	1.79
#ff66b3	#667eea	1.36
#6b7280	#667eea	1.32

Зображення палітри Mobile Analytics UI Template png

--color-data-sky:	#c3f0ca;
--color-graph-magenta:	#ff66b3;
--color-user-slate:	#6b7280;
--color-insight-cream:	#fffbea;
--color-heatmap-indigo:	#667eea;
--color-session-charcoal:	#2d2d2d;

$color-data-sky:	#c3f0ca;
$color-graph-magenta:	#ff66b3;
$color-user-slate:	#6b7280;
$color-insight-cream:	#fffbea;
$color-heatmap-indigo:	#667eea;
$color-session-charcoal:	#2d2d2d;

@color-data-sky:	#c3f0ca;
@color-graph-magenta:	#ff66b3;
@color-user-slate:	#6b7280;
@color-insight-cream:	#fffbea;
@color-heatmap-indigo:	#667eea;
@color-session-charcoal:	#2d2d2d;