AI Architect Control Panel

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

La paleta consta de Luz, Oscuro colores. Colores de acento Core Cyan #00b8d9 y Neural Amber #ffbf69. La paleta tiene temperatura de color Frío, Cálido, Neutral.

Por luminosidad, la paleta va de #2D2D2D (más oscuro) a #A2F5D0 (más claro). El rango de luminosidad es amplio.

La saturación global se siente viva (croma alto).

Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).

En conjunto, la temperatura de color tiende al frío.

Códigos HEX (ordenados): #00B8D9, #2D2D2D, #A2F5D0, #B497E7, #FF7F50, #FFBF69

La paleta AI Architect Control Panel tiene una combinación de colores 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)

Versión simplificada de la paleta de colores

Matiz de deepskyblue, Sombra de Negro, Matiz de plum, Sombra de aquamarine, Sombra de Naranja

El esquema de color fue creado por hex

Más paletas con:

Códigos de colores en la paleta

AI Architect Control Panel códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre 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 de la paleta de colores

10 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.

Color de texto	Color de fondo	Relación 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 imágenes 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;