Echo Whiteboard Manager

File White
#ffffff
Toolbar Blue
#d4e7ff
Input Rose
#ffd1e2
Folder Mint
#cff5de
Divider Gray
#c5c9d2
Action Ink Black
#212121

Палітра містить світлий, темний кольори. Акцентні кольори Toolbar Blue #d4e7ff та Input Rose #ffd1e2. Палітра має температуру кольорів Нейтральний, Холодний.

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

Насиченість змішана — є приглушені й більш яскраві акценти.

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

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

HEX-коди (відсортовано): #212121, #C5C9D2, #CFF5DE, #D4E7FF, #FFD1E2, #FFFFFF

Палітра Echo Whiteboard Manager містить комбінацію з 6 кодів кольорів :

HEX: #ffffff, RGB: (255, 255, 255); HEX: #d4e7ff, RGB: (212, 231, 255); HEX: #ffd1e2, RGB: (255, 209, 226)

HEX: #cff5de, RGB: (207, 245, 222); HEX: #c5c9d2, RGB: (197, 201, 210); HEX: #212121, RGB: (33, 33, 33)

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

Білий, Відтінок lavender, Відтінок Рожевий, Відтінок honeydew, Відтінок Срібний, Відтінок Чорний

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

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

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

Echo Whiteboard Manager коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#ffffff	#ffffff	RGB(255, 255, 255)	File White	White
#d4e7ff	#d4e7ff	RGB(212, 231, 255)	Toolbar Blue	—
#ffd1e2	#ffd1e2	RGB(255, 209, 226)	Input Rose	—
#cff5de	#cff5de	RGB(207, 245, 222)	Folder Mint	—
#c5c9d2	#c5c9d2	RGB(197, 201, 210)	Divider Gray	—
#212121	#212121	RGB(33, 33, 33)	Action Ink Black	Lead

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ffffff	#d4e7ff	1.25
#ffffff	#ffd1e2	1.35
#ffffff	#cff5de	1.18
#ffffff	#c5c9d2	1.65
#d4e7ff	#ffd1e2	1.07
#d4e7ff	#cff5de	1.06

Зображення палітри Echo Whiteboard Manager png

--color-file-white:	#ffffff;
--color-toolbar-blue:	#d4e7ff;
--color-input-rose:	#ffd1e2;
--color-folder-mint:	#cff5de;
--color-divider-gray:	#c5c9d2;
--color-action-ink-black:	#212121;

$color-file-white:	#ffffff;
$color-toolbar-blue:	#d4e7ff;
$color-input-rose:	#ffd1e2;
$color-folder-mint:	#cff5de;
$color-divider-gray:	#c5c9d2;
$color-action-ink-black:	#212121;

@color-file-white:	#ffffff;
@color-toolbar-blue:	#d4e7ff;
@color-input-rose:	#ffd1e2;
@color-folder-mint:	#cff5de;
@color-divider-gray:	#c5c9d2;
@color-action-ink-black:	#212121;