Ux design minimal box clean colours

Black
#141414
Gunmetal
#28283c
Eerie Black
#141428
Black
#282828
Black Olive
#3c3c3c
Black
#000000

Палітра містить темний, світлий кольори. Акцентні кольори Eerie Black #141428 та Black Olive #3c3c3c. Палітра має температуру кольорів Нейтральний, Холодний.

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

Загалом насиченість здається переважно приглушеною (низька хрома).

Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #000000, #141414, #141428, #282828, #28283C, #3C3C3C

Палітра Ux design minimal box clean colours містить комбінацію з 6 кодів кольорів :

HEX: #141414, RGB: (20, 20, 20); HEX: #28283c, RGB: (40, 40, 60); HEX: #141428, RGB: (20, 20, 40)

HEX: #282828, RGB: (40, 40, 40); HEX: #3c3c3c, RGB: (60, 60, 60); HEX: #000000, RGB: (0, 0, 0)

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

Відтінок Чорний, Відтінок Чорний, Відтінок Чорний, Відтінок Чорний, Відтінок darkslategrey, Чорний

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

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

Чорний Сірий

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

Ux design minimal box clean colours коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#141414	#141414	RGB(20, 20, 20)	Black	Sooty
#28283c	#28283c	RGB(40, 40, 60)	Gunmetal	—
#141428	#141428	RGB(20, 20, 40)	Eerie Black	—
#282828	#282828	RGB(40, 40, 40)	Black	Dire Wolf
#3c3c3c	#3c3c3c	RGB(60, 60, 60)	Black Olive	—
#000000	#000000	RGB(0, 0, 0)	Black	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#141414	#28283c	1.27
#141414	#141428	1.01
#141414	#282828	1.24
#141414	#3c3c3c	1.67
#141414	#000000	1.13
#28283c	#141428	1.25

Зображення палітри Ux design minimal box clean colours png

Ux design minimal box clean colours - #254371

--color-black:	#141414;
--color-gunmetal:	#28283c;
--color-eerie-black:	#141428;
--color-black:	#282828;
--color-black-olive:	#3c3c3c;
--color-black:	#000000;

$color-black:	#141414;
$color-gunmetal:	#28283c;
$color-eerie-black:	#141428;
$color-black:	#282828;
$color-black-olive:	#3c3c3c;
$color-black:	#000000;

@color-black:	#141414;
@color-gunmetal:	#28283c;
@color-eerie-black:	#141428;
@color-black:	#282828;
@color-black-olive:	#3c3c3c;
@color-black:	#000000;