Neural Contrast Dashboard Matrix UI

Quantum Navy
#0b1c2d
Signal Cyan
#00b3c6
Insight Lime
#9be564
Data Ivory
#f4f7f5
Error Coral
#e85d5d
Graphite Ink
#2a2f36

Палитра содержит темный, светлый цвета. Акцентные цвета Signal Cyan #00b3c6 да Error Coral #e85d5d. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

В целом насыщенность выглядит яркой (высокая хрома).

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

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

HEX-коды (по возрастанию): #00B3C6, #0B1C2D, #2A2F36, #9BE564, #E85D5D, #F4F7F5

Палитра Neural Contrast Dashboard Matrix UI содержит комбинацию из 6 кодов цветов:

HEX: #0b1c2d, RGB: (11, 28, 45); HEX: #00b3c6, RGB: (0, 179, 198); HEX: #9be564, RGB: (155, 229, 100)

HEX: #f4f7f5, RGB: (244, 247, 245); HEX: #e85d5d, RGB: (232, 93, 93); HEX: #2a2f36, RGB: (42, 47, 54)

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

Тень Черный, Оттенок darkturquoise, Оттенок lightgreen, Тень whitesmoke, Тень indianred, Тень Черный

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

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

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

Neural Contrast Dashboard Matrix UI коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#0b1c2d	#0b1c2d	RGB(11, 28, 45)	Quantum Navy	—
#00b3c6	#00b3c6	RGB(0, 179, 198)	Signal Cyan	—
#9be564	#9be564	RGB(155, 229, 100)	Insight Lime	—
#f4f7f5	#f4f7f5	RGB(244, 247, 245)	Data Ivory	—
#e85d5d	#e85d5d	RGB(232, 93, 93)	Error Coral	—
#2a2f36	#2a2f36	RGB(42, 47, 54)	Graphite Ink	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#0b1c2d	#2a2f36	1.27
#00b3c6	#9be564	1.66
#00b3c6	#e85d5d	1.34
#9be564	#f4f7f5	1.41

Изображение палитры Neural Contrast Dashboard Matrix UI png

Neural Contrast Dashboard Matrix UI - #566372

--color-quantum-navy:	#0b1c2d;
--color-signal-cyan:	#00b3c6;
--color-insight-lime:	#9be564;
--color-data-ivory:	#f4f7f5;
--color-error-coral:	#e85d5d;
--color-graphite-ink:	#2a2f36;

$color-quantum-navy:	#0b1c2d;
$color-signal-cyan:	#00b3c6;
$color-insight-lime:	#9be564;
$color-data-ivory:	#f4f7f5;
$color-error-coral:	#e85d5d;
$color-graphite-ink:	#2a2f36;

@color-quantum-navy:	#0b1c2d;
@color-signal-cyan:	#00b3c6;
@color-insight-lime:	#9be564;
@color-data-ivory:	#f4f7f5;
@color-error-coral:	#e85d5d;
@color-graphite-ink:	#2a2f36;