Context-Aware UI for Smart Apps

Entity Highlight Blue
#5ebae4
Context Bubble White
#fdfdfd
NLP Tan
#ede0d4
Tone Map Purple
#c7b1dd
Slot Grey
#b0b0b0
Intent Red
#ff6f61

Палітра містить світлий кольори. Акцентні кольори Entity Highlight Blue #5ebae4 та Intent Red #ff6f61. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

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

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

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #5EBAE4, #B0B0B0, #C7B1DD, #EDE0D4, #FDFDFD, #FF6F61

Палітра Context-Aware UI for Smart Apps містить комбінацію з 6 кодів кольорів :

HEX: #5ebae4, RGB: (94, 186, 228); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #ede0d4, RGB: (237, 224, 212)

HEX: #c7b1dd, RGB: (199, 177, 221); HEX: #b0b0b0, RGB: (176, 176, 176); HEX: #ff6f61, RGB: (255, 111, 97)

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

Відтінок deepskyblue, Відтінок Білий, Відтінок linen, Відтінок thistle, Відтінок darkgrey, Відтінок salmon

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

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

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

Context-Aware UI for Smart Apps коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#5ebae4	#5ebae4	RGB(94, 186, 228)	Entity Highlight Blue	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Context Bubble White	Brilliance
#ede0d4	#ede0d4	RGB(237, 224, 212)	NLP Tan	—
#c7b1dd	#c7b1dd	RGB(199, 177, 221)	Tone Map Purple	—
#b0b0b0	#b0b0b0	RGB(176, 176, 176)	Slot Grey	Gray69
#ff6f61	#ff6f61	RGB(255, 111, 97)	Intent Red	Living Coral

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#5ebae4	#ede0d4	1.68
#5ebae4	#c7b1dd	1.11
#5ebae4	#b0b0b0	1
#5ebae4	#ff6f61	1.24
#fdfdfd	#ede0d4	1.27
#fdfdfd	#c7b1dd	1.91

Зображення палітри Context-Aware UI for Smart Apps png

Context-Aware UI for Smart Apps - #557303

--color-entity-highlight-blue:	#5ebae4;
--color-context-bubble-white:	#fdfdfd;
--color-nlp-tan:	#ede0d4;
--color-tone-map-purple:	#c7b1dd;
--color-slot-grey:	#b0b0b0;
--color-intent-red:	#ff6f61;

$color-entity-highlight-blue:	#5ebae4;
$color-context-bubble-white:	#fdfdfd;
$color-nlp-tan:	#ede0d4;
$color-tone-map-purple:	#c7b1dd;
$color-slot-grey:	#b0b0b0;
$color-intent-red:	#ff6f61;

@color-entity-highlight-blue:	#5ebae4;
@color-context-bubble-white:	#fdfdfd;
@color-nlp-tan:	#ede0d4;
@color-tone-map-purple:	#c7b1dd;
@color-slot-grey:	#b0b0b0;
@color-intent-red:	#ff6f61;