Voice Recognition Assistant UI

Wake Blue
#42a5f5
Listen Mint
#81c784
Command Yellow
#ffeb3b
Response Coral
#ff6f61
Silence Gray
#a0a0a0
Panel White
#ffffff

Палитра содержит светлый цвета. Акцентные цвета Wake Blue #42a5f5 да Command Yellow #ffeb3b. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

По светлоте палитра тянется от #42A5F5 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты умеренный.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

В целом температура смещена в сторону тёплого.

HEX-коды (по возрастанию): #42A5F5, #81C784, #A0A0A0, #FF6F61, #FFEB3B, #FFFFFF

Палитра Voice Recognition Assistant UI содержит комбинацию из 6 кодов цветов:

HEX: #42a5f5, RGB: (66, 165, 245); HEX: #81c784, RGB: (129, 199, 132); HEX: #ffeb3b, RGB: (255, 235, 59)

HEX: #ff6f61, RGB: (255, 111, 97); HEX: #a0a0a0, RGB: (160, 160, 160); HEX: #ffffff, RGB: (255, 255, 255)

Упрощенная версия цветов палитры

Тень dodgerblue, Тень darkseagreen, Оттенок Желтый, Оттенок salmon, Оттенок darkgrey, Белый

Цветовая схема создана автором bad_colors

Больше палитр с:

Коды цветов в палитре

Voice Recognition Assistant UI коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#42a5f5	#42a5f5	RGB(66, 165, 245)	Wake Blue	—
#81c784	#81c784	RGB(129, 199, 132)	Listen Mint	—
#ffeb3b	#ffeb3b	RGB(255, 235, 59)	Command Yellow	—
#ff6f61	#ff6f61	RGB(255, 111, 97)	Response Coral	Living Coral
#a0a0a0	#a0a0a0	RGB(160, 160, 160)	Silence Gray	—
#ffffff	#ffffff	RGB(255, 255, 255)	Panel White	White

Контраст палитры цветов

8 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#42a5f5	#81c784	1.31
#42a5f5	#ff6f61	1.03
#42a5f5	#a0a0a0	1.01
#81c784	#ffeb3b	1.64
#81c784	#ff6f61	1.35
#81c784	#a0a0a0	1.29

Изображение палитры Voice Recognition Assistant UI png

Voice Recognition Assistant UI - #557953

--color-wake-blue:	#42a5f5;
--color-listen-mint:	#81c784;
--color-command-yellow:	#ffeb3b;
--color-response-coral:	#ff6f61;
--color-silence-gray:	#a0a0a0;
--color-panel-white:	#ffffff;

$color-wake-blue:	#42a5f5;
$color-listen-mint:	#81c784;
$color-command-yellow:	#ffeb3b;
$color-response-coral:	#ff6f61;
$color-silence-gray:	#a0a0a0;
$color-panel-white:	#ffffff;

@color-wake-blue:	#42a5f5;
@color-listen-mint:	#81c784;
@color-command-yellow:	#ffeb3b;
@color-response-coral:	#ff6f61;
@color-silence-gray:	#a0a0a0;
@color-panel-white:	#ffffff;