Mathematical Hyperstructure UX Visualization PaletteKit

Tensor Blue
#3b82f6
Matrix Pink
#f472b6
Eigenvector Gold
#fbbf24
Probability Lilac
#c084fc
Data Fog
#f9fafb
Core Black
#111827
Covariance Cyan
#00d8ff

Палітра містить світлий, темний кольори. Акцентні кольори Eigenvector Gold #fbbf24 та Covariance Cyan #00d8ff. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #00D8FF, #111827, #3B82F6, #C084FC, #F472B6, #F9FAFB, #FBBF24

Палітра Mathematical Hyperstructure UX Visualization PaletteKit містить комбінацію з 7 кодів кольорів :

HEX: #3b82f6, RGB: (59, 130, 246); HEX: #f472b6, RGB: (244, 114, 182); HEX: #fbbf24, RGB: (251, 191, 36)

HEX: #c084fc, RGB: (192, 132, 252); HEX: #f9fafb, RGB: (249, 250, 251); HEX: #111827, RGB: (17, 24, 39)

HEX: #00d8ff, RGB: (0, 216, 255)

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

Відтінок dodgerblue, Відтінок hotpink, Відтінок goldenrod, Відтінок violet, Відтінок whitesmoke, Відтінок Чорний, Відтінок skyblue

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

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

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

Mathematical Hyperstructure UX Visualization PaletteKit коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#3b82f6	#3b82f6	RGB(59, 130, 246)	Tensor Blue	—
#f472b6	#f472b6	RGB(244, 114, 182)	Matrix Pink	—
#fbbf24	#fbbf24	RGB(251, 191, 36)	Eigenvector Gold	—
#c084fc	#c084fc	RGB(192, 132, 252)	Probability Lilac	—
#f9fafb	#f9fafb	RGB(249, 250, 251)	Data Fog	—
#111827	#111827	RGB(17, 24, 39)	Core Black	—
#00d8ff	#00d8ff	RGB(0, 216, 255)	Covariance Cyan	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#3b82f6	#f472b6	1.38
#3b82f6	#c084fc	1.39
#f472b6	#fbbf24	1.58
#f472b6	#c084fc	1
#f472b6	#00d8ff	1.54
#fbbf24	#c084fc	1.58

Зображення палітри Mathematical Hyperstructure UX Visualization PaletteKit png

Mathematical Hyperstructure UX Visualization PaletteKit - #559393

--color-tensor-blue:	#3b82f6;
--color-matrix-pink:	#f472b6;
--color-eigenvector-gold:	#fbbf24;
--color-probability-lilac:	#c084fc;
--color-data-fog:	#f9fafb;
--color-core-black:	#111827;
--color-covariance-cyan:	#00d8ff;

$color-tensor-blue:	#3b82f6;
$color-matrix-pink:	#f472b6;
$color-eigenvector-gold:	#fbbf24;
$color-probability-lilac:	#c084fc;
$color-data-fog:	#f9fafb;
$color-core-black:	#111827;
$color-covariance-cyan:	#00d8ff;

@color-tensor-blue:	#3b82f6;
@color-matrix-pink:	#f472b6;
@color-eigenvector-gold:	#fbbf24;
@color-probability-lilac:	#c084fc;
@color-data-fog:	#f9fafb;
@color-core-black:	#111827;
@color-covariance-cyan:	#00d8ff;