Accessible Neo Brutalist Toolkit

Grid Gray
#e1e1e1
Accent Acid
#d0ff14
Form Fuchsia
#e9378d
Box Blue
#3050f0
Contrast Concrete
#111111
Type Tan
#f3e3c3

Палітра містить світлий, напівтемний, темний кольори. Акцентні кольори Accent Acid #d0ff14 та Box Blue #3050f0. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.

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

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

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

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

HEX-коди (відсортовано): #111111, #3050F0, #D0FF14, #E1E1E1, #E9378D, #F3E3C3

Палітра Accessible Neo Brutalist Toolkit містить комбінацію з 6 кодів кольорів :

HEX: #e1e1e1, RGB: (225, 225, 225); HEX: #d0ff14, RGB: (208, 255, 20); HEX: #e9378d, RGB: (233, 55, 141)

HEX: #3050f0, RGB: (48, 80, 240); HEX: #111111, RGB: (17, 17, 17); HEX: #f3e3c3, RGB: (243, 227, 195)

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

Відтінок gainsboro, Відтінок greenyellow, Відтінок deeppink, Відтінок slateblue, Відтінок Чорний, Відтінок blanchedalmond

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

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

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

Accessible Neo Brutalist Toolkit коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#e1e1e1	#e1e1e1	RGB(225, 225, 225)	Grid Gray	—
#d0ff14	#d0ff14	RGB(208, 255, 20)	Accent Acid	Arctic Lime
#e9378d	#e9378d	RGB(233, 55, 141)	Form Fuchsia	—
#3050f0	#3050f0	RGB(48, 80, 240)	Box Blue	—
#111111	#111111	RGB(17, 17, 17)	Contrast Concrete	Dreamless Sleep
#f3e3c3	#f3e3c3	RGB(243, 227, 195)	Type Tan	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#e1e1e1	#d0ff14	1.12
#e1e1e1	#f3e3c3	1.03
#d0ff14	#f3e3c3	1.08
#e9378d	#3050f0	1.52

Зображення палітри Accessible Neo Brutalist Toolkit png

Accessible Neo Brutalist Toolkit - #551827

--color-grid-gray:	#e1e1e1;
--color-accent-acid:	#d0ff14;
--color-form-fuchsia:	#e9378d;
--color-box-blue:	#3050f0;
--color-contrast-concrete:	#111111;
--color-type-tan:	#f3e3c3;

$color-grid-gray:	#e1e1e1;
$color-accent-acid:	#d0ff14;
$color-form-fuchsia:	#e9378d;
$color-box-blue:	#3050f0;
$color-contrast-concrete:	#111111;
$color-type-tan:	#f3e3c3;

@color-grid-gray:	#e1e1e1;
@color-accent-acid:	#d0ff14;
@color-form-fuchsia:	#e9378d;
@color-box-blue:	#3050f0;
@color-contrast-concrete:	#111111;
@color-type-tan:	#f3e3c3;