Gemini Dual-Modal Web UI Theme

Vision Surface Blue
#72a1e5
Text Token Cream
#fef8ed
Query Echo Grey
#d8d8d8
Multimodal Purple
#c2aff0
Overlay Night Black
#202020
Sync Highlight Yellow
#fff28f

Палітра містить світлий, темний кольори. Акцентні кольори Vision Surface Blue #72a1e5 та Sync Highlight Yellow #fff28f. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #202020, #72A1E5, #C2AFF0, #D8D8D8, #FEF8ED, #FFF28F

Палітра Gemini Dual-Modal Web UI Theme містить комбінацію з 6 кодів кольорів :

HEX: #72a1e5, RGB: (114, 161, 229); HEX: #fef8ed, RGB: (254, 248, 237); HEX: #d8d8d8, RGB: (216, 216, 216)

HEX: #c2aff0, RGB: (194, 175, 240); HEX: #202020, RGB: (32, 32, 32); HEX: #fff28f, RGB: (255, 242, 143)

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

Відтінок cornflowerblue, Відтінок floralwhite, Відтінок lightgrey, Відтінок plum, Відтінок Чорний, Відтінок хакі

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

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

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

Gemini Dual-Modal Web UI Theme коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#72a1e5	#72a1e5	RGB(114, 161, 229)	Vision Surface Blue	—
#fef8ed	#fef8ed	RGB(254, 248, 237)	Text Token Cream	—
#d8d8d8	#d8d8d8	RGB(216, 216, 216)	Query Echo Grey	—
#c2aff0	#c2aff0	RGB(194, 175, 240)	Multimodal Purple	—
#202020	#202020	RGB(32, 32, 32)	Overlay Night Black	—
#fff28f	#fff28f	RGB(255, 242, 143)	Sync Highlight Yellow	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#72a1e5	#d8d8d8	1.85
#72a1e5	#c2aff0	1.34
#fef8ed	#d8d8d8	1.34
#fef8ed	#c2aff0	1.85
#fef8ed	#fff28f	1.08
#d8d8d8	#c2aff0	1.37

Зображення палітри Gemini Dual-Modal Web UI Theme png

Gemini Dual-Modal Web UI Theme - #557358

--color-vision-surface-blue:	#72a1e5;
--color-text-token-cream:	#fef8ed;
--color-query-echo-grey:	#d8d8d8;
--color-multimodal-purple:	#c2aff0;
--color-overlay-night-black:	#202020;
--color-sync-highlight-yellow:	#fff28f;

$color-vision-surface-blue:	#72a1e5;
$color-text-token-cream:	#fef8ed;
$color-query-echo-grey:	#d8d8d8;
$color-multimodal-purple:	#c2aff0;
$color-overlay-night-black:	#202020;
$color-sync-highlight-yellow:	#fff28f;

@color-vision-surface-blue:	#72a1e5;
@color-text-token-cream:	#fef8ed;
@color-query-echo-grey:	#d8d8d8;
@color-multimodal-purple:	#c2aff0;
@color-overlay-night-black:	#202020;
@color-sync-highlight-yellow:	#fff28f;