Pixelated Power-Up Palette

Boost Blue
#3b82f6
Extra Life Green
#10b981
Coin Yellow
#fbbf24
Enemy Red
#ef4444
Retro Gray
#6b7280
Game Over Black
#111827

A paleta consiste em cores Luz, Escuro. Cores de destaque Boost Blue #3b82f6 e Coin Yellow #fbbf24. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #111827 (mais escuro) a #EF4444 (mais claro). A faixa de luminosidade é moderada.

A saturação global parece vívida (croma alto).

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #10B981, #111827, #3B82F6, #6B7280, #EF4444, #FBBF24

A paleta Pixelated Power-Up Palette tem uma combinação de cores de códigos de 6:

HEX: #3b82f6, RGB: (59, 130, 246); HEX: #10b981, RGB: (16, 185, 129); HEX: #fbbf24, RGB: (251, 191, 36)

HEX: #ef4444, RGB: (239, 68, 68); HEX: #6b7280, RGB: (107, 114, 128); HEX: #111827, RGB: (17, 24, 39)

Versão simplificada das cores da paleta

Matiz de dodgerblue, Matiz de mediumseagreen, Sombra de goldenrod, Matiz de indianred, Matiz de slategrey, Sombra de Preto

O esquema de cores foi criado por hex

Mais paletas com:

Códigos de cores na paleta

Pixelated Power-Up Palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#3b82f6	#3b82f6	RGB(59, 130, 246)	Boost Blue	—
#10b981	#10b981	RGB(16, 185, 129)	Extra Life Green	—
#fbbf24	#fbbf24	RGB(251, 191, 36)	Coin Yellow	—
#ef4444	#ef4444	RGB(239, 68, 68)	Enemy Red	—
#6b7280	#6b7280	RGB(107, 114, 128)	Retro Gray	—
#111827	#111827	RGB(17, 24, 39)	Game Over Black	—

Contraste da Paleta de Cores

7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

Cor do texto	Cor de fundo	Taxa de contraste
#3b82f6	#10b981	1.44
#3b82f6	#ef4444	1.02
#3b82f6	#6b7280	1.31
#10b981	#fbbf24	1.51
#10b981	#ef4444	1.48
#10b981	#6b7280	1.9

Paleta de imagens Pixelated Power-Up Palette png

--color-boost-blue:	#3b82f6;
--color-extra-life-green:	#10b981;
--color-coin-yellow:	#fbbf24;
--color-enemy-red:	#ef4444;
--color-retro-gray:	#6b7280;
--color-game-over-black:	#111827;

$color-boost-blue:	#3b82f6;
$color-extra-life-green:	#10b981;
$color-coin-yellow:	#fbbf24;
$color-enemy-red:	#ef4444;
$color-retro-gray:	#6b7280;
$color-game-over-black:	#111827;

@color-boost-blue:	#3b82f6;
@color-extra-life-green:	#10b981;
@color-coin-yellow:	#fbbf24;
@color-enemy-red:	#ef4444;
@color-retro-gray:	#6b7280;
@color-game-over-black:	#111827;