Soft Retro Web IDE Theme

Editor Shell
#fff2d6
Command Line Lavender
#d8c9ff
Sidebar Pink
#ffd5d5
Scroll Zone Blue
#d1eeff
Hint Charcoal
#333333
Canvas White
#ffffff

La paleta consta de Luz colores. Colores de acento Editor Shell #fff2d6 y Scroll Zone Blue #d1eeff. La paleta tiene temperatura de color Neutral, Frío.

Por luminosidad, la paleta va de #333333 (más oscuro) a #FFFFFF (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).

La mayoría de muestras se leen como neutras en temperatura.

Códigos HEX (ordenados): #333333, #D1EEFF, #D8C9FF, #FFD5D5, #FFF2D6, #FFFFFF

La paleta Soft Retro Web IDE Theme tiene una combinación de colores de códigos de 6:

HEX: #fff2d6, RGB: (255, 242, 214); HEX: #d8c9ff, RGB: (216, 201, 255); HEX: #ffd5d5, RGB: (255, 213, 213)

HEX: #d1eeff, RGB: (209, 238, 255); HEX: #333333, RGB: (51, 51, 51); HEX: #ffffff, RGB: (255, 255, 255)

Versión simplificada de la paleta de colores

Sombra de papayawhip, Sombra de thistle, Matiz de mistyrose, Sombra de lightblue, Sombra de Negro, Blanco

El esquema de color fue creado por coolor

Más paletas con:

Códigos de colores en la paleta

Soft Retro Web IDE Theme códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#fff2d6	#fff2d6	RGB(255, 242, 214)	Editor Shell	—
#d8c9ff	#d8c9ff	RGB(216, 201, 255)	Command Line Lavender	—
#ffd5d5	#ffd5d5	RGB(255, 213, 213)	Sidebar Pink	—
#d1eeff	#d1eeff	RGB(209, 238, 255)	Scroll Zone Blue	—
#333333	#333333	RGB(51, 51, 51)	Hint Charcoal	Carbon
#ffffff	#ffffff	RGB(255, 255, 255)	Canvas White	White

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
#fff2d6	#d8c9ff	1.37
#fff2d6	#ffd5d5	1.2
#fff2d6	#d1eeff	1.08
#fff2d6	#ffffff	1.1
#d8c9ff	#ffd5d5	1.14
#d8c9ff	#d1eeff	1.26

Paleta de imágenes Soft Retro Web IDE Theme png

--color-editor-shell:	#fff2d6;
--color-command-line-lavender:	#d8c9ff;
--color-sidebar-pink:	#ffd5d5;
--color-scroll-zone-blue:	#d1eeff;
--color-hint-charcoal:	#333333;
--color-canvas-white:	#ffffff;

$color-editor-shell:	#fff2d6;
$color-command-line-lavender:	#d8c9ff;
$color-sidebar-pink:	#ffd5d5;
$color-scroll-zone-blue:	#d1eeff;
$color-hint-charcoal:	#333333;
$color-canvas-white:	#ffffff;

@color-editor-shell:	#fff2d6;
@color-command-line-lavender:	#d8c9ff;
@color-sidebar-pink:	#ffd5d5;
@color-scroll-zone-blue:	#d1eeff;
@color-hint-charcoal:	#333333;
@color-canvas-white:	#ffffff;