Serverless Hyper UI Toolkit

Lambda Lilac
#b38bff
Deploy Cream
#faf3e6
Webhook Cyan
#90f5ff
Edge Flame
#ff715b
Cache Fog
#ececec
Streamlined Navy
#20293a
Payload Copper
#d09e72

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Webhook Cyan #90f5ff i Edge Flame #ff715b. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

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

Nasycenie wydaje się żywe (wysoka chroma) — 57% 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 zimnu (3 z 7).

Kody HEX (posortowane): #20293A, #90F5FF, #B38BFF, #D09E72, #ECECEC, #FAF3E6, #FF715B

Paleta Serverless Hyper UI Toolkit zawiera kombinację kolorów kodów 7:

KLĄTWA: #b38bff, RGB: (179, 139, 255); KLĄTWA: #faf3e6, RGB: (250, 243, 230); KLĄTWA: #90f5ff, RGB: (144, 245, 255)

KLĄTWA: #ff715b, RGB: (255, 113, 91); KLĄTWA: #ececec, RGB: (236, 236, 236); KLĄTWA: #20293a, RGB: (32, 41, 58)

KLĄTWA: #d09e72, RGB: (208, 158, 114)

Uproszczona wersja palety kolorów

Cień mediumpurple, Odcień oldlace, Odcień paleturquoise, Cień tomato, Odcień whitesmoke, Cień midnightblue, Odcień burlywood

Schemat kolorów został stworzony przez colorstudio

Kody kolorów w palecie

Serverless Hyper UI Toolkit kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#b38bff	#b38bff	RGB(179, 139, 255)	Lambda Lilac	—
#faf3e6	#faf3e6	RGB(250, 243, 230)	Deploy Cream	Milk Mustache
#90f5ff	#90f5ff	RGB(144, 245, 255)	Webhook Cyan	—
#ff715b	#ff715b	RGB(255, 113, 91)	Edge Flame	—
#ececec	#ececec	RGB(236, 236, 236)	Cache Fog	—
#20293a	#20293a	RGB(32, 41, 58)	Streamlined Navy	—
#d09e72	#d09e72	RGB(208, 158, 114)	Payload Copper	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#b38bff	#ff715b	1.03
#b38bff	#d09e72	1.09
#faf3e6	#90f5ff	1.14
#faf3e6	#ececec	1.07
#90f5ff	#ececec	1.06
#90f5ff	#d09e72	1.89

Paleta obrazów Serverless Hyper UI Toolkit png

--color-lambda-lilac:	#b38bff;
--color-deploy-cream:	#faf3e6;
--color-webhook-cyan:	#90f5ff;
--color-edge-flame:	#ff715b;
--color-cache-fog:	#ececec;
--color-streamlined-navy:	#20293a;
--color-payload-copper:	#d09e72;

$color-lambda-lilac:	#b38bff;
$color-deploy-cream:	#faf3e6;
$color-webhook-cyan:	#90f5ff;
$color-edge-flame:	#ff715b;
$color-cache-fog:	#ececec;
$color-streamlined-navy:	#20293a;
$color-payload-copper:	#d09e72;

@color-lambda-lilac:	#b38bff;
@color-deploy-cream:	#faf3e6;
@color-webhook-cyan:	#90f5ff;
@color-edge-flame:	#ff715b;
@color-cache-fog:	#ececec;
@color-streamlined-navy:	#20293a;
@color-payload-copper:	#d09e72;