Neon Mode Webflow Studio

Glow Yellow
#ffef9f
Flash Teal
#00f5d4
Shadow Navy
#1b1b3a
Accent Pink
#ff8fab
Surface Black
#0f0f0f
Trace White
#fdfdfd

A paleta consiste em cores Luz, Escuro. Cores de destaque Glow Yellow #ffef9f e Flash Teal #00f5d4. A paleta tem Esquentar, Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #0F0F0F (mais escuro) a #FDFDFD (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).

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #00F5D4, #0F0F0F, #1B1B3A, #FDFDFD, #FF8FAB, #FFEF9F

A paleta Neon Mode Webflow Studio tem uma combinação de cores de códigos de 6:

HEX: #ffef9f, RGB: (255, 239, 159); HEX: #00f5d4, RGB: (0, 245, 212); HEX: #1b1b3a, RGB: (27, 27, 58)

HEX: #ff8fab, RGB: (255, 143, 171); HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #fdfdfd, RGB: (253, 253, 253)

Versão simplificada das cores da paleta

Sombra de Cáqui, Matiz de aquamarine, Matiz de midnightblue, Sombra de palevioletred, Sombra de Preto, Matiz de Branco

O esquema de cores foi criado por colorslib

Mais paletas com:

Códigos de cores na paleta

Neon Mode Webflow Studio códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#ffef9f	#ffef9f	RGB(255, 239, 159)	Glow Yellow	—
#00f5d4	#00f5d4	RGB(0, 245, 212)	Flash Teal	—
#1b1b3a	#1b1b3a	RGB(27, 27, 58)	Shadow Navy	—
#ff8fab	#ff8fab	RGB(255, 143, 171)	Accent Pink	—
#0f0f0f	#0f0f0f	RGB(15, 15, 15)	Surface Black	Chaos Black
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Trace White	Brilliance

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
#ffef9f	#00f5d4	1.2
#ffef9f	#ff8fab	1.85
#ffef9f	#fdfdfd	1.14
#00f5d4	#ff8fab	1.53
#00f5d4	#fdfdfd	1.37
#1b1b3a	#0f0f0f	1.15

Paleta de imagens Neon Mode Webflow Studio png

--color-glow-yellow:	#ffef9f;
--color-flash-teal:	#00f5d4;
--color-shadow-navy:	#1b1b3a;
--color-accent-pink:	#ff8fab;
--color-surface-black:	#0f0f0f;
--color-trace-white:	#fdfdfd;

$color-glow-yellow:	#ffef9f;
$color-flash-teal:	#00f5d4;
$color-shadow-navy:	#1b1b3a;
$color-accent-pink:	#ff8fab;
$color-surface-black:	#0f0f0f;
$color-trace-white:	#fdfdfd;

@color-glow-yellow:	#ffef9f;
@color-flash-teal:	#00f5d4;
@color-shadow-navy:	#1b1b3a;
@color-accent-pink:	#ff8fab;
@color-surface-black:	#0f0f0f;
@color-trace-white:	#fdfdfd;