Warmbit Workspace UI

Primary UI Gold
#fff4b4
Secondary Creamframe
#fff9f1
Accent Label Pink
#ffcddc
Accent Draft Mint
#d3fff0
Background Page White
#ffffff
Text Script Black
#1f1f1f

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Secondary Creamframe #fff9f1 i Accent Draft Mint #d3fff0. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

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

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

Kody HEX (posortowane): #1F1F1F, #D3FFF0, #FFCDDC, #FFF4B4, #FFF9F1, #FFFFFF

Paleta Warmbit Workspace UI zawiera kombinację kolorów kodów 6:

KLĄTWA: #fff4b4, RGB: (255, 244, 180); KLĄTWA: #fff9f1, RGB: (255, 249, 241); KLĄTWA: #ffcddc, RGB: (255, 205, 220)

KLĄTWA: #d3fff0, RGB: (211, 255, 240); KLĄTWA: #ffffff, RGB: (255, 255, 255); KLĄTWA: #1f1f1f, RGB: (31, 31, 31)

Uproszczona wersja palety kolorów

Cień palegoldenrod, Odcień floralwhite, Cień Różowy, Odcień lightcyan, Biały, Cień Czarny

Schemat kolorów został stworzony przez colorhunt

Więcej palet z:

Kody kolorów w palecie

Warmbit Workspace UI kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#fff4b4	#fff4b4	RGB(255, 244, 180)	Primary UI Gold	—
#fff9f1	#fff9f1	RGB(255, 249, 241)	Secondary Creamframe	—
#ffcddc	#ffcddc	RGB(255, 205, 220)	Accent Label Pink	—
#d3fff0	#d3fff0	RGB(211, 255, 240)	Accent Draft Mint	—
#ffffff	#ffffff	RGB(255, 255, 255)	Background Page White	White
#1f1f1f	#1f1f1f	RGB(31, 31, 31)	Text Script Black	Gray12

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
#fff4b4	#fff9f1	1.06
#fff4b4	#ffcddc	1.25
#fff4b4	#d3fff0	1.02
#fff4b4	#ffffff	1.11
#fff9f1	#ffcddc	1.33
#fff9f1	#d3fff0	1.03

Paleta obrazów Warmbit Workspace UI png

--color-primary-ui-gold:	#fff4b4;
--color-secondary-creamframe:	#fff9f1;
--color-accent-label-pink:	#ffcddc;
--color-accent-draft-mint:	#d3fff0;
--color-background-page-white:	#ffffff;
--color-text-script-black:	#1f1f1f;

$color-primary-ui-gold:	#fff4b4;
$color-secondary-creamframe:	#fff9f1;
$color-accent-label-pink:	#ffcddc;
$color-accent-draft-mint:	#d3fff0;
$color-background-page-white:	#ffffff;
$color-text-script-black:	#1f1f1f;

@color-primary-ui-gold:	#fff4b4;
@color-secondary-creamframe:	#fff9f1;
@color-accent-label-pink:	#ffcddc;
@color-accent-draft-mint:	#d3fff0;
@color-background-page-white:	#ffffff;
@color-text-script-black:	#1f1f1f;