Uidesign 3dconcept webdesign uiux colours

Pacific Blue
#1ba9c4
Vodka
#b4bcf7
Blue Sapphire
#0a5e7b
Razzmic Berry
#9a528a
Lavender Purple
#958dc1
Eerie Black
#141424

Палитра содержит светлый, темный цвета. Акцентные цвета Vodka #b4bcf7 да Blue Sapphire #0a5e7b. Палитра имеет цветовую температуру Холодный, Нейтральный.

По светлоте палитра тянется от #141424 (самый тёмный) до #B4BCF7 (самый светлый). Диапазон светлоты широкий.

Насыщенность в среднем диапазоне.

Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).

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

HEX-коды (по возрастанию): #0A5E7B, #141424, #1BA9C4, #958DC1, #9A528A, #B4BCF7

Палитра Uidesign 3dconcept webdesign uiux colours содержит комбинацию из 6 кодов цветов:

HEX: #1ba9c4, RGB: (27, 169, 196); HEX: #b4bcf7, RGB: (180, 188, 247); HEX: #0a5e7b, RGB: (10, 94, 123)

HEX: #9a528a, RGB: (154, 82, 138); HEX: #958dc1, RGB: (149, 141, 193); HEX: #141424, RGB: (20, 20, 36)

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

Оттенок cadetblue, Оттенок lightsteelblue, Тень darkslategrey, Тень mediumvioletred, Тень mediumpurple, Тень Черный

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

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

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

Uidesign 3dconcept webdesign uiux colours коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#1ba9c4	#1ba9c4	RGB(27, 169, 196)	Pacific Blue	—
#b4bcf7	#b4bcf7	RGB(180, 188, 247)	Vodka	—
#0a5e7b	#0a5e7b	RGB(10, 94, 123)	Blue Sapphire	—
#9a528a	#9a528a	RGB(154, 82, 138)	Razzmic Berry	—
#958dc1	#958dc1	RGB(149, 141, 193)	Lavender Purple	—
#141424	#141424	RGB(20, 20, 36)	Eerie Black	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#1ba9c4	#b4bcf7	1.52
#1ba9c4	#9a528a	1.9
#1ba9c4	#958dc1	1.09
#b4bcf7	#958dc1	1.67
#0a5e7b	#9a528a	1.36
#9a528a	#958dc1	1.73

Изображение палитры Uidesign 3dconcept webdesign uiux colours png

Uidesign 3dconcept webdesign uiux colours - #189285

--color-pacific-blue:	#1ba9c4;
--color-vodka:	#b4bcf7;
--color-blue-sapphire:	#0a5e7b;
--color-razzmic-berry:	#9a528a;
--color-lavender-purple:	#958dc1;
--color-eerie-black:	#141424;

$color-pacific-blue:	#1ba9c4;
$color-vodka:	#b4bcf7;
$color-blue-sapphire:	#0a5e7b;
$color-razzmic-berry:	#9a528a;
$color-lavender-purple:	#958dc1;
$color-eerie-black:	#141424;

@color-pacific-blue:	#1ba9c4;
@color-vodka:	#b4bcf7;
@color-blue-sapphire:	#0a5e7b;
@color-razzmic-berry:	#9a528a;
@color-lavender-purple:	#958dc1;
@color-eerie-black:	#141424;