Composable Figma Tokens Studio

Style Ivory
#fffaf3
Instance Plum
#9c89b8
Spacing Mist
#e0e0e0
Layer Rose
#ffc5cf
Grid Blue
#4db6e8
Font Graphite
#313131

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Style Ivory #fffaf3 i Grid Blue #4db6e8. Paleta ma temperaturę kolorów Neutralny, Zimny.

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

Większość próbek odczytuje się jako neutralne w temperaturze.

Kody HEX (posortowane): #313131, #4DB6E8, #9C89B8, #E0E0E0, #FFC5CF, #FFFAF3

Paleta Composable Figma Tokens Studio zawiera kombinację kolorów kodów 6:

KLĄTWA: #fffaf3, RGB: (255, 250, 243); KLĄTWA: #9c89b8, RGB: (156, 137, 184); KLĄTWA: #e0e0e0, RGB: (224, 224, 224)

KLĄTWA: #ffc5cf, RGB: (255, 197, 207); KLĄTWA: #4db6e8, RGB: (77, 182, 232); KLĄTWA: #313131, RGB: (49, 49, 49)

Uproszczona wersja palety kolorów

Cień floralwhite, Cień mediumpurple, Cień gainsboro, Cień Różowy, Cień deepskyblue, Cień Czarny

Schemat kolorów został stworzony przez hex

Więcej palet z:

Kody kolorów w palecie

Composable Figma Tokens Studio kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#fffaf3	#fffaf3	RGB(255, 250, 243)	Style Ivory	—
#9c89b8	#9c89b8	RGB(156, 137, 184)	Instance Plum	—
#e0e0e0	#e0e0e0	RGB(224, 224, 224)	Spacing Mist	Gray88
#ffc5cf	#ffc5cf	RGB(255, 197, 207)	Layer Rose	—
#4db6e8	#4db6e8	RGB(77, 182, 232)	Grid Blue	—
#313131	#313131	RGB(49, 49, 49)	Font Graphite	—

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
#fffaf3	#e0e0e0	1.27
#fffaf3	#ffc5cf	1.43
#9c89b8	#4db6e8	1.37
#e0e0e0	#ffc5cf	1.12
#e0e0e0	#4db6e8	1.73
#ffc5cf	#4db6e8	1.54

Paleta obrazów Composable Figma Tokens Studio png

Composable Figma Tokens Studio - #552555

--color-style-ivory:	#fffaf3;
--color-instance-plum:	#9c89b8;
--color-spacing-mist:	#e0e0e0;
--color-layer-rose:	#ffc5cf;
--color-grid-blue:	#4db6e8;
--color-font-graphite:	#313131;

$color-style-ivory:	#fffaf3;
$color-instance-plum:	#9c89b8;
$color-spacing-mist:	#e0e0e0;
$color-layer-rose:	#ffc5cf;
$color-grid-blue:	#4db6e8;
$color-font-graphite:	#313131;

@color-style-ivory:	#fffaf3;
@color-instance-plum:	#9c89b8;
@color-spacing-mist:	#e0e0e0;
@color-layer-rose:	#ffc5cf;
@color-grid-blue:	#4db6e8;
@color-font-graphite:	#313131;