Svelte Ember Fade

Compiler Tangerine
#ff9f45
Reactive Orchid Mist
#da70d6
Store Graphite
#2e2e2e
Transition Neon Pink
#ff69b4
Render Sandstone
#f5deb3
Minimal Nightfall
#1b262c

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Compiler Tangerine #ff9f45 i Minimal Nightfall #1b262c. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

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

Nasycenie wydaje się żywe (wysoka chroma) — 67% kolorów jest żywych.

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 ciepłu (3 z 6).

Kody HEX (posortowane): #1B262C, #2E2E2E, #DA70D6, #F5DEB3, #FF69B4, #FF9F45

Paleta Svelte Ember Fade zawiera kombinację kolorów kodów 6:

KLĄTWA: #ff9f45, RGB: (255, 159, 69); KLĄTWA: #da70d6, RGB: (218, 112, 214); KLĄTWA: #2e2e2e, RGB: (46, 46, 46)

KLĄTWA: #ff69b4, RGB: (255, 105, 180); KLĄTWA: #f5deb3, RGB: (245, 222, 179); KLĄTWA: #1b262c, RGB: (27, 38, 44)

Uproszczona wersja palety kolorów

Odcień sandybrown, Cień Czarny, Cień Czarny

Schemat kolorów został stworzony przez raccoon

Kody kolorów w palecie

Svelte Ember Fade kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ff9f45	#ff9f45	RGB(255, 159, 69)	Compiler Tangerine	—
#da70d6	#da70d6	RGB(218, 112, 214)	Reactive Orchid Mist	Orchid
#2e2e2e	#2e2e2e	RGB(46, 46, 46)	Store Graphite	Carbon Fiber
#ff69b4	#ff69b4	RGB(255, 105, 180)	Transition Neon Pink	Hotpink
#f5deb3	#f5deb3	RGB(245, 222, 179)	Render Sandstone	Wheat
#1b262c	#1b262c	RGB(27, 38, 44)	Minimal Nightfall	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ff9f45	#da70d6	1.41
#ff9f45	#ff69b4	1.29
#ff9f45	#f5deb3	1.55
#da70d6	#ff69b4	1.09
#2e2e2e	#1b262c	1.13

Paleta obrazów Svelte Ember Fade png

--color-compiler-tangerine:	#ff9f45;
--color-reactive-orchid-mist:	#da70d6;
--color-store-graphite:	#2e2e2e;
--color-transition-neon-pink:	#ff69b4;
--color-render-sandstone:	#f5deb3;
--color-minimal-nightfall:	#1b262c;

$color-compiler-tangerine:	#ff9f45;
$color-reactive-orchid-mist:	#da70d6;
$color-store-graphite:	#2e2e2e;
$color-transition-neon-pink:	#ff69b4;
$color-render-sandstone:	#f5deb3;
$color-minimal-nightfall:	#1b262c;

@color-compiler-tangerine:	#ff9f45;
@color-reactive-orchid-mist:	#da70d6;
@color-store-graphite:	#2e2e2e;
@color-transition-neon-pink:	#ff69b4;
@color-render-sandstone:	#f5deb3;
@color-minimal-nightfall:	#1b262c;