Visual Search AI UX Palette

Image Blue
#48cae4
Bounding Box Yellow
#ffed66
Query Gray
#c5c6c7
Result White
#fafafa
Focus Red
#ff6b6b
Highlight Indigo
#8d9eff

Палітра містить світлий кольори. Акцентні кольори Bounding Box Yellow #ffed66 та Highlight Indigo #8d9eff. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

Загалом насиченість здається яскравою (висока хрома).

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

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

HEX-коди (відсортовано): #48CAE4, #8D9EFF, #C5C6C7, #FAFAFA, #FF6B6B, #FFED66

Палітра Visual Search AI UX Palette містить комбінацію з 6 кодів кольорів :

HEX: #48cae4, RGB: (72, 202, 228); HEX: #ffed66, RGB: (255, 237, 102); HEX: #c5c6c7, RGB: (197, 198, 199)

HEX: #fafafa, RGB: (250, 250, 250); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #8d9eff, RGB: (141, 158, 255)

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

Відтінок skyblue, Відтінок хакі, Відтінок Срібний, Відтінок whitesmoke, Відтінок salmon, Відтінок cornflowerblue

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

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

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

Visual Search AI UX Palette коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#48cae4	#48cae4	RGB(72, 202, 228)	Image Blue	—
#ffed66	#ffed66	RGB(255, 237, 102)	Bounding Box Yellow	—
#c5c6c7	#c5c6c7	RGB(197, 198, 199)	Query Gray	Glacier Grey
#fafafa	#fafafa	RGB(250, 250, 250)	Result White	Dr. White
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Focus Red	—
#8d9eff	#8d9eff	RGB(141, 158, 255)	Highlight Indigo	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#48cae4	#ffed66	1.61
#48cae4	#c5c6c7	1.13
#48cae4	#fafafa	1.85
#48cae4	#ff6b6b	1.43
#48cae4	#8d9eff	1.28
#ffed66	#c5c6c7	1.43

--color-image-blue:	#48cae4;
--color-bounding-box-yellow:	#ffed66;
--color-query-gray:	#c5c6c7;
--color-result-white:	#fafafa;
--color-focus-red:	#ff6b6b;
--color-highlight-indigo:	#8d9eff;

$color-image-blue:	#48cae4;
$color-bounding-box-yellow:	#ffed66;
$color-query-gray:	#c5c6c7;
$color-result-white:	#fafafa;
$color-focus-red:	#ff6b6b;
$color-highlight-indigo:	#8d9eff;

@color-image-blue:	#48cae4;
@color-bounding-box-yellow:	#ffed66;
@color-query-gray:	#c5c6c7;
@color-result-white:	#fafafa;
@color-focus-red:	#ff6b6b;
@color-highlight-indigo:	#8d9eff;

Visual Search AI UX Palette

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

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

Зображення палітри Visual Search AI UX Palette png