Light Theme Productivity UI

Focus Gold
#f7b801
Field Vanilla
#fff8e7
Toolbar Aqua
#a0e7e5
Card Charcoal
#3c3c3c
Menu Dust
#f1f1f1
Select Sky
#ade8f4

Paleta składa się z kolorów Światło. Kolory akcentujące Field Vanilla #fff8e7 i Select Sky #ade8f4. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

Według jasności paleta rozciąga się od #3C3C3C (najciemniejszy) do #FFF8E7 (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): #3C3C3C, #A0E7E5, #ADE8F4, #F1F1F1, #F7B801, #FFF8E7

Paleta Light Theme Productivity UI zawiera kombinację kolorów kodów 6:

KLĄTWA: #f7b801, RGB: (247, 184, 1); KLĄTWA: #fff8e7, RGB: (255, 248, 231); KLĄTWA: #a0e7e5, RGB: (160, 231, 229)

KLĄTWA: #3c3c3c, RGB: (60, 60, 60); KLĄTWA: #f1f1f1, RGB: (241, 241, 241); KLĄTWA: #ade8f4, RGB: (173, 232, 244)

Uproszczona wersja palety kolorów

Cień goldenrod, Cień oldlace, Odcień paleturquoise, Odcień darkslategrey, Odcień whitesmoke, Cień powderblue

Schemat kolorów został stworzony przez bad_colors

Więcej palet z:

Kody kolorów w palecie

Light Theme Productivity UI kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#f7b801	#f7b801	RGB(247, 184, 1)	Focus Gold	—
#fff8e7	#fff8e7	RGB(255, 248, 231)	Field Vanilla	Cosmic Latte
#a0e7e5	#a0e7e5	RGB(160, 231, 229)	Toolbar Aqua	—
#3c3c3c	#3c3c3c	RGB(60, 60, 60)	Card Charcoal	—
#f1f1f1	#f1f1f1	RGB(241, 241, 241)	Menu Dust	—
#ade8f4	#ade8f4	RGB(173, 232, 244)	Select Sky	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#f7b801	#fff8e7	1.67
#f7b801	#a0e7e5	1.27
#f7b801	#f1f1f1	1.57
#f7b801	#ade8f4	1.32
#fff8e7	#a0e7e5	1.31
#fff8e7	#f1f1f1	1.06

Paleta obrazów Light Theme Productivity UI png

--color-focus-gold:	#f7b801;
--color-field-vanilla:	#fff8e7;
--color-toolbar-aqua:	#a0e7e5;
--color-card-charcoal:	#3c3c3c;
--color-menu-dust:	#f1f1f1;
--color-select-sky:	#ade8f4;

$color-focus-gold:	#f7b801;
$color-field-vanilla:	#fff8e7;
$color-toolbar-aqua:	#a0e7e5;
$color-card-charcoal:	#3c3c3c;
$color-menu-dust:	#f1f1f1;
$color-select-sky:	#ade8f4;

@color-focus-gold:	#f7b801;
@color-field-vanilla:	#fff8e7;
@color-toolbar-aqua:	#a0e7e5;
@color-card-charcoal:	#3c3c3c;
@color-menu-dust:	#f1f1f1;
@color-select-sky:	#ade8f4;