Light Theme SaaS Dashboard

Surface Cream
#fdf6ec
Primary Sky
#60a5fa
Secondary Gray
#d1d5db
Accent Yellow
#facc15
Card Fog
#f3f4f6
Text Ink
#1f2937
Alert Coral
#fb7185

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Primary Sky #60a5fa i Accent Yellow #facc15. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.

Według jasności paleta rozciąga się od #1F2937 (najciemniejszy) do #FDF6EC (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): #1F2937, #60A5FA, #D1D5DB, #F3F4F6, #FACC15, #FB7185, #FDF6EC

Paleta Light Theme SaaS Dashboard zawiera kombinację kolorów kodów 7:

KLĄTWA: #fdf6ec, RGB: (253, 246, 236); KLĄTWA: #60a5fa, RGB: (96, 165, 250); KLĄTWA: #d1d5db, RGB: (209, 213, 219)

KLĄTWA: #facc15, RGB: (250, 204, 21); KLĄTWA: #f3f4f6, RGB: (243, 244, 246); KLĄTWA: #1f2937, RGB: (31, 41, 55)

KLĄTWA: #fb7185, RGB: (251, 113, 133)

Uproszczona wersja palety kolorów

Odcień floralwhite, Cień cornflowerblue, Cień lightgrey, Odcień gold, Odcień whitesmoke, Cień Czarny, Odcień lightcoral

Schemat kolorów został stworzony przez colorslib

Więcej palet z:

Kody kolorów w palecie

Light Theme SaaS Dashboard kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#fdf6ec	#fdf6ec	RGB(253, 246, 236)	Surface Cream	—
#60a5fa	#60a5fa	RGB(96, 165, 250)	Primary Sky	—
#d1d5db	#d1d5db	RGB(209, 213, 219)	Secondary Gray	—
#facc15	#facc15	RGB(250, 204, 21)	Accent Yellow	—
#f3f4f6	#f3f4f6	RGB(243, 244, 246)	Card Fog	—
#1f2937	#1f2937	RGB(31, 41, 55)	Text Ink	—
#fb7185	#fb7185	RGB(251, 113, 133)	Alert Coral	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#fdf6ec	#d1d5db	1.37
#fdf6ec	#facc15	1.42
#fdf6ec	#f3f4f6	1.02
#60a5fa	#d1d5db	1.72
#60a5fa	#facc15	1.66
#60a5fa	#fb7185	1.05

Paleta obrazów Light Theme SaaS Dashboard png

--color-surface-cream:	#fdf6ec;
--color-primary-sky:	#60a5fa;
--color-secondary-gray:	#d1d5db;
--color-accent-yellow:	#facc15;
--color-card-fog:	#f3f4f6;
--color-text-ink:	#1f2937;
--color-alert-coral:	#fb7185;

$color-surface-cream:	#fdf6ec;
$color-primary-sky:	#60a5fa;
$color-secondary-gray:	#d1d5db;
$color-accent-yellow:	#facc15;
$color-card-fog:	#f3f4f6;
$color-text-ink:	#1f2937;
$color-alert-coral:	#fb7185;

@color-surface-cream:	#fdf6ec;
@color-primary-sky:	#60a5fa;
@color-secondary-gray:	#d1d5db;
@color-accent-yellow:	#facc15;
@color-card-fog:	#f3f4f6;
@color-text-ink:	#1f2937;
@color-alert-coral:	#fb7185;