Retro 8Bit Data Portal Vision

Pixel Magenta
#ec4899
Score Yellow
#ffd93d
Grid Cyan
#0ea5e9
Level Purple
#7c3aed
CRT Gray
#9ca3af
Monitor Black
#0c0c0c

A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Score Yellow #ffd93d e Grid Cyan #0ea5e9. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #0C0C0C (mais escuro) a #9CA3AF (mais claro). A faixa de luminosidade é ampla.

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): #0C0C0C, #0EA5E9, #7C3AED, #9CA3AF, #EC4899, #FFD93D

A paleta Retro 8Bit Data Portal Vision tem uma combinação de cores de códigos de 6:

HEX: #ec4899, RGB: (236, 72, 153); HEX: #ffd93d, RGB: (255, 217, 61); HEX: #0ea5e9, RGB: (14, 165, 233)

HEX: #7c3aed, RGB: (124, 58, 237); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #0c0c0c, RGB: (12, 12, 12)

Versão simplificada das cores da paleta

Sombra de deeppink, Sombra de gold, Matiz de deepskyblue, Sombra de blueviolet, Matiz de darkgrey, Sombra de Preto

O esquema de cores foi criado por bad_colors

Mais paletas com:

Códigos de cores na paleta

Retro 8Bit Data Portal Vision códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ec4899	#ec4899	RGB(236, 72, 153)	Pixel Magenta	—
#ffd93d	#ffd93d	RGB(255, 217, 61)	Score Yellow	—
#0ea5e9	#0ea5e9	RGB(14, 165, 233)	Grid Cyan	—
#7c3aed	#7c3aed	RGB(124, 58, 237)	Level Purple	—
#9ca3af	#9ca3af	RGB(156, 163, 175)	CRT Gray	—
#0c0c0c	#0c0c0c	RGB(12, 12, 12)	Monitor Black	Black Wash

Contraste da Paleta de Cores

5 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
#ec4899	#0ea5e9	1.27
#ec4899	#7c3aed	1.61
#ec4899	#9ca3af	1.38
#ffd93d	#9ca3af	1.84
#0ea5e9	#9ca3af	1.09

Paleta de imagens Retro 8Bit Data Portal Vision png

--color-pixel-magenta:	#ec4899;
--color-score-yellow:	#ffd93d;
--color-grid-cyan:	#0ea5e9;
--color-level-purple:	#7c3aed;
--color-crt-gray:	#9ca3af;
--color-monitor-black:	#0c0c0c;

$color-pixel-magenta:	#ec4899;
$color-score-yellow:	#ffd93d;
$color-grid-cyan:	#0ea5e9;
$color-level-purple:	#7c3aed;
$color-crt-gray:	#9ca3af;
$color-monitor-black:	#0c0c0c;

@color-pixel-magenta:	#ec4899;
@color-score-yellow:	#ffd93d;
@color-grid-cyan:	#0ea5e9;
@color-level-purple:	#7c3aed;
@color-crt-gray:	#9ca3af;
@color-monitor-black:	#0c0c0c;