GAN Webflow Adaptive Core

Generator Blue
#2196f3
Webflow Coral
#ff8a65
Adaptive Lime
#aed581
Core Indigo
#283593
Contrast White
#fdfdfd

Палитра содержит светлый цвета. Акцентные цвета Generator Blue #2196f3 да Webflow Coral #ff8a65. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

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

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #2196F3, #283593, #AED581, #FDFDFD, #FF8A65

Палитра GAN Webflow Adaptive Core содержит комбинацию из 5 кодов цветов:

HEX: #2196f3, RGB: (33, 150, 243); HEX: #ff8a65, RGB: (255, 138, 101); HEX: #aed581, RGB: (174, 213, 129)

HEX: #283593, RGB: (40, 53, 147); HEX: #fdfdfd, RGB: (253, 253, 253)

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

Тень dodgerblue, Тень coral, Оттенок lightgreen, Оттенок darkslateblue, Оттенок Белый

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

Больше палитр с:

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

GAN Webflow Adaptive Core коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#2196f3	#2196f3	RGB(33, 150, 243)	Generator Blue	—
#ff8a65	#ff8a65	RGB(255, 138, 101)	Webflow Coral	—
#aed581	#aed581	RGB(174, 213, 129)	Adaptive Lime	—
#283593	#283593	RGB(40, 53, 147)	Core Indigo	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Contrast White	Brilliance

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#2196f3	#ff8a65	1.35
#2196f3	#aed581	1.87
#ff8a65	#aed581	1.39
#aed581	#fdfdfd	1.63

Изображение палитры GAN Webflow Adaptive Core png

--color-generator-blue:	#2196f3;
--color-webflow-coral:	#ff8a65;
--color-adaptive-lime:	#aed581;
--color-core-indigo:	#283593;
--color-contrast-white:	#fdfdfd;

$color-generator-blue:	#2196f3;
$color-webflow-coral:	#ff8a65;
$color-adaptive-lime:	#aed581;
$color-core-indigo:	#283593;
$color-contrast-white:	#fdfdfd;

@color-generator-blue:	#2196f3;
@color-webflow-coral:	#ff8a65;
@color-adaptive-lime:	#aed581;
@color-core-indigo:	#283593;
@color-contrast-white:	#fdfdfd;