Darkcycle Prototype Shell

Primary Hacker Green
#00ffb0
Secondary Shadow Canvas
#111216
Accent Flash Magenta
#ff4d92
Accent Mod Lime
#e8ff63
Surface Code Dark
#1a1b20
Text Contrast White
#f6f6f6

Палитра содержит светлый, темный цвета. Акцентные цвета Secondary Shadow Canvas #111216 да Accent Mod Lime #e8ff63. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

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

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

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

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

HEX-коды (по возрастанию): #00FFB0, #111216, #1A1B20, #E8FF63, #F6F6F6, #FF4D92

Палитра Darkcycle Prototype Shell содержит комбинацию из 6 кодов цветов:

HEX: #00ffb0, RGB: (0, 255, 176); HEX: #111216, RGB: (17, 18, 22); HEX: #ff4d92, RGB: (255, 77, 146)

HEX: #e8ff63, RGB: (232, 255, 99); HEX: #1a1b20, RGB: (26, 27, 32); HEX: #f6f6f6, RGB: (246, 246, 246)

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

Тень mediumspringgreen, Тень Черный, Тень deeppink, Тень Желтый, Тень Черный, Тень whitesmoke

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

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

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

Darkcycle Prototype Shell коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#00ffb0	#00ffb0	RGB(0, 255, 176)	Primary Hacker Green	—
#111216	#111216	RGB(17, 18, 22)	Secondary Shadow Canvas	—
#ff4d92	#ff4d92	RGB(255, 77, 146)	Accent Flash Magenta	—
#e8ff63	#e8ff63	RGB(232, 255, 99)	Accent Mod Lime	—
#1a1b20	#1a1b20	RGB(26, 27, 32)	Surface Code Dark	—
#f6f6f6	#f6f6f6	RGB(246, 246, 246)	Text Contrast White	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#00ffb0	#e8ff63	1.18
#00ffb0	#f6f6f6	1.21
#111216	#1a1b20	1.08
#e8ff63	#f6f6f6	1.02

Изображение палитры Darkcycle Prototype Shell png

--color-primary-hacker-green:	#00ffb0;
--color-secondary-shadow-canvas:	#111216;
--color-accent-flash-magenta:	#ff4d92;
--color-accent-mod-lime:	#e8ff63;
--color-surface-code-dark:	#1a1b20;
--color-text-contrast-white:	#f6f6f6;

$color-primary-hacker-green:	#00ffb0;
$color-secondary-shadow-canvas:	#111216;
$color-accent-flash-magenta:	#ff4d92;
$color-accent-mod-lime:	#e8ff63;
$color-surface-code-dark:	#1a1b20;
$color-text-contrast-white:	#f6f6f6;

@color-primary-hacker-green:	#00ffb0;
@color-secondary-shadow-canvas:	#111216;
@color-accent-flash-magenta:	#ff4d92;
@color-accent-mod-lime:	#e8ff63;
@color-surface-code-dark:	#1a1b20;
@color-text-contrast-white:	#f6f6f6;