Neural Minimal UI Theme

Fog White
#f9fafa
Mint Whisper
#c8ffe9
Rose Veil
#ffd6d1
Golden Light
#fff7b8
Powder Sky
#cae6ff
Stone Gray
#2e2f2f

Палітра містить світлий, темний кольори. Акцентні кольори Golden Light #fff7b8 та Powder Sky #cae6ff. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #2E2F2F, #C8FFE9, #CAE6FF, #F9FAFA, #FFD6D1, #FFF7B8

Палітра Neural Minimal UI Theme містить комбінацію з 6 кодів кольорів :

HEX: #f9fafa, RGB: (249, 250, 250); HEX: #c8ffe9, RGB: (200, 255, 233); HEX: #ffd6d1, RGB: (255, 214, 209)

HEX: #fff7b8, RGB: (255, 247, 184); HEX: #cae6ff, RGB: (202, 230, 255); HEX: #2e2f2f, RGB: (46, 47, 47)

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

Відтінок whitesmoke, Відтінок paleturquoise, Відтінок mistyrose, Відтінок palegoldenrod, Відтінок lightblue, Відтінок Чорний

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

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

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

Neural Minimal UI Theme коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f9fafa	#f9fafa	RGB(249, 250, 250)	Fog White	—
#c8ffe9	#c8ffe9	RGB(200, 255, 233)	Mint Whisper	—
#ffd6d1	#ffd6d1	RGB(255, 214, 209)	Rose Veil	Bleached Coral
#fff7b8	#fff7b8	RGB(255, 247, 184)	Golden Light	—
#cae6ff	#cae6ff	RGB(202, 230, 255)	Powder Sky	—
#2e2f2f	#2e2f2f	RGB(46, 47, 47)	Stone Gray	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f9fafa	#c8ffe9	1.06
#f9fafa	#ffd6d1	1.27
#f9fafa	#fff7b8	1.04
#f9fafa	#cae6ff	1.23
#c8ffe9	#ffd6d1	1.19
#c8ffe9	#fff7b8	1.01

Зображення палітри Neural Minimal UI Theme png

--color-fog-white:	#f9fafa;
--color-mint-whisper:	#c8ffe9;
--color-rose-veil:	#ffd6d1;
--color-golden-light:	#fff7b8;
--color-powder-sky:	#cae6ff;
--color-stone-gray:	#2e2f2f;

$color-fog-white:	#f9fafa;
$color-mint-whisper:	#c8ffe9;
$color-rose-veil:	#ffd6d1;
$color-golden-light:	#fff7b8;
$color-powder-sky:	#cae6ff;
$color-stone-gray:	#2e2f2f;

@color-fog-white:	#f9fafa;
@color-mint-whisper:	#c8ffe9;
@color-rose-veil:	#ffd6d1;
@color-golden-light:	#fff7b8;
@color-powder-sky:	#cae6ff;
@color-stone-gray:	#2e2f2f;