Multimodal AI UX Toolkit

Speech Purple
#a29bfe
Vision Blue
#68c3ff
Touch Pink
#fbc4d7
Context Gray
#d4d4d4
Input Ivory
#fff9f1
Logic Black
#111111

Палитра содержит светлый, темный цвета. Акцентные цвета Vision Blue #68c3ff да Input Ivory #fff9f1. Палитра имеет цветовую температуру Холодный, Нейтральный.

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

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

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

Большинство полос читаются как нейтральные по температуре.

HEX-коды (по возрастанию): #111111, #68C3FF, #A29BFE, #D4D4D4, #FBC4D7, #FFF9F1

Палитра Multimodal AI UX Toolkit содержит комбинацию из 6 кодов цветов:

HEX: #a29bfe, RGB: (162, 155, 254); HEX: #68c3ff, RGB: (104, 195, 255); HEX: #fbc4d7, RGB: (251, 196, 215)

HEX: #d4d4d4, RGB: (212, 212, 212); HEX: #fff9f1, RGB: (255, 249, 241); HEX: #111111, RGB: (17, 17, 17)

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

Оттенок lightsteelblue, Оттенок lightskyblue, Тень Розовый, Тень lightgrey, Оттенок floralwhite, Тень Черный

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

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

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

Multimodal AI UX Toolkit коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#a29bfe	#a29bfe	RGB(162, 155, 254)	Speech Purple	—
#68c3ff	#68c3ff	RGB(104, 195, 255)	Vision Blue	—
#fbc4d7	#fbc4d7	RGB(251, 196, 215)	Touch Pink	—
#d4d4d4	#d4d4d4	RGB(212, 212, 212)	Context Gray	Disco Ball
#fff9f1	#fff9f1	RGB(255, 249, 241)	Input Ivory	—
#111111	#111111	RGB(17, 17, 17)	Logic Black	Dreamless Sleep

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#a29bfe	#68c3ff	1.25
#a29bfe	#fbc4d7	1.61
#a29bfe	#d4d4d4	1.63
#68c3ff	#fbc4d7	1.28
#68c3ff	#d4d4d4	1.3
#68c3ff	#fff9f1	1.85

Изображение палитры Multimodal AI UX Toolkit png

--color-speech-purple:	#a29bfe;
--color-vision-blue:	#68c3ff;
--color-touch-pink:	#fbc4d7;
--color-context-gray:	#d4d4d4;
--color-input-ivory:	#fff9f1;
--color-logic-black:	#111111;

$color-speech-purple:	#a29bfe;
$color-vision-blue:	#68c3ff;
$color-touch-pink:	#fbc4d7;
$color-context-gray:	#d4d4d4;
$color-input-ivory:	#fff9f1;
$color-logic-black:	#111111;

@color-speech-purple:	#a29bfe;
@color-vision-blue:	#68c3ff;
@color-touch-pink:	#fbc4d7;
@color-context-gray:	#d4d4d4;
@color-input-ivory:	#fff9f1;
@color-logic-black:	#111111;