App mess designer ui colors

Pale Blue
#b4f0f0
Black
#141414
White
#ffffff
Orange Soda
#f0643c
Ocean Blue
#5028c8
Crystal
#a0dcdc

Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Pale Blue #b4f0f0 i Orange Soda #f0643c. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #141414 (najciemniejszy) do #FFFFFF (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — 2 stonowanych i 3 żywych z 6 kolorów.

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 (3 z 6).

Kody HEX (posortowane): #141414, #5028C8, #A0DCDC, #B4F0F0, #F0643C, #FFFFFF

Paleta App mess designer ui colors zawiera kombinację kolorów kodów 6:

KLĄTWA: #b4f0f0, RGB: (180, 240, 240); KLĄTWA: #141414, RGB: (20, 20, 20); KLĄTWA: #ffffff, RGB: (255, 255, 255)

KLĄTWA: #f0643c, RGB: (240, 100, 60); KLĄTWA: #5028c8, RGB: (80, 40, 200); KLĄTWA: #a0dcdc, RGB: (160, 220, 220)

Uproszczona wersja palety kolorów

Cień paleturquoise, Cień Czarny, Biały, Odcień tomato, Cień Niebieski, Odcień paleturquoise

Schemat kolorów został stworzony przez colorhunt

Kody kolorów w palecie

App mess designer ui colors kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#b4f0f0	#b4f0f0	RGB(180, 240, 240)	Pale Blue	—
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#ffffff	#ffffff	RGB(255, 255, 255)	White	—
#f0643c	#f0643c	RGB(240, 100, 60)	Orange Soda	—
#5028c8	#5028c8	RGB(80, 40, 200)	Ocean Blue	—
#a0dcdc	#a0dcdc	RGB(160, 220, 220)	Crystal	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#b4f0f0	#ffffff	1.26
#b4f0f0	#a0dcdc	1.21
#ffffff	#a0dcdc	1.52

Paleta obrazów App mess designer ui colors png

--color-pale-blue:	#b4f0f0;
--color-black:	#141414;
--color-white:	#ffffff;
--color-orange-soda:	#f0643c;
--color-ocean-blue:	#5028c8;
--color-crystal:	#a0dcdc;

$color-pale-blue:	#b4f0f0;
$color-black:	#141414;
$color-white:	#ffffff;
$color-orange-soda:	#f0643c;
$color-ocean-blue:	#5028c8;
$color-crystal:	#a0dcdc;

@color-pale-blue:	#b4f0f0;
@color-black:	#141414;
@color-white:	#ffffff;
@color-orange-soda:	#f0643c;
@color-ocean-blue:	#5028c8;
@color-crystal:	#a0dcdc;