Minimal UI AI Workflow

Clean Fog
#f5f5f5
Prompt Ink
#1f2937
Contrast Cyan
#06b6d4
Node Whisper
#fafaf9
Accent Saffron
#fbbf24
Execute Lilac
#c084fc

A paleta consiste em cores Luz, Escuro. Cores de destaque Accent Saffron #fbbf24 e Execute Lilac #c084fc. A paleta tem Neutro, Legal, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #FAFAF9 (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): #06B6D4, #1F2937, #C084FC, #F5F5F5, #FAFAF9, #FBBF24

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

HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #1f2937, RGB: (31, 41, 55); HEX: #06b6d4, RGB: (6, 182, 212)

HEX: #fafaf9, RGB: (250, 250, 249); HEX: #fbbf24, RGB: (251, 191, 36); HEX: #c084fc, RGB: (192, 132, 252)

Versão simplificada das cores da paleta

Sombra de Preto, Matiz de deepskyblue, Sombra de whitesmoke, Sombra de goldenrod, Matiz de violet

O esquema de cores foi criado por hex

Mais paletas com:

Códigos de cores na paleta

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

Cor	HEX	RGB	Nome	nome alternativo
#f5f5f5	#f5f5f5	RGB(245, 245, 245)	Clean Fog	White Smoke
#1f2937	#1f2937	RGB(31, 41, 55)	Prompt Ink	—
#06b6d4	#06b6d4	RGB(6, 182, 212)	Contrast Cyan	—
#fafaf9	#fafaf9	RGB(250, 250, 249)	Node Whisper	—
#fbbf24	#fbbf24	RGB(251, 191, 36)	Accent Saffron	—
#c084fc	#c084fc	RGB(192, 132, 252)	Execute Lilac	—

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
#f5f5f5	#fafaf9	1.04
#f5f5f5	#fbbf24	1.53
#06b6d4	#fbbf24	1.45
#06b6d4	#c084fc	1.08
#fafaf9	#fbbf24	1.59
#fbbf24	#c084fc	1.58

Paleta de imagens Minimal UI AI Workflow png

--color-clean-fog:	#f5f5f5;
--color-prompt-ink:	#1f2937;
--color-contrast-cyan:	#06b6d4;
--color-node-whisper:	#fafaf9;
--color-accent-saffron:	#fbbf24;
--color-execute-lilac:	#c084fc;

$color-clean-fog:	#f5f5f5;
$color-prompt-ink:	#1f2937;
$color-contrast-cyan:	#06b6d4;
$color-node-whisper:	#fafaf9;
$color-accent-saffron:	#fbbf24;
$color-execute-lilac:	#c084fc;

@color-clean-fog:	#f5f5f5;
@color-prompt-ink:	#1f2937;
@color-contrast-cyan:	#06b6d4;
@color-node-whisper:	#fafaf9;
@color-accent-saffron:	#fbbf24;
@color-execute-lilac:	#c084fc;