NextGen Creative Portfolio Flow

Ink Black
#141414
Portfolio Blue
#4361ee
Gradient Blush
#ff8fa3
Panel Gray
#e5e5e5
Paper White
#ffffff
Highlight Amber
#ffb703

Палітра містить темний, світлий кольори. Акцентні кольори Portfolio Blue #4361ee та Highlight Amber #ffb703. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #141414, #4361EE, #E5E5E5, #FF8FA3, #FFB703, #FFFFFF

Палітра NextGen Creative Portfolio Flow містить комбінацію з 6 кодів кольорів :

HEX: #141414, RGB: (20, 20, 20); HEX: #4361ee, RGB: (67, 97, 238); HEX: #ff8fa3, RGB: (255, 143, 163)

HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffb703, RGB: (255, 183, 3)

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

Відтінок Чорний, Відтінок royalblue, Відтінок lightcoral, Відтінок gainsboro, Білий, Відтінок Помаранчевий

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

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

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

NextGen Creative Portfolio Flow коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#141414	#141414	RGB(20, 20, 20)	Ink Black	Sooty
#4361ee	#4361ee	RGB(67, 97, 238)	Portfolio Blue	—
#ff8fa3	#ff8fa3	RGB(255, 143, 163)	Gradient Blush	—
#e5e5e5	#e5e5e5	RGB(229, 229, 229)	Panel Gray	Gray90
#ffffff	#ffffff	RGB(255, 255, 255)	Paper White	White
#ffb703	#ffb703	RGB(255, 183, 3)	Highlight Amber	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ff8fa3	#e5e5e5	1.71
#ff8fa3	#ffb703	1.23
#e5e5e5	#ffffff	1.25
#e5e5e5	#ffb703	1.38
#ffffff	#ffb703	1.74

Зображення палітри NextGen Creative Portfolio Flow png

NextGen Creative Portfolio Flow - #562423

--color-ink-black:	#141414;
--color-portfolio-blue:	#4361ee;
--color-gradient-blush:	#ff8fa3;
--color-panel-gray:	#e5e5e5;
--color-paper-white:	#ffffff;
--color-highlight-amber:	#ffb703;

$color-ink-black:	#141414;
$color-portfolio-blue:	#4361ee;
$color-gradient-blush:	#ff8fa3;
$color-panel-gray:	#e5e5e5;
$color-paper-white:	#ffffff;
$color-highlight-amber:	#ffb703;

@color-ink-black:	#141414;
@color-portfolio-blue:	#4361ee;
@color-gradient-blush:	#ff8fa3;
@color-panel-gray:	#e5e5e5;
@color-paper-white:	#ffffff;
@color-highlight-amber:	#ffb703;