Echofoil Glow

Primary Sky
#7dd3fc
Secondary Lilac
#e9d5ff
Accent Soft Coral
#fb7185
Background Mist
#f0f9ff
Surface White
#ffffff
Text Storm
#1f2937

A paleta consiste em cores Luz, Escuro. Cores de destaque Accent Soft Coral #fb7185 e Background Mist #f0f9ff. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #FFFFFF (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): #1F2937, #7DD3FC, #E9D5FF, #F0F9FF, #FB7185, #FFFFFF

A paleta Echofoil Glow tem uma combinação de cores de códigos de 6:

HEX: #7dd3fc, RGB: (125, 211, 252); HEX: #e9d5ff, RGB: (233, 213, 255); HEX: #fb7185, RGB: (251, 113, 133)

HEX: #f0f9ff, RGB: (240, 249, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1f2937, RGB: (31, 41, 55)

Versão simplificada das cores da paleta

Sombra de lightskyblue, Sombra de thistle, Matiz de lightcoral, Sombra de aliceblue, Branco, Sombra de Preto

O esquema de cores foi criado por colourlock

Mais paletas com:

Códigos de cores na paleta

Echofoil Glow códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#7dd3fc	#7dd3fc	RGB(125, 211, 252)	Primary Sky	—
#e9d5ff	#e9d5ff	RGB(233, 213, 255)	Secondary Lilac	—
#fb7185	#fb7185	RGB(251, 113, 133)	Accent Soft Coral	—
#f0f9ff	#f0f9ff	RGB(240, 249, 255)	Background Mist	—
#ffffff	#ffffff	RGB(255, 255, 255)	Surface White	White
#1f2937	#1f2937	RGB(31, 41, 55)	Text Storm	—

Contraste da Paleta de Cores

8 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
#7dd3fc	#e9d5ff	1.22
#7dd3fc	#fb7185	1.61
#7dd3fc	#f0f9ff	1.56
#7dd3fc	#ffffff	1.66
#e9d5ff	#fb7185	1.97
#e9d5ff	#f0f9ff	1.27

Paleta de imagens Echofoil Glow png

--color-primary-sky:	#7dd3fc;
--color-secondary-lilac:	#e9d5ff;
--color-accent-soft-coral:	#fb7185;
--color-background-mist:	#f0f9ff;
--color-surface-white:	#ffffff;
--color-text-storm:	#1f2937;

$color-primary-sky:	#7dd3fc;
$color-secondary-lilac:	#e9d5ff;
$color-accent-soft-coral:	#fb7185;
$color-background-mist:	#f0f9ff;
$color-surface-white:	#ffffff;
$color-text-storm:	#1f2937;

@color-primary-sky:	#7dd3fc;
@color-secondary-lilac:	#e9d5ff;
@color-accent-soft-coral:	#fb7185;
@color-background-mist:	#f0f9ff;
@color-surface-white:	#ffffff;
@color-text-storm:	#1f2937;