Voice UI Conversational Palette

Waveform Blue
#4d96ff
Recognition Rose
#f28482
Command Ivory
#fffdf7
Natural Tone Grey
#e2e2e2
Echo Graphite
#333333
Input Light
#fdfdfd

A paleta consiste em cores Luz. Cores de destaque Waveform Blue #4d96ff e Command Ivory #fffdf7. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #333333 (mais escuro) a #FDFDFD (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): #333333, #4D96FF, #E2E2E2, #F28482, #FDFDFD, #FFFDF7

A paleta Voice UI Conversational Palette tem uma combinação de cores de códigos de 6:

HEX: #4d96ff, RGB: (77, 150, 255); HEX: #f28482, RGB: (242, 132, 130); HEX: #fffdf7, RGB: (255, 253, 247)

HEX: #e2e2e2, RGB: (226, 226, 226); HEX: #333333, RGB: (51, 51, 51); HEX: #fdfdfd, RGB: (253, 253, 253)

Versão simplificada das cores da paleta

Matiz de cornflowerblue, Sombra de lightcoral, Sombra de floralwhite, Sombra de gainsboro, Sombra de Preto, Matiz de Branco

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Voice UI Conversational Palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#4d96ff	#4d96ff	RGB(77, 150, 255)	Waveform Blue	—
#f28482	#f28482	RGB(242, 132, 130)	Recognition Rose	—
#fffdf7	#fffdf7	RGB(255, 253, 247)	Command Ivory	—
#e2e2e2	#e2e2e2	RGB(226, 226, 226)	Natural Tone Grey	—
#333333	#333333	RGB(51, 51, 51)	Echo Graphite	Carbon
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Input Light	Brilliance

Contraste da Paleta de Cores

5 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
#4d96ff	#f28482	1.17
#f28482	#e2e2e2	1.93
#fffdf7	#e2e2e2	1.27
#fffdf7	#fdfdfd	1
#e2e2e2	#fdfdfd	1.27

Paleta de imagens Voice UI Conversational Palette png

Voice UI Conversational Palette - #554604

--color-waveform-blue:	#4d96ff;
--color-recognition-rose:	#f28482;
--color-command-ivory:	#fffdf7;
--color-natural-tone-grey:	#e2e2e2;
--color-echo-graphite:	#333333;
--color-input-light:	#fdfdfd;

$color-waveform-blue:	#4d96ff;
$color-recognition-rose:	#f28482;
$color-command-ivory:	#fffdf7;
$color-natural-tone-grey:	#e2e2e2;
$color-echo-graphite:	#333333;
$color-input-light:	#fdfdfd;

@color-waveform-blue:	#4d96ff;
@color-recognition-rose:	#f28482;
@color-command-ivory:	#fffdf7;
@color-natural-tone-grey:	#e2e2e2;
@color-echo-graphite:	#333333;
@color-input-light:	#fdfdfd;