Synthex Blush Vector

Synth Blue
#a4cfff
Hex Blush
#ffb2bb
Vector Cream
#fff9f7
UI Grape
#e2d3ff
Grid White
#fdfdfd
Terminal Gray
#292a2b

Палитра содержит светлый, темный цвета. Акцентные цвета Synth Blue #a4cfff да Vector Cream #fff9f7. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #292A2B, #A4CFFF, #E2D3FF, #FDFDFD, #FFB2BB, #FFF9F7

Палитра Synthex Blush Vector содержит комбинацию из 6 кодов цветов:

HEX: #a4cfff, RGB: (164, 207, 255); HEX: #ffb2bb, RGB: (255, 178, 187); HEX: #fff9f7, RGB: (255, 249, 247)

HEX: #e2d3ff, RGB: (226, 211, 255); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #292a2b, RGB: (41, 42, 43)

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

Тень lightskyblue, Оттенок lightpink, Оттенок snow, Тень thistle, Оттенок Белый, Тень Черный

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

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

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

Synthex Blush Vector коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#a4cfff	#a4cfff	RGB(164, 207, 255)	Synth Blue	—
#ffb2bb	#ffb2bb	RGB(255, 178, 187)	Hex Blush	—
#fff9f7	#fff9f7	RGB(255, 249, 247)	Vector Cream	—
#e2d3ff	#e2d3ff	RGB(226, 211, 255)	UI Grape	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Grid White	Brilliance
#292a2b	#292a2b	RGB(41, 42, 43)	Terminal Gray	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#a4cfff	#ffb2bb	1.04
#a4cfff	#fff9f7	1.55
#a4cfff	#e2d3ff	1.15
#a4cfff	#fdfdfd	1.59
#ffb2bb	#fff9f7	1.63
#ffb2bb	#e2d3ff	1.21

Изображение палитры Synthex Blush Vector png

--color-synth-blue:	#a4cfff;
--color-hex-blush:	#ffb2bb;
--color-vector-cream:	#fff9f7;
--color-ui-grape:	#e2d3ff;
--color-grid-white:	#fdfdfd;
--color-terminal-gray:	#292a2b;

$color-synth-blue:	#a4cfff;
$color-hex-blush:	#ffb2bb;
$color-vector-cream:	#fff9f7;
$color-ui-grape:	#e2d3ff;
$color-grid-white:	#fdfdfd;
$color-terminal-gray:	#292a2b;

@color-synth-blue:	#a4cfff;
@color-hex-blush:	#ffb2bb;
@color-vector-cream:	#fff9f7;
@color-ui-grape:	#e2d3ff;
@color-grid-white:	#fdfdfd;
@color-terminal-gray:	#292a2b;