Next.js Dashboard Gradient

SSR Purple
#6c5ce7
API Fog
#d3d3d3
UI Button Blue
#0984e3
Analytics Maroon
#b53471
Sidebar Sand
#fff0d5
Deploy Carbon
#333333
Query Leaf
#2ecc71

Палитра содержит светлый, полутемный цвета. Акцентные цвета UI Button Blue #0984e3 да Sidebar Sand #fff0d5. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

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

В целом насыщенность выглядит яркой (высокая хрома) — 71% цветов насыщенные.

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

В целом температура смещена в сторону холодного (3 из 7).

HEX-коды (по возрастанию): #0984E3, #2ECC71, #333333, #6C5CE7, #B53471, #D3D3D3, #FFF0D5

Палитра Next.js Dashboard Gradient содержит комбинацию из 7 кодов цветов:

HEX: #6c5ce7, RGB: (108, 92, 231); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #0984e3, RGB: (9, 132, 227)

HEX: #b53471, RGB: (181, 52, 113); HEX: #fff0d5, RGB: (255, 240, 213); HEX: #333333, RGB: (51, 51, 51)

HEX: #2ecc71, RGB: (46, 204, 113)

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

Оттенок mediumslateblue, Оттенок dodgerblue, Тень mediumvioletred, Тень papayawhip, Тень Черный, Тень mediumseagreen

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

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

Next.js Dashboard Gradient коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#6c5ce7	#6c5ce7	RGB(108, 92, 231)	SSR Purple	—
#d3d3d3	#d3d3d3	RGB(211, 211, 211)	API Fog	Lightgray
#0984e3	#0984e3	RGB(9, 132, 227)	UI Button Blue	—
#b53471	#b53471	RGB(181, 52, 113)	Analytics Maroon	—
#fff0d5	#fff0d5	RGB(255, 240, 213)	Sidebar Sand	—
#333333	#333333	RGB(51, 51, 51)	Deploy Carbon	Carbon
#2ecc71	#2ecc71	RGB(46, 204, 113)	Query Leaf	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#6c5ce7	#0984e3	1.25
#6c5ce7	#b53471	1.16
#d3d3d3	#fff0d5	1.33
#d3d3d3	#2ecc71	1.4
#0984e3	#b53471	1.46
#0984e3	#2ecc71	1.84

Изображение палитры Next.js Dashboard Gradient png

--color-ssr-purple:	#6c5ce7;
--color-api-fog:	#d3d3d3;
--color-ui-button-blue:	#0984e3;
--color-analytics-maroon:	#b53471;
--color-sidebar-sand:	#fff0d5;
--color-deploy-carbon:	#333333;
--color-query-leaf:	#2ecc71;

$color-ssr-purple:	#6c5ce7;
$color-api-fog:	#d3d3d3;
$color-ui-button-blue:	#0984e3;
$color-analytics-maroon:	#b53471;
$color-sidebar-sand:	#fff0d5;
$color-deploy-carbon:	#333333;
$color-query-leaf:	#2ecc71;

@color-ssr-purple:	#6c5ce7;
@color-api-fog:	#d3d3d3;
@color-ui-button-blue:	#0984e3;
@color-analytics-maroon:	#b53471;
@color-sidebar-sand:	#fff0d5;
@color-deploy-carbon:	#333333;
@color-query-leaf:	#2ecc71;