Lightweight JS UI Framework Theme

Component Ice
#edf7f6
State Driftwood
#c6c2bd
DOM Flash Yellow
#fff385
Async Indigo
#7161ef
Bound Mint
#98f8d7
Hook Slate
#292c33

A paleta consiste em cores Luz, Escuro. Cores de destaque DOM Flash Yellow #fff385 e Async Indigo #7161ef. A paleta tem Neutro, Esquentar, Legal temperatura de cores.

Em luminosidade, a paleta vai de #292C33 (mais escuro) a #EDF7F6 (mais claro). A faixa de luminosidade é ampla.

Saturação mista — tons suaves e acentos mais vivos.

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): #292C33, #7161EF, #98F8D7, #C6C2BD, #EDF7F6, #FFF385

A paleta Lightweight JS UI Framework Theme tem uma combinação de cores de códigos de 6:

HEX: #edf7f6, RGB: (237, 247, 246); HEX: #c6c2bd, RGB: (198, 194, 189); HEX: #fff385, RGB: (255, 243, 133)

HEX: #7161ef, RGB: (113, 97, 239); HEX: #98f8d7, RGB: (152, 248, 215); HEX: #292c33, RGB: (41, 44, 51)

Versão simplificada das cores da paleta

Matiz de mintcream, Sombra de Prata, Sombra de Cáqui, Matiz de mediumslateblue, Sombra de aquamarine, Sombra de Preto

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Lightweight JS UI Framework Theme códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#edf7f6	#edf7f6	RGB(237, 247, 246)	Component Ice	—
#c6c2bd	#c6c2bd	RGB(198, 194, 189)	State Driftwood	—
#fff385	#fff385	RGB(255, 243, 133)	DOM Flash Yellow	—
#7161ef	#7161ef	RGB(113, 97, 239)	Async Indigo	—
#98f8d7	#98f8d7	RGB(152, 248, 215)	Bound Mint	—
#292c33	#292c33	RGB(41, 44, 51)	Hook Slate	—

Contraste da Paleta de Cores

6 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
#edf7f6	#c6c2bd	1.62
#edf7f6	#fff385	1.04
#edf7f6	#98f8d7	1.14
#c6c2bd	#fff385	1.55
#c6c2bd	#98f8d7	1.41
#fff385	#98f8d7	1.09

Paleta de imagens Lightweight JS UI Framework Theme png

Lightweight JS UI Framework Theme - #552290

--color-component-ice:	#edf7f6;
--color-state-driftwood:	#c6c2bd;
--color-dom-flash-yellow:	#fff385;
--color-async-indigo:	#7161ef;
--color-bound-mint:	#98f8d7;
--color-hook-slate:	#292c33;

$color-component-ice:	#edf7f6;
$color-state-driftwood:	#c6c2bd;
$color-dom-flash-yellow:	#fff385;
$color-async-indigo:	#7161ef;
$color-bound-mint:	#98f8d7;
$color-hook-slate:	#292c33;

@color-component-ice:	#edf7f6;
@color-state-driftwood:	#c6c2bd;
@color-dom-flash-yellow:	#fff385;
@color-async-indigo:	#7161ef;
@color-bound-mint:	#98f8d7;
@color-hook-slate:	#292c33;