Voice Command Dark UX System

Mic Input Black
#101010
Waveform Blue
#3a86ff
Command Glow Pink
#ff90c2
Recognize Text Cream
#fff5f5
Status Light Yellow
#f7e733
Transcript White
#fdfdfd

Палітра містить темний, світлий кольори. Акцентні кольори Waveform Blue #3a86ff та Recognize Text Cream #fff5f5. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #101010, #3A86FF, #F7E733, #FDFDFD, #FF90C2, #FFF5F5

Палітра Voice Command Dark UX System містить комбінацію з 6 кодів кольорів :

HEX: #101010, RGB: (16, 16, 16); HEX: #3a86ff, RGB: (58, 134, 255); HEX: #ff90c2, RGB: (255, 144, 194)

HEX: #fff5f5, RGB: (255, 245, 245); HEX: #f7e733, RGB: (247, 231, 51); HEX: #fdfdfd, RGB: (253, 253, 253)

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

Відтінок Чорний, Відтінок dodgerblue, Відтінок hotpink, Відтінок snow, Відтінок gold, Відтінок Білий

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

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

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

Voice Command Dark UX System коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#101010	#101010	RGB(16, 16, 16)	Mic Input Black	—
#3a86ff	#3a86ff	RGB(58, 134, 255)	Waveform Blue	—
#ff90c2	#ff90c2	RGB(255, 144, 194)	Command Glow Pink	—
#fff5f5	#fff5f5	RGB(255, 245, 245)	Recognize Text Cream	—
#f7e733	#f7e733	RGB(247, 231, 51)	Status Light Yellow	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Transcript White	Brilliance

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#3a86ff	#ff90c2	1.66
#ff90c2	#fff5f5	1.95
#ff90c2	#f7e733	1.63
#fff5f5	#f7e733	1.19
#fff5f5	#fdfdfd	1.05
#f7e733	#fdfdfd	1.25

Зображення палітри Voice Command Dark UX System png

--color-mic-input-black:	#101010;
--color-waveform-blue:	#3a86ff;
--color-command-glow-pink:	#ff90c2;
--color-recognize-text-cream:	#fff5f5;
--color-status-light-yellow:	#f7e733;
--color-transcript-white:	#fdfdfd;

$color-mic-input-black:	#101010;
$color-waveform-blue:	#3a86ff;
$color-command-glow-pink:	#ff90c2;
$color-recognize-text-cream:	#fff5f5;
$color-status-light-yellow:	#f7e733;
$color-transcript-white:	#fdfdfd;

@color-mic-input-black:	#101010;
@color-waveform-blue:	#3a86ff;
@color-command-glow-pink:	#ff90c2;
@color-recognize-text-cream:	#fff5f5;
@color-status-light-yellow:	#f7e733;
@color-transcript-white:	#fdfdfd;