Indie Platformer UI Set

Jump Cyan
#00ffff
Checkpoint Yellow
#fff44f
Hazard Red
#d32f2f
Background Slate
#3b3b3b
Collectible Gold
#ffd700
Pause Menu Black
#111111
Score White
#ffffff

La paleta consta de Luz, semioscuro, Oscuro colores. Colores de acento Jump Cyan #00ffff y Checkpoint Yellow #fff44f. La paleta tiene temperatura de color Frío, Cálido, Neutral.

Por luminosidad, la paleta va de #111111 (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).

En conjunto, la temperatura de color tiende al cálido.

Códigos HEX (ordenados): #00FFFF, #111111, #3B3B3B, #D32F2F, #FFD700, #FFF44F, #FFFFFF

La paleta Indie Platformer UI Set tiene una combinación de colores de códigos de 7:

HEX: #00ffff, RGB: (0, 255, 255); HEX: #fff44f, RGB: (255, 244, 79); HEX: #d32f2f, RGB: (211, 47, 47)

HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #ffd700, RGB: (255, 215, 0); HEX: #111111, RGB: (17, 17, 17)

HEX: #ffffff, RGB: (255, 255, 255)

Versión simplificada de la paleta de colores

Sombra de Amarillo, Sombra de crimson, Matiz de darkslategrey, Sombra de Negro, Blanco

El esquema de color fue creado por hex

Más paletas con:

Códigos de colores en la paleta

Indie Platformer UI Set códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#00ffff	#00ffff	RGB(0, 255, 255)	Jump Cyan	Aqua
#fff44f	#fff44f	RGB(255, 244, 79)	Checkpoint Yellow	Yellow Cattleya
#d32f2f	#d32f2f	RGB(211, 47, 47)	Hazard Red	—
#3b3b3b	#3b3b3b	RGB(59, 59, 59)	Background Slate	Gray23
#ffd700	#ffd700	RGB(255, 215, 0)	Collectible Gold	Gold
#111111	#111111	RGB(17, 17, 17)	Pause Menu Black	Dreamless Sleep
#ffffff	#ffffff	RGB(255, 255, 255)	Score White	White

Contraste de la paleta de colores

7 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
#00ffff	#fff44f	1.09
#00ffff	#ffd700	1.11
#00ffff	#ffffff	1.25
#fff44f	#ffd700	1.22
#fff44f	#ffffff	1.14
#3b3b3b	#111111	1.68

Paleta de imágenes Indie Platformer UI Set png

--color-jump-cyan:	#00ffff;
--color-checkpoint-yellow:	#fff44f;
--color-hazard-red:	#d32f2f;
--color-background-slate:	#3b3b3b;
--color-collectible-gold:	#ffd700;
--color-pause-menu-black:	#111111;
--color-score-white:	#ffffff;

$color-jump-cyan:	#00ffff;
$color-checkpoint-yellow:	#fff44f;
$color-hazard-red:	#d32f2f;
$color-background-slate:	#3b3b3b;
$color-collectible-gold:	#ffd700;
$color-pause-menu-black:	#111111;
$color-score-white:	#ffffff;

@color-jump-cyan:	#00ffff;
@color-checkpoint-yellow:	#fff44f;
@color-hazard-red:	#d32f2f;
@color-background-slate:	#3b3b3b;
@color-collectible-gold:	#ffd700;
@color-pause-menu-black:	#111111;
@color-score-white:	#ffffff;