Practice dailyui 022 ui colors

Fluorescent Blue
#24ecf4
Lavender (Floral)
#b474e8
Maximum Blue Green
#1cc4c0
Black Coral
#545a76
Pearl Aqua
#8cccc4
Myrtle Green
#3b7471

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Fluorescent Blue #24ecf4 i Maximum Blue Green #1cc4c0. Paleta ma temperaturę kolorów Zimny.

Według jasności paleta rozciąga się od #3B7471 (najciemniejszy) do #B474E8 (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Barwy leżą w sąsiednim paśmie na kole (heurystyka).

Ogólna temperatura barw przechyla się ku zimnu.

Kody HEX (posortowane): #1CC4C0, #24ECF4, #3B7471, #545A76, #8CCCC4, #B474E8

Paleta Practice dailyui 022 ui colors zawiera kombinację kolorów kodów 6:

KLĄTWA: #24ecf4, RGB: (36, 236, 244); KLĄTWA: #b474e8, RGB: (180, 116, 232); KLĄTWA: #1cc4c0, RGB: (28, 196, 192)

KLĄTWA: #545a76, RGB: (84, 90, 118); KLĄTWA: #8cccc4, RGB: (140, 204, 196); KLĄTWA: #3b7471, RGB: (59, 116, 113)

Uproszczona wersja palety kolorów

Odcień cyan, Cień mediumpurple, Cień darkturquoise, Cień darkslateblue, Cień mediumturquoise, Cień Cyraneczka

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Practice dailyui 022 ui colors kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#24ecf4	#24ecf4	RGB(36, 236, 244)	Fluorescent Blue	—
#b474e8	#b474e8	RGB(180, 116, 232)	Lavender (Floral)	—
#1cc4c0	#1cc4c0	RGB(28, 196, 192)	Maximum Blue Green	—
#545a76	#545a76	RGB(84, 90, 118)	Black Coral	—
#8cccc4	#8cccc4	RGB(140, 204, 196)	Pearl Aqua	—
#3b7471	#3b7471	RGB(59, 116, 113)	Myrtle Green	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#24ecf4	#1cc4c0	1.48
#24ecf4	#8cccc4	1.24
#b474e8	#1cc4c0	1.46
#b474e8	#8cccc4	1.74
#b474e8	#3b7471	1.68
#1cc4c0	#8cccc4	1.18

Paleta obrazów Practice dailyui 022 ui colors png

Practice dailyui 022 ui colors - #184203

--color-fluorescent-blue:	#24ecf4;
--color-lavender-floral:	#b474e8;
--color-maximum-blue-green:	#1cc4c0;
--color-black-coral:	#545a76;
--color-pearl-aqua:	#8cccc4;
--color-myrtle-green:	#3b7471;

$color-fluorescent-blue:	#24ecf4;
$color-lavender-floral:	#b474e8;
$color-maximum-blue-green:	#1cc4c0;
$color-black-coral:	#545a76;
$color-pearl-aqua:	#8cccc4;
$color-myrtle-green:	#3b7471;

@color-fluorescent-blue:	#24ecf4;
@color-lavender-floral:	#b474e8;
@color-maximum-blue-green:	#1cc4c0;
@color-black-coral:	#545a76;
@color-pearl-aqua:	#8cccc4;
@color-myrtle-green:	#3b7471;