UI Kit Quantum Horizon Glow

Component Cyan
#00e5ff
Atomic Purple
#b388ff
Surface White
#ffffff
Interaction Yellow
#ffeb3b
Logic Black
#202124
Flow Orange
#ff6d00

Палитра содержит светлый, темный цвета. Акцентные цвета Component Cyan #00e5ff да Interaction Yellow #ffeb3b. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.

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

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

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

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #00E5FF, #202124, #B388FF, #FF6D00, #FFEB3B, #FFFFFF

Палитра UI Kit Quantum Horizon Glow содержит комбинацию из 6 кодов цветов:

HEX: #00e5ff, RGB: (0, 229, 255); HEX: #b388ff, RGB: (179, 136, 255); HEX: #ffffff, RGB: (255, 255, 255)

HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #202124, RGB: (32, 33, 36); HEX: #ff6d00, RGB: (255, 109, 0)

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

Тень darkturquoise, Тень mediumpurple, Белый, Оттенок Желтый, Тень Черный, Оттенок coral

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

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

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

UI Kit Quantum Horizon Glow коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#00e5ff	#00e5ff	RGB(0, 229, 255)	Component Cyan	—
#b388ff	#b388ff	RGB(179, 136, 255)	Atomic Purple	—
#ffffff	#ffffff	RGB(255, 255, 255)	Surface White	White
#ffeb3b	#ffeb3b	RGB(255, 235, 59)	Interaction Yellow	—
#202124	#202124	RGB(32, 33, 36)	Logic Black	Noble Black
#ff6d00	#ff6d00	RGB(255, 109, 0)	Flow Orange	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#00e5ff	#b388ff	1.73
#00e5ff	#ffffff	1.53
#00e5ff	#ffeb3b	1.25
#00e5ff	#ff6d00	1.83
#b388ff	#ff6d00	1.05
#ffffff	#ffeb3b	1.22

Изображение палитры UI Kit Quantum Horizon Glow png

--color-component-cyan:	#00e5ff;
--color-atomic-purple:	#b388ff;
--color-surface-white:	#ffffff;
--color-interaction-yellow:	#ffeb3b;
--color-logic-black:	#202124;
--color-flow-orange:	#ff6d00;

$color-component-cyan:	#00e5ff;
$color-atomic-purple:	#b388ff;
$color-surface-white:	#ffffff;
$color-interaction-yellow:	#ffeb3b;
$color-logic-black:	#202124;
$color-flow-orange:	#ff6d00;

@color-component-cyan:	#00e5ff;
@color-atomic-purple:	#b388ff;
@color-surface-white:	#ffffff;
@color-interaction-yellow:	#ffeb3b;
@color-logic-black:	#202124;
@color-flow-orange:	#ff6d00;