Real-Time Collaboration Panel

User Tag Blue
#86c5ff
Thread Highlight Cream
#fff6dd
Comment Rose
#ffc1d1
Status Chip Gray
#b5b5b5
Bubble Background
#ffffff

Палітра містить світлий кольори. Акцентні кольори User Tag Blue #86c5ff та Thread Highlight Cream #fff6dd. Палітра має температуру кольорів Холодний, Нейтральний.

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

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

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

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #86C5FF, #B5B5B5, #FFC1D1, #FFF6DD, #FFFFFF

Палітра Real-Time Collaboration Panel містить комбінацію з 5 кодів кольорів :

HEX: #86c5ff, RGB: (134, 197, 255); HEX: #fff6dd, RGB: (255, 246, 221); HEX: #ffc1d1, RGB: (255, 193, 209)

HEX: #b5b5b5, RGB: (181, 181, 181); HEX: #ffffff, RGB: (255, 255, 255)

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

Відтінок lightskyblue, Відтінок cornsilk, Відтінок Рожевий, Відтінок Срібний, Білий

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

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

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

Real-Time Collaboration Panel коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#86c5ff	#86c5ff	RGB(134, 197, 255)	User Tag Blue	—
#fff6dd	#fff6dd	RGB(255, 246, 221)	Thread Highlight Cream	—
#ffc1d1	#ffc1d1	RGB(255, 193, 209)	Comment Rose	—
#b5b5b5	#b5b5b5	RGB(181, 181, 181)	Status Chip Gray	Brainstem Grey
#ffffff	#ffffff	RGB(255, 255, 255)	Bubble Background	White

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#86c5ff	#fff6dd	1.7
#86c5ff	#ffc1d1	1.2
#86c5ff	#b5b5b5	1.11
#86c5ff	#ffffff	1.83
#fff6dd	#ffc1d1	1.41
#fff6dd	#b5b5b5	1.9

Зображення палітри Real-Time Collaboration Panel png

--color-user-tag-blue:	#86c5ff;
--color-thread-highlight-cream:	#fff6dd;
--color-comment-rose:	#ffc1d1;
--color-status-chip-gray:	#b5b5b5;
--color-bubble-background:	#ffffff;

$color-user-tag-blue:	#86c5ff;
$color-thread-highlight-cream:	#fff6dd;
$color-comment-rose:	#ffc1d1;
$color-status-chip-gray:	#b5b5b5;
$color-bubble-background:	#ffffff;

@color-user-tag-blue:	#86c5ff;
@color-thread-highlight-cream:	#fff6dd;
@color-comment-rose:	#ffc1d1;
@color-status-chip-gray:	#b5b5b5;
@color-bubble-background:	#ffffff;