AI Code Autopilot UX Toolkit

Refactor Lime
#c8e87c
IDE Background
#2d2d2d
Autocomplete Blue
#3a86ff
Linter Red
#ff595e
Smart Suggest Grey
#e5e5e5
Syntax Light
#f8f8f2

La paleta consta de Luz, Oscuro colores. Colores de acento Autocomplete Blue #3a86ff y Linter Red #ff595e. La paleta tiene temperatura de color Cálido, Neutral, Frío.

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

Saturación mixta: algunos colores apagados y acentos más vivos.

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 cálido.

Códigos HEX (ordenados): #2D2D2D, #3A86FF, #C8E87C, #E5E5E5, #F8F8F2, #FF595E

La paleta AI Code Autopilot UX Toolkit tiene una combinación de colores de códigos de 6:

HEX: #c8e87c, RGB: (200, 232, 124); HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #3a86ff, RGB: (58, 134, 255)

HEX: #ff595e, RGB: (255, 89, 94); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #f8f8f2, RGB: (248, 248, 242)

Versión simplificada de la paleta de colores

Sombra de Amarillo verde, Sombra de Negro, Sombra de dodgerblue, Matiz de salmon, Sombra de gainsboro, Matiz de floralwhite

El esquema de color fue creado por colorstudio

Más paletas con:

Códigos de colores en la paleta

AI Code Autopilot UX Toolkit códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#c8e87c	#c8e87c	RGB(200, 232, 124)	Refactor Lime	—
#2d2d2d	#2d2d2d	RGB(45, 45, 45)	IDE Background	—
#3a86ff	#3a86ff	RGB(58, 134, 255)	Autocomplete Blue	—
#ff595e	#ff595e	RGB(255, 89, 94)	Linter Red	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Smart Suggest Grey	Gray90
#f8f8f2	#f8f8f2	RGB(248, 248, 242)	Syntax Light	Pure White

Contraste de la paleta de colores

4 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
#c8e87c	#e5e5e5	1.09
#c8e87c	#f8f8f2	1.28
#3a86ff	#ff595e	1.13
#e5e5e5	#f8f8f2	1.18

Paleta de imágenes AI Code Autopilot UX Toolkit png

--color-refactor-lime:	#c8e87c;
--color-ide-background:	#2d2d2d;
--color-autocomplete-blue:	#3a86ff;
--color-linter-red:	#ff595e;
--color-smart-suggest-grey:	#e5e5e5;
--color-syntax-light:	#f8f8f2;

$color-refactor-lime:	#c8e87c;
$color-ide-background:	#2d2d2d;
$color-autocomplete-blue:	#3a86ff;
$color-linter-red:	#ff595e;
$color-smart-suggest-grey:	#e5e5e5;
$color-syntax-light:	#f8f8f2;

@color-refactor-lime:	#c8e87c;
@color-ide-background:	#2d2d2d;
@color-autocomplete-blue:	#3a86ff;
@color-linter-red:	#ff595e;
@color-smart-suggest-grey:	#e5e5e5;
@color-syntax-light:	#f8f8f2;