Палітри кольорів
Design ui app palette

Design ui app palette

#3d7bca
#f28491
#3c5c94
#5f9f88
#c4a4cc
#542c34

0.21k

Створено 09/17/2021 13:07

Палітра містить світлий, напівтемний кольори. Акцентні кольори #3d7bca та #f28491. Палітра має температуру кольорів Холодний, Теплий.

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

Насиченість змішана — 1 приглушених і 2 яскравих із 6 кольорів.

Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.

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

HEX-коди (відсортовано): #3C5C94, #3D7BCA, #542C34, #5F9F88, #C4A4CC, #F28491

Палітра Design ui app palette містить комбінацію з 6 кодів кольорів :

HEX: #3d7bca, RGB: (61, 123, 202); HEX: #f28491, RGB: (242, 132, 145); HEX: #3c5c94, RGB: (60, 92, 148)

HEX: #5f9f88, RGB: (95, 159, 136); HEX: #c4a4cc, RGB: (196, 164, 204); HEX: #542c34, RGB: (84, 44, 52)

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

Темний відтінок Сталевий синій, Світлий відтінок Світло-кораловий, Темний відтінок Королівський синій, Темний відтінок Сіро-синій, Темний відтінок Сливовий, Світлий відтінок Бордовий

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

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

Design ui app palette коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#3d7bca	#3d7bca	RGB(61, 123, 202)	—	—
#f28491	#f28491	RGB(242, 132, 145)	—	—
#3c5c94	#3c5c94	RGB(60, 92, 148)	—	—
#5f9f88	#5f9f88	RGB(95, 159, 136)	—	—
#c4a4cc	#c4a4cc	RGB(196, 164, 204)	—	—
#542c34	#542c34	RGB(84, 44, 52)	—	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#3d7bca	#f28491	1.73
#3d7bca	#3c5c94	1.55
#3d7bca	#5f9f88	1.39
#3d7bca	#c4a4cc	1.95
#f28491	#5f9f88	1.24
#f28491	#c4a4cc	1.12

Палітра із зображення Design ui app palette png

Design ui app palette: #3d7bca, #f28491, #3c5c94, #5f9f88, #c4a4cc, #542c34

--color-1:	#3d7bca;
--color-2:	#f28491;
--color-3:	#3c5c94;
--color-4:	#5f9f88;
--color-5:	#c4a4cc;
--color-6:	#542c34;

$color-1:	#3d7bca;
$color-2:	#f28491;
$color-3:	#3c5c94;
$color-4:	#5f9f88;
$color-5:	#c4a4cc;
$color-6:	#542c34;

@color-1:	#3d7bca;
@color-2:	#f28491;
@color-3:	#3c5c94;
@color-4:	#5f9f88;
@color-5:	#c4a4cc;
@color-6:	#542c34;

Design ui app palette

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

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

Палітра із зображення Design ui app palette png

Схожі палітри кольорів