LLM Workflow Composer UI

Prompt Node Beige
#f6ebd9
Output Canvas Blue
#a0ced9
Function Call Grey
#b4b4b4
Chainlink Indigo
#4b6584
Embedding Signal Pink
#ff9a8b
Backend Black
#141414

A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Output Canvas Blue #a0ced9 e Embedding Signal Pink #ff9a8b. A paleta tem Neutro, Legal, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #141414 (mais escuro) a #F6EBD9 (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): #141414, #4B6584, #A0CED9, #B4B4B4, #F6EBD9, #FF9A8B

A paleta LLM Workflow Composer UI tem uma combinação de cores de códigos de 6:

HEX: #f6ebd9, RGB: (246, 235, 217); HEX: #a0ced9, RGB: (160, 206, 217); HEX: #b4b4b4, RGB: (180, 180, 180)

HEX: #4b6584, RGB: (75, 101, 132); HEX: #ff9a8b, RGB: (255, 154, 139); HEX: #141414, RGB: (20, 20, 20)

Versão simplificada das cores da paleta

Matiz de antiquewhite, Matiz de lightblue, Sombra de darkgrey, Matiz de royalblue, Sombra de salmon, Sombra de Preto

O esquema de cores foi criado por colorslib

Mais paletas com:

Códigos de cores na paleta

LLM Workflow Composer UI códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#f6ebd9	#f6ebd9	RGB(246, 235, 217)	Prompt Node Beige	—
#a0ced9	#a0ced9	RGB(160, 206, 217)	Output Canvas Blue	—
#b4b4b4	#b4b4b4	RGB(180, 180, 180)	Function Call Grey	—
#4b6584	#4b6584	RGB(75, 101, 132)	Chainlink Indigo	—
#ff9a8b	#ff9a8b	RGB(255, 154, 139)	Embedding Signal Pink	—
#141414	#141414	RGB(20, 20, 20)	Backend Black	Sooty

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
#f6ebd9	#a0ced9	1.44
#f6ebd9	#b4b4b4	1.75
#f6ebd9	#ff9a8b	1.73
#a0ced9	#b4b4b4	1.21
#a0ced9	#ff9a8b	1.2
#b4b4b4	#ff9a8b	1.01

Paleta de imagens LLM Workflow Composer UI png

--color-prompt-node-beige:	#f6ebd9;
--color-output-canvas-blue:	#a0ced9;
--color-function-call-grey:	#b4b4b4;
--color-chainlink-indigo:	#4b6584;
--color-embedding-signal-pink:	#ff9a8b;
--color-backend-black:	#141414;

$color-prompt-node-beige:	#f6ebd9;
$color-output-canvas-blue:	#a0ced9;
$color-function-call-grey:	#b4b4b4;
$color-chainlink-indigo:	#4b6584;
$color-embedding-signal-pink:	#ff9a8b;
$color-backend-black:	#141414;

@color-prompt-node-beige:	#f6ebd9;
@color-output-canvas-blue:	#a0ced9;
@color-function-call-grey:	#b4b4b4;
@color-chainlink-indigo:	#4b6584;
@color-embedding-signal-pink:	#ff9a8b;
@color-backend-black:	#141414;