Practice dailyui 022 ui colors

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

Палітра містить світлий, напівтемний кольори. Акцентні кольори Fluorescent Blue #24ecf4 та Maximum Blue Green #1cc4c0. Палітра має температуру кольорів Холодний.

За світлістю палітра сягає від #3B7471 (найтемніший) до #B474E8 (найсвітліший). Діапазон світлості помірний.

Насиченість змішана — є приглушені й більш яскраві акценти.

Відтінки лежать у сусідній смузі на колі (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #1CC4C0, #24ECF4, #3B7471, #545A76, #8CCCC4, #B474E8

Палітра Practice dailyui 022 ui colors містить комбінацію з 6 кодів кольорів :

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

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

Спрощений варіант палітри кольорів

Відтінок cyan, Відтінок mediumpurple, Відтінок darkturquoise, Відтінок darkslateblue, Відтінок mediumturquoise, Відтінок Блакитний

Кольорова схема створена автором colorswall

Більше палітр з:

Коди кольорів у палітрі

Practice dailyui 022 ui colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#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	—

Контраст палітри кольорів

7 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#24ecf4	#1cc4c0	1.48
#24ecf4	#8cccc4	1.24
#b474e8	#1cc4c0	1.46
#b474e8	#8cccc4	1.74
#b474e8	#3b7471	1.68
#1cc4c0	#8cccc4	1.18

Зображення палітри 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;