Sunset Circuit Glow

Digital Orange
#ff9f46
Code Lavender
#9a81ff
HUD Teal
#4fd2c2
Fog Gray
#d6d9e3
Monitor Black
#191b21
Accent Lemon
#fff0a5

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Code Lavender #9a81ff i Accent Lemon #fff0a5. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

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

Nasycenie wydaje się żywe (wysoka chroma).

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

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #191B21, #4FD2C2, #9A81FF, #D6D9E3, #FF9F46, #FFF0A5

Paleta Sunset Circuit Glow zawiera kombinację kolorów kodów 6:

KLĄTWA: #ff9f46, RGB: (255, 159, 70); KLĄTWA: #9a81ff, RGB: (154, 129, 255); KLĄTWA: #4fd2c2, RGB: (79, 210, 194)

KLĄTWA: #d6d9e3, RGB: (214, 217, 227); KLĄTWA: #191b21, RGB: (25, 27, 33); KLĄTWA: #fff0a5, RGB: (255, 240, 165)

Uproszczona wersja palety kolorów

Odcień sandybrown, Cień mediumpurple, Odcień turquoise, Odcień gainsboro, Cień Czarny, Cień palegoldenrod

Schemat kolorów został stworzony przez colorslib

Więcej palet z:

Kody kolorów w palecie

Sunset Circuit Glow kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ff9f46	#ff9f46	RGB(255, 159, 70)	Digital Orange	—
#9a81ff	#9a81ff	RGB(154, 129, 255)	Code Lavender	—
#4fd2c2	#4fd2c2	RGB(79, 210, 194)	HUD Teal	—
#d6d9e3	#d6d9e3	RGB(214, 217, 227)	Fog Gray	—
#191b21	#191b21	RGB(25, 27, 33)	Monitor Black	—
#fff0a5	#fff0a5	RGB(255, 240, 165)	Accent Lemon	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ff9f46	#9a81ff	1.48
#ff9f46	#4fd2c2	1.1
#ff9f46	#d6d9e3	1.44
#ff9f46	#fff0a5	1.77
#9a81ff	#4fd2c2	1.62
#4fd2c2	#d6d9e3	1.31

Paleta obrazów Sunset Circuit Glow png

--color-digital-orange:	#ff9f46;
--color-code-lavender:	#9a81ff;
--color-hud-teal:	#4fd2c2;
--color-fog-gray:	#d6d9e3;
--color-monitor-black:	#191b21;
--color-accent-lemon:	#fff0a5;

$color-digital-orange:	#ff9f46;
$color-code-lavender:	#9a81ff;
$color-hud-teal:	#4fd2c2;
$color-fog-gray:	#d6d9e3;
$color-monitor-black:	#191b21;
$color-accent-lemon:	#fff0a5;

@color-digital-orange:	#ff9f46;
@color-code-lavender:	#9a81ff;
@color-hud-teal:	#4fd2c2;
@color-fog-gray:	#d6d9e3;
@color-monitor-black:	#191b21;
@color-accent-lemon:	#fff0a5;