AI Assistant Web Toolkit

Echo Blue
#3f8efc
Predict Coral
#ff6b6b
Data Shell
#f1f1f1
Agent Mauve
#b589d6
Command Black
#000000
Prompt Cream
#fff9f0

A paleta consiste em cores Luz, Escuro. Cores de destaque Echo Blue #3f8efc e Prompt Cream #fff9f0. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #000000 (mais escuro) a #FFF9F0 (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).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #000000, #3F8EFC, #B589D6, #F1F1F1, #FF6B6B, #FFF9F0

A paleta AI Assistant Web Toolkit tem uma combinação de cores de códigos de 6:

HEX: #3f8efc, RGB: (63, 142, 252); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #f1f1f1, RGB: (241, 241, 241)

HEX: #b589d6, RGB: (181, 137, 214); HEX: #000000, RGB: (0, 0, 0); HEX: #fff9f0, RGB: (255, 249, 240)

Versão simplificada das cores da paleta

Sombra de dodgerblue, Matiz de salmon, Matiz de whitesmoke, Sombra de orchid, Preto, Matiz de floralwhite

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

AI Assistant Web Toolkit códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#3f8efc	#3f8efc	RGB(63, 142, 252)	Echo Blue	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Predict Coral	—
#f1f1f1	#f1f1f1	RGB(241, 241, 241)	Data Shell	—
#b589d6	#b589d6	RGB(181, 137, 214)	Agent Mauve	—
#000000	#000000	RGB(0, 0, 0)	Command Black	Black
#fff9f0	#fff9f0	RGB(255, 249, 240)	Prompt Cream	—

Contraste da Paleta de Cores

4 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
#3f8efc	#ff6b6b	1.16
#3f8efc	#b589d6	1.15
#ff6b6b	#b589d6	1
#f1f1f1	#fff9f0	1.07

Paleta de imagens AI Assistant Web Toolkit png

--color-echo-blue:	#3f8efc;
--color-predict-coral:	#ff6b6b;
--color-data-shell:	#f1f1f1;
--color-agent-mauve:	#b589d6;
--color-command-black:	#000000;
--color-prompt-cream:	#fff9f0;

$color-echo-blue:	#3f8efc;
$color-predict-coral:	#ff6b6b;
$color-data-shell:	#f1f1f1;
$color-agent-mauve:	#b589d6;
$color-command-black:	#000000;
$color-prompt-cream:	#fff9f0;

@color-echo-blue:	#3f8efc;
@color-predict-coral:	#ff6b6b;
@color-data-shell:	#f1f1f1;
@color-agent-mauve:	#b589d6;
@color-command-black:	#000000;
@color-prompt-cream:	#fff9f0;