Nightsurge Debug Mesh

Primary Surge Cyan
#2bfff2
Secondary Script Black
#121317
Accent Panic Rose
#ff5ca1
Accent Signal Lime
#e8ff5d
Background Fault Black
#0a0a0b
Text Screen White
#f4f4f4

Палітра містить світлий, темний кольори. Акцентні кольори Secondary Script Black #121317 та Accent Signal Lime #e8ff5d. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

Насиченість змішана — є приглушені й більш яскраві акценти.

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

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

HEX-коди (відсортовано): #0A0A0B, #121317, #2BFFF2, #E8FF5D, #F4F4F4, #FF5CA1

Палітра Nightsurge Debug Mesh містить комбінацію з 6 кодів кольорів :

HEX: #2bfff2, RGB: (43, 255, 242); HEX: #121317, RGB: (18, 19, 23); HEX: #ff5ca1, RGB: (255, 92, 161)

HEX: #e8ff5d, RGB: (232, 255, 93); HEX: #0a0a0b, RGB: (10, 10, 11); HEX: #f4f4f4, RGB: (244, 244, 244)

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

Відтінок cyan, Відтінок Чорний, Відтінок hotpink, Відтінок Жовтий, Відтінок Чорний, Відтінок whitesmoke

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

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

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

Nightsurge Debug Mesh коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#2bfff2	#2bfff2	RGB(43, 255, 242)	Primary Surge Cyan	—
#121317	#121317	RGB(18, 19, 23)	Secondary Script Black	—
#ff5ca1	#ff5ca1	RGB(255, 92, 161)	Accent Panic Rose	—
#e8ff5d	#e8ff5d	RGB(232, 255, 93)	Accent Signal Lime	—
#0a0a0b	#0a0a0b	RGB(10, 10, 11)	Background Fault Black	—
#f4f4f4	#f4f4f4	RGB(244, 244, 244)	Text Screen White	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#2bfff2	#e8ff5d	1.13
#2bfff2	#f4f4f4	1.14
#121317	#0a0a0b	1.06
#e8ff5d	#f4f4f4	1.01

Зображення палітри Nightsurge Debug Mesh png

--color-primary-surge-cyan:	#2bfff2;
--color-secondary-script-black:	#121317;
--color-accent-panic-rose:	#ff5ca1;
--color-accent-signal-lime:	#e8ff5d;
--color-background-fault-black:	#0a0a0b;
--color-text-screen-white:	#f4f4f4;

$color-primary-surge-cyan:	#2bfff2;
$color-secondary-script-black:	#121317;
$color-accent-panic-rose:	#ff5ca1;
$color-accent-signal-lime:	#e8ff5d;
$color-background-fault-black:	#0a0a0b;
$color-text-screen-white:	#f4f4f4;

@color-primary-surge-cyan:	#2bfff2;
@color-secondary-script-black:	#121317;
@color-accent-panic-rose:	#ff5ca1;
@color-accent-signal-lime:	#e8ff5d;
@color-background-fault-black:	#0a0a0b;
@color-text-screen-white:	#f4f4f4;