Webflow Neural Grid System

Flow Pink
#ff5e84
Semantic Gold
#ffc857
Pixel Fog
#f6f6f9
UX Graphite
#2d3142
Canvas Lilac
#b9aff9
Grid White
#ffffff

Палітра містить світлий, темний кольори. Акцентні кольори Semantic Gold #ffc857 та Canvas Lilac #b9aff9. Палітра має температуру кольорів Теплий, Нейтральний, Холодний.

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

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

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

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #2D3142, #B9AFF9, #F6F6F9, #FF5E84, #FFC857, #FFFFFF

Палітра Webflow Neural Grid System містить комбінацію з 6 кодів кольорів :

HEX: #ff5e84, RGB: (255, 94, 132); HEX: #ffc857, RGB: (255, 200, 87); HEX: #f6f6f9, RGB: (246, 246, 249)

HEX: #2d3142, RGB: (45, 49, 66); HEX: #b9aff9, RGB: (185, 175, 249); HEX: #ffffff, RGB: (255, 255, 255)

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

Відтінок palevioletred, Відтінок gold, Відтінок whitesmoke, Відтінок darkslateblue, Відтінок lightsteelblue, Білий

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

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

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

Webflow Neural Grid System коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#ff5e84	#ff5e84	RGB(255, 94, 132)	Flow Pink	—
#ffc857	#ffc857	RGB(255, 200, 87)	Semantic Gold	—
#f6f6f9	#f6f6f9	RGB(246, 246, 249)	Pixel Fog	—
#2d3142	#2d3142	RGB(45, 49, 66)	UX Graphite	—
#b9aff9	#b9aff9	RGB(185, 175, 249)	Canvas Lilac	—
#ffffff	#ffffff	RGB(255, 255, 255)	Grid White	White

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ff5e84	#ffc857	1.89
#ff5e84	#b9aff9	1.46
#ffc857	#f6f6f9	1.42
#ffc857	#b9aff9	1.29
#ffc857	#ffffff	1.53
#f6f6f9	#b9aff9	1.84

Зображення палітри Webflow Neural Grid System png

--color-flow-pink:	#ff5e84;
--color-semantic-gold:	#ffc857;
--color-pixel-fog:	#f6f6f9;
--color-ux-graphite:	#2d3142;
--color-canvas-lilac:	#b9aff9;
--color-grid-white:	#ffffff;

$color-flow-pink:	#ff5e84;
$color-semantic-gold:	#ffc857;
$color-pixel-fog:	#f6f6f9;
$color-ux-graphite:	#2d3142;
$color-canvas-lilac:	#b9aff9;
$color-grid-white:	#ffffff;

@color-flow-pink:	#ff5e84;
@color-semantic-gold:	#ffc857;
@color-pixel-fog:	#f6f6f9;
@color-ux-graphite:	#2d3142;
@color-canvas-lilac:	#b9aff9;
@color-grid-white:	#ffffff;