Voice Interface Web Theme

Mic Indigo
#3f51b5
Speech Bubble Pink
#ffb6c1
Transcript Sand
#f0e5d8
Command Gray
#c2c2c2
Background Black
#0f0f0f
Noise White
#ffffff

A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Mic Indigo #3f51b5 e Speech Bubble Pink #ffb6c1. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #0F0F0F (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

A maioria das amostras lê-se como neutra em temperatura.

Códigos HEX (ordenados): #0F0F0F, #3F51B5, #C2C2C2, #F0E5D8, #FFB6C1, #FFFFFF

A paleta Voice Interface Web Theme tem uma combinação de cores de códigos de 6:

HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffb6c1, RGB: (255, 182, 193); HEX: #f0e5d8, RGB: (240, 229, 216)

HEX: #c2c2c2, RGB: (194, 194, 194); HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #ffffff, RGB: (255, 255, 255)

Versão simplificada das cores da paleta

Matiz de slateblue, Matiz de linen, Sombra de Prata, Sombra de Preto, Branco

O esquema de cores foi criado por bad_colors

Mais paletas com:

Códigos de cores na paleta

Voice Interface Web Theme códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#3f51b5	#3f51b5	RGB(63, 81, 181)	Mic Indigo	—
#ffb6c1	#ffb6c1	RGB(255, 182, 193)	Speech Bubble Pink	Matt Pink
#f0e5d8	#f0e5d8	RGB(240, 229, 216)	Transcript Sand	—
#c2c2c2	#c2c2c2	RGB(194, 194, 194)	Command Gray	Gray76
#0f0f0f	#0f0f0f	RGB(15, 15, 15)	Background Black	Chaos Black
#ffffff	#ffffff	RGB(255, 255, 255)	Noise White	White

Contraste da Paleta de Cores

6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Taxa de contraste
#ffb6c1	#f0e5d8	1.32
#ffb6c1	#c2c2c2	1.07
#ffb6c1	#ffffff	1.65
#f0e5d8	#c2c2c2	1.43
#f0e5d8	#ffffff	1.24
#c2c2c2	#ffffff	1.78

Paleta de imagens Voice Interface Web Theme png

--color-mic-indigo:	#3f51b5;
--color-speech-bubble-pink:	#ffb6c1;
--color-transcript-sand:	#f0e5d8;
--color-command-gray:	#c2c2c2;
--color-background-black:	#0f0f0f;
--color-noise-white:	#ffffff;

$color-mic-indigo:	#3f51b5;
$color-speech-bubble-pink:	#ffb6c1;
$color-transcript-sand:	#f0e5d8;
$color-command-gray:	#c2c2c2;
$color-background-black:	#0f0f0f;
$color-noise-white:	#ffffff;

@color-mic-indigo:	#3f51b5;
@color-speech-bubble-pink:	#ffb6c1;
@color-transcript-sand:	#f0e5d8;
@color-command-gray:	#c2c2c2;
@color-background-black:	#0f0f0f;
@color-noise-white:	#ffffff;