Ui design smart gradients colors palette

Dodger Blue
#1c84f3
Tufts Blue
#4095ee
St. Patrick's Blue
#222270
UCLA Blue
#585691
Turquoise Green
#9cd4bc
Japanese Violet
#543454

Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Dodger Blue #1c84f3 да Tufts Blue #4095ee. Палитра имеет цветовую температуру Холодный, Нейтральный.

По светлоте палитра тянется от #543454 (самый тёмный) до #9CD4BC (самый светлый). Диапазон светлоты умеренный.

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #1C84F3, #222270, #4095EE, #543454, #585691, #9CD4BC

Палитра Ui design smart gradients colors palette содержит комбинацию из 6 кодов цветов:

HEX: #1c84f3, RGB: (28, 132, 243); HEX: #4095ee, RGB: (64, 149, 238); HEX: #222270, RGB: (34, 34, 112)

HEX: #585691, RGB: (88, 86, 145); HEX: #9cd4bc, RGB: (156, 212, 188); HEX: #543454, RGB: (84, 52, 84)

Упрощенная версия цветов палитры

Оттенок dodgerblue, Тень dodgerblue, Тень midnightblue, Тень darkslateblue, Тень mediumaquamarine, Оттенок darkslateblue

Цветовая схема создана автором colorswall

Больше палитр с:

Синий Аква

Коды цветов в палитре

Ui design smart gradients colors palette коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#1c84f3	#1c84f3	RGB(28, 132, 243)	Dodger Blue	—
#4095ee	#4095ee	RGB(64, 149, 238)	Tufts Blue	—
#222270	#222270	RGB(34, 34, 112)	St. Patrick's Blue	—
#585691	#585691	RGB(88, 86, 145)	UCLA Blue	—
#9cd4bc	#9cd4bc	RGB(156, 212, 188)	Turquoise Green	—
#543454	#543454	RGB(84, 52, 84)	Japanese Violet	—

Контраст палитры цветов

5 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#1c84f3	#4095ee	1.19
#1c84f3	#585691	1.78
#4095ee	#9cd4bc	1.85
#222270	#543454	1.3
#585691	#543454	1.58

Изображение палитры Ui design smart gradients colors palette png

Ui design smart gradients colors palette - #213797

--color-dodger-blue:	#1c84f3;
--color-tufts-blue:	#4095ee;
--color-st-patricks-blue:	#222270;
--color-ucla-blue:	#585691;
--color-turquoise-green:	#9cd4bc;
--color-japanese-violet:	#543454;

$color-dodger-blue:	#1c84f3;
$color-tufts-blue:	#4095ee;
$color-st-patricks-blue:	#222270;
$color-ucla-blue:	#585691;
$color-turquoise-green:	#9cd4bc;
$color-japanese-violet:	#543454;

@color-dodger-blue:	#1c84f3;
@color-tufts-blue:	#4095ee;
@color-st-patricks-blue:	#222270;
@color-ucla-blue:	#585691;
@color-turquoise-green:	#9cd4bc;
@color-japanese-violet:	#543454;