Team Collaboration SaaS Kit

Mention Coral
#ff9aa2
Status Tag Green
#c3fccc
Thread Sky
#a0d4ff
Card Overlay White
#fdfdfd
Task Slate
#5b5b5b

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Mention Coral #ff9aa2 i Thread Sky #a0d4ff. Paleta ma temperaturę kolorów Ciepły, Zimny, Neutralny.

Według jasności paleta rozciąga się od #5B5B5B (najciemniejszy) do #FDFDFD (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): #5B5B5B, #A0D4FF, #C3FCCC, #FDFDFD, #FF9AA2

Paleta Team Collaboration SaaS Kit zawiera kombinację kolorów kodów 5:

KLĄTWA: #ff9aa2, RGB: (255, 154, 162); KLĄTWA: #c3fccc, RGB: (195, 252, 204); KLĄTWA: #a0d4ff, RGB: (160, 212, 255)

KLĄTWA: #fdfdfd, RGB: (253, 253, 253); KLĄTWA: #5b5b5b, RGB: (91, 91, 91)

Uproszczona wersja palety kolorów

Odcień lightpink, Cień aquamarine, Cień lightskyblue, Odcień Biały, Odcień dimgrey

Schemat kolorów został stworzony przez colorday

Więcej palet z:

Kody kolorów w palecie

Team Collaboration SaaS Kit kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ff9aa2	#ff9aa2	RGB(255, 154, 162)	Mention Coral	—
#c3fccc	#c3fccc	RGB(195, 252, 204)	Status Tag Green	—
#a0d4ff	#a0d4ff	RGB(160, 212, 255)	Thread Sky	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Card Overlay White	Brilliance
#5b5b5b	#5b5b5b	RGB(91, 91, 91)	Task Slate	—

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
#ff9aa2	#c3fccc	1.74
#ff9aa2	#a0d4ff	1.28
#ff9aa2	#fdfdfd	1.98
#c3fccc	#a0d4ff	1.35
#c3fccc	#fdfdfd	1.13
#a0d4ff	#fdfdfd	1.54

Paleta obrazów Team Collaboration SaaS Kit png

--color-mention-coral:	#ff9aa2;
--color-status-tag-green:	#c3fccc;
--color-thread-sky:	#a0d4ff;
--color-card-overlay-white:	#fdfdfd;
--color-task-slate:	#5b5b5b;

$color-mention-coral:	#ff9aa2;
$color-status-tag-green:	#c3fccc;
$color-thread-sky:	#a0d4ff;
$color-card-overlay-white:	#fdfdfd;
$color-task-slate:	#5b5b5b;

@color-mention-coral:	#ff9aa2;
@color-status-tag-green:	#c3fccc;
@color-thread-sky:	#a0d4ff;
@color-card-overlay-white:	#fdfdfd;
@color-task-slate:	#5b5b5b;