Neon Mode Webflow Studio

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

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Glow Yellow #ffef9f i Flash Teal #00f5d4. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

Według jasności paleta rozciąga się od #0F0F0F (najciemniejszy) do #FDFDFD (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ciepłe i zimne próbki są dość zrównoważone.

Kody HEX (posortowane): #00F5D4, #0F0F0F, #1B1B3A, #FDFDFD, #FF8FAB, #FFEF9F

Paleta Neon Mode Webflow Studio zawiera kombinację kolorów kodów 6:

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

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

Uproszczona wersja palety kolorów

Cień Khaki, Odcień aquamarine, Odcień midnightblue, Cień palevioletred, Cień Czarny, Odcień Biały

Schemat kolorów został stworzony przez colorslib

Więcej palet z:

Kody kolorów w palecie

Neon Mode Webflow Studio kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#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

Kontrast palety kolorów

6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#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 obrazów 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;