Adaptive AI Core UI

Cerulean Horizon
#3498db
Quantum Amber
#ffc107
Chromatic Shift Beige
#eaeaea
Deep Algorithm Slate
#757575
Dark Matter Black
#1e1e1e
Reactive White Panel
#ffffff

Палитра содержит светлый, темный цвета. Акцентные цвета Cerulean Horizon #3498db да Quantum Amber #ffc107. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

Большинство цветов близки к нейтралям или очень слабо насыщены; связи между оттенками тонкие.

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

HEX-коды (по возрастанию): #1E1E1E, #3498DB, #757575, #EAEAEA, #FFC107, #FFFFFF

Палитра Adaptive AI Core UI содержит комбинацию из 6 кодов цветов:

HEX: #3498db, RGB: (52, 152, 219); HEX: #ffc107, RGB: (255, 193, 7); HEX: #eaeaea, RGB: (234, 234, 234)

HEX: #757575, RGB: (117, 117, 117); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #ffffff, RGB: (255, 255, 255)

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

Тень dodgerblue, Оттенок gold, Оттенок whitesmoke, Тень dimgrey, Тень Черный, Белый

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

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

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

Adaptive AI Core UI коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#3498db	#3498db	RGB(52, 152, 219)	Cerulean Horizon	—
#ffc107	#ffc107	RGB(255, 193, 7)	Quantum Amber	—
#eaeaea	#eaeaea	RGB(234, 234, 234)	Chromatic Shift Beige	Plaster
#757575	#757575	RGB(117, 117, 117)	Deep Algorithm Slate	Sonic Silver
#1e1e1e	#1e1e1e	RGB(30, 30, 30)	Dark Matter Black	—
#ffffff	#ffffff	RGB(255, 255, 255)	Reactive White Panel	White

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#3498db	#ffc107	1.93
#3498db	#757575	1.46
#ffc107	#eaeaea	1.35
#ffc107	#ffffff	1.63
#eaeaea	#ffffff	1.2

Изображение палитры Adaptive AI Core UI png

--color-cerulean-horizon:	#3498db;
--color-quantum-amber:	#ffc107;
--color-chromatic-shift-beige:	#eaeaea;
--color-deep-algorithm-slate:	#757575;
--color-dark-matter-black:	#1e1e1e;
--color-reactive-white-panel:	#ffffff;

$color-cerulean-horizon:	#3498db;
$color-quantum-amber:	#ffc107;
$color-chromatic-shift-beige:	#eaeaea;
$color-deep-algorithm-slate:	#757575;
$color-dark-matter-black:	#1e1e1e;
$color-reactive-white-panel:	#ffffff;

@color-cerulean-horizon:	#3498db;
@color-quantum-amber:	#ffc107;
@color-chromatic-shift-beige:	#eaeaea;
@color-deep-algorithm-slate:	#757575;
@color-dark-matter-black:	#1e1e1e;
@color-reactive-white-panel:	#ffffff;