Mobile Dashboard Web Component Matrix

Interface White
#ffffff
Adaptive Aqua
#00bcd4
Sidebar Slate
#263238
Button Coral
#ff6f61
System Orange
#ff9800
Accent Violet
#9c27b0

Палітра містить світлий, темний кольори. Акцентні кольори Adaptive Aqua #00bcd4 та System Orange #ff9800. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #00BCD4, #263238, #9C27B0, #FF6F61, #FF9800, #FFFFFF

Палітра Mobile Dashboard Web Component Matrix містить комбінацію з 6 кодів кольорів :

HEX: #ffffff, RGB: (255, 255, 255); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #263238, RGB: (38, 50, 56)

HEX: #ff6f61, RGB: (255, 111, 97); HEX: #ff9800, RGB: (255, 152, 0); HEX: #9c27b0, RGB: (156, 39, 176)

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

Білий, Відтінок darkturquoise, Відтінок darkslategrey, Відтінок salmon, Відтінок darkorange, Відтінок darkorchid

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

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

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

Mobile Dashboard Web Component Matrix коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#ffffff	#ffffff	RGB(255, 255, 255)	Interface White	White
#00bcd4	#00bcd4	RGB(0, 188, 212)	Adaptive Aqua	—
#263238	#263238	RGB(38, 50, 56)	Sidebar Slate	—
#ff6f61	#ff6f61	RGB(255, 111, 97)	Button Coral	Living Coral
#ff9800	#ff9800	RGB(255, 152, 0)	System Orange	—
#9c27b0	#9c27b0	RGB(156, 39, 176)	Accent Violet	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#00bcd4	#ff6f61	1.18
#00bcd4	#ff9800	1.06
#ff6f61	#ff9800	1.26

Зображення палітри Mobile Dashboard Web Component Matrix png

Mobile Dashboard Web Component Matrix - #559114

--color-interface-white:	#ffffff;
--color-adaptive-aqua:	#00bcd4;
--color-sidebar-slate:	#263238;
--color-button-coral:	#ff6f61;
--color-system-orange:	#ff9800;
--color-accent-violet:	#9c27b0;

$color-interface-white:	#ffffff;
$color-adaptive-aqua:	#00bcd4;
$color-sidebar-slate:	#263238;
$color-button-coral:	#ff6f61;
$color-system-orange:	#ff9800;
$color-accent-violet:	#9c27b0;

@color-interface-white:	#ffffff;
@color-adaptive-aqua:	#00bcd4;
@color-sidebar-slate:	#263238;
@color-button-coral:	#ff6f61;
@color-system-orange:	#ff9800;
@color-accent-violet:	#9c27b0;