Next.js SSR Interface

Server Sand
#e8ded1
Route Deep Blue
#4361ee
Client Blush
#ffb5a7
JSX Sky
#72ddf7
Hydrate Ink
#343a40
Static Mist
#f7f9fb

Paleta składa się z kolorów Światło. Kolory akcentujące Client Blush #ffb5a7 i JSX Sky #72ddf7. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.

Według jasności paleta rozciąga się od #343A40 (najciemniejszy) do #F7F9FB (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).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #343A40, #4361EE, #72DDF7, #E8DED1, #F7F9FB, #FFB5A7

Paleta Next.js SSR Interface zawiera kombinację kolorów kodów 6:

KLĄTWA: #e8ded1, RGB: (232, 222, 209); KLĄTWA: #4361ee, RGB: (67, 97, 238); KLĄTWA: #ffb5a7, RGB: (255, 181, 167)

KLĄTWA: #72ddf7, RGB: (114, 221, 247); KLĄTWA: #343a40, RGB: (52, 58, 64); KLĄTWA: #f7f9fb, RGB: (247, 249, 251)

Uproszczona wersja palety kolorów

Odcień antiquewhite, Odcień royalblue, Cień darksalmon, Cień skyblue, Odcień darkslategrey, Cień whitesmoke

Schemat kolorów został stworzony przez colourlock

Więcej palet z:

Kody kolorów w palecie

Next.js SSR Interface kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#e8ded1	#e8ded1	RGB(232, 222, 209)	Server Sand	—
#4361ee	#4361ee	RGB(67, 97, 238)	Route Deep Blue	—
#ffb5a7	#ffb5a7	RGB(255, 181, 167)	Client Blush	—
#72ddf7	#72ddf7	RGB(114, 221, 247)	JSX Sky	—
#343a40	#343a40	RGB(52, 58, 64)	Hydrate Ink	—
#f7f9fb	#f7f9fb	RGB(247, 249, 251)	Static Mist	—

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
#e8ded1	#ffb5a7	1.27
#e8ded1	#72ddf7	1.17
#e8ded1	#f7f9fb	1.25
#ffb5a7	#72ddf7	1.07
#ffb5a7	#f7f9fb	1.6
#72ddf7	#f7f9fb	1.48

Paleta obrazów Next.js SSR Interface png

--color-server-sand:	#e8ded1;
--color-route-deep-blue:	#4361ee;
--color-client-blush:	#ffb5a7;
--color-jsx-sky:	#72ddf7;
--color-hydrate-ink:	#343a40;
--color-static-mist:	#f7f9fb;

$color-server-sand:	#e8ded1;
$color-route-deep-blue:	#4361ee;
$color-client-blush:	#ffb5a7;
$color-jsx-sky:	#72ddf7;
$color-hydrate-ink:	#343a40;
$color-static-mist:	#f7f9fb;

@color-server-sand:	#e8ded1;
@color-route-deep-blue:	#4361ee;
@color-client-blush:	#ffb5a7;
@color-jsx-sky:	#72ddf7;
@color-hydrate-ink:	#343a40;
@color-static-mist:	#f7f9fb;