AI Architect Control Panel

Core Cyan
#00b8d9
Algorithm Orange
#ff7f50
Logic Charcoal
#2d2d2d
Insight Lavender
#b497e7
Protocol Mint
#a2f5d0
Neural Amber
#ffbf69

A paleta consiste em cores Luz, Escuro. Cores de destaque Core Cyan #00b8d9 e Neural Amber #ffbf69. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2D2D2D (mais escuro) a #A2F5D0 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto).

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): #00B8D9, #2D2D2D, #A2F5D0, #B497E7, #FF7F50, #FFBF69

A paleta AI Architect Control Panel tem uma combinação de cores de códigos de 6:

HEX: #00b8d9, RGB: (0, 184, 217); HEX: #ff7f50, RGB: (255, 127, 80); HEX: #2d2d2d, RGB: (45, 45, 45)

HEX: #b497e7, RGB: (180, 151, 231); HEX: #a2f5d0, RGB: (162, 245, 208); HEX: #ffbf69, RGB: (255, 191, 105)

Versão simplificada das cores da paleta

Matiz de deepskyblue, Sombra de Preto, Matiz de plum, Sombra de aquamarine, Sombra de Laranja

O esquema de cores foi criado por hex

Mais paletas com:

Códigos de cores na paleta

AI Architect Control Panel códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#00b8d9	#00b8d9	RGB(0, 184, 217)	Core Cyan	—
#ff7f50	#ff7f50	RGB(255, 127, 80)	Algorithm Orange	Coral
#2d2d2d	#2d2d2d	RGB(45, 45, 45)	Logic Charcoal	—
#b497e7	#b497e7	RGB(180, 151, 231)	Insight Lavender	—
#a2f5d0	#a2f5d0	RGB(162, 245, 208)	Protocol Mint	—
#ffbf69	#ffbf69	RGB(255, 191, 105)	Neural Amber	—

Contraste da Paleta de Cores

10 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
#00b8d9	#ff7f50	1.05
#00b8d9	#b497e7	1.03
#00b8d9	#a2f5d0	1.86
#00b8d9	#ffbf69	1.45
#ff7f50	#b497e7	1.01
#ff7f50	#a2f5d0	1.96

Paleta de imagens AI Architect Control Panel png

--color-core-cyan:	#00b8d9;
--color-algorithm-orange:	#ff7f50;
--color-logic-charcoal:	#2d2d2d;
--color-insight-lavender:	#b497e7;
--color-protocol-mint:	#a2f5d0;
--color-neural-amber:	#ffbf69;

$color-core-cyan:	#00b8d9;
$color-algorithm-orange:	#ff7f50;
$color-logic-charcoal:	#2d2d2d;
$color-insight-lavender:	#b497e7;
$color-protocol-mint:	#a2f5d0;
$color-neural-amber:	#ffbf69;

@color-core-cyan:	#00b8d9;
@color-algorithm-orange:	#ff7f50;
@color-logic-charcoal:	#2d2d2d;
@color-insight-lavender:	#b497e7;
@color-protocol-mint:	#a2f5d0;
@color-neural-amber:	#ffbf69;