Dark Web IDE UI Pack

Code Editor Black
#0d1117
Highlight Pink
#f97583
Background Navy
#1f2937
Line Blue
#58a6ff
Tab Gray
#6c757d
Syntax White
#f8f8f8

La paleta consta de Oscuro, Luz colores. Colores de acento Highlight Pink #f97583 y Line Blue #58a6ff. La paleta tiene temperatura de color Neutral, Cálido, Frío.

Por luminosidad, la paleta va de #0D1117 (más oscuro) a #F8F8F8 (más claro). El rango de luminosidad es amplio.

La saturación global se siente en su mayoría apagada (croma bajo).

Los matices se reparten ampliamente en la rueda: paleta variada (heurística).

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

Códigos HEX (ordenados): #0D1117, #1F2937, #58A6FF, #6C757D, #F8F8F8, #F97583

La paleta Dark Web IDE UI Pack tiene una combinación de colores de códigos de 6:

HEX: #0d1117, RGB: (13, 17, 23); HEX: #f97583, RGB: (249, 117, 131); HEX: #1f2937, RGB: (31, 41, 55)

HEX: #58a6ff, RGB: (88, 166, 255); HEX: #6c757d, RGB: (108, 117, 125); HEX: #f8f8f8, RGB: (248, 248, 248)

Versión simplificada de la paleta de colores

Sombra de Negro, Matiz de lightcoral, Sombra de Negro, Sombra de cornflowerblue, Matiz de slategrey, Sombra de whitesmoke

El esquema de color fue creado por hex

Más paletas con:

Códigos de colores en la paleta

Dark Web IDE UI Pack códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#0d1117	#0d1117	RGB(13, 17, 23)	Code Editor Black	—
#f97583	#f97583	RGB(249, 117, 131)	Highlight Pink	—
#1f2937	#1f2937	RGB(31, 41, 55)	Background Navy	—
#58a6ff	#58a6ff	RGB(88, 166, 255)	Line Blue	—
#6c757d	#6c757d	RGB(108, 117, 125)	Tab Gray	Pompeii Ash
#f8f8f8	#f8f8f8	RGB(248, 248, 248)	Syntax 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
#0d1117	#1f2937	1.28
#f97583	#58a6ff	1.05
#f97583	#6c757d	1.76
#58a6ff	#6c757d	1.85

Paleta de imágenes Dark Web IDE UI Pack png

--color-code-editor-black:	#0d1117;
--color-highlight-pink:	#f97583;
--color-background-navy:	#1f2937;
--color-line-blue:	#58a6ff;
--color-tab-gray:	#6c757d;
--color-syntax-white:	#f8f8f8;

$color-code-editor-black:	#0d1117;
$color-highlight-pink:	#f97583;
$color-background-navy:	#1f2937;
$color-line-blue:	#58a6ff;
$color-tab-gray:	#6c757d;
$color-syntax-white:	#f8f8f8;

@color-code-editor-black:	#0d1117;
@color-highlight-pink:	#f97583;
@color-background-navy:	#1f2937;
@color-line-blue:	#58a6ff;
@color-tab-gray:	#6c757d;
@color-syntax-white:	#f8f8f8;