Web3 Component Grid JS Spectrum Engine

Matrix Green
#00ff9c
Deep Node Blue
#14213d
Pixel Sand
#e5e5e5
Accent Magenta
#ff006e
Data Slate
#33415c
Highlight Sky
#4cc9f0
Shadow Black
#0b090a

Палітра містить світлий, темний кольори. Акцентні кольори Matrix Green #00ff9c та Accent Magenta #ff006e. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #00FF9C, #0B090A, #14213D, #33415C, #4CC9F0, #E5E5E5, #FF006E

Палітра Web3 Component Grid JS Spectrum Engine містить комбінацію з 7 кодів кольорів :

HEX: #00ff9c, RGB: (0, 255, 156); HEX: #14213d, RGB: (20, 33, 61); HEX: #e5e5e5, RGB: (229, 229, 229)

HEX: #ff006e, RGB: (255, 0, 110); HEX: #33415c, RGB: (51, 65, 92); HEX: #4cc9f0, RGB: (76, 201, 240)

HEX: #0b090a, RGB: (11, 9, 10)

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

Відтінок mediumspringgreen, Відтінок midnightblue, Відтінок gainsboro, Відтінок deeppink, Відтінок darkslateblue, Відтінок skyblue, Відтінок Чорний

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

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

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

Web3 Component Grid JS Spectrum Engine коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#00ff9c	#00ff9c	RGB(0, 255, 156)	Matrix Green	—
#14213d	#14213d	RGB(20, 33, 61)	Deep Node Blue	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Pixel Sand	Gray90
#ff006e	#ff006e	RGB(255, 0, 110)	Accent Magenta	—
#33415c	#33415c	RGB(51, 65, 92)	Data Slate	—
#4cc9f0	#4cc9f0	RGB(76, 201, 240)	Highlight Sky	—
#0b090a	#0b090a	RGB(11, 9, 10)	Shadow Black	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#00ff9c	#e5e5e5	1.05
#00ff9c	#4cc9f0	1.44
#14213d	#33415c	1.56
#14213d	#0b090a	1.24
#e5e5e5	#4cc9f0	1.52
#ff006e	#4cc9f0	1.99

Зображення палітри Web3 Component Grid JS Spectrum Engine png

Web3 Component Grid JS Spectrum Engine - #570755

--color-matrix-green:	#00ff9c;
--color-deep-node-blue:	#14213d;
--color-pixel-sand:	#e5e5e5;
--color-accent-magenta:	#ff006e;
--color-data-slate:	#33415c;
--color-highlight-sky:	#4cc9f0;
--color-shadow-black:	#0b090a;

$color-matrix-green:	#00ff9c;
$color-deep-node-blue:	#14213d;
$color-pixel-sand:	#e5e5e5;
$color-accent-magenta:	#ff006e;
$color-data-slate:	#33415c;
$color-highlight-sky:	#4cc9f0;
$color-shadow-black:	#0b090a;

@color-matrix-green:	#00ff9c;
@color-deep-node-blue:	#14213d;
@color-pixel-sand:	#e5e5e5;
@color-accent-magenta:	#ff006e;
@color-data-slate:	#33415c;
@color-highlight-sky:	#4cc9f0;
@color-shadow-black:	#0b090a;