Quantum Design Systems Toolkit

Qubit Gold
#ffd700
Waveform Violet
#a084dc
Superposition Ice
#e4f9ff
Entangle Blue
#2e86ab
Collapse Pink
#f5b5fc
Quantum Grey
#b1b1b1

Палитра содержит светлый цвета. Акцентные цвета Qubit Gold #ffd700 да Superposition Ice #e4f9ff. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.

По светлоте палитра тянется от #2E86AB (самый тёмный) до #E4F9FF (самый светлый). Диапазон светлоты умеренный.

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

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

В целом температура смещена в сторону холодного.

HEX-коды (по возрастанию): #2E86AB, #A084DC, #B1B1B1, #E4F9FF, #F5B5FC, #FFD700

Палитра Quantum Design Systems Toolkit содержит комбинацию из 6 кодов цветов:

HEX: #ffd700, RGB: (255, 215, 0); HEX: #a084dc, RGB: (160, 132, 220); HEX: #e4f9ff, RGB: (228, 249, 255)

HEX: #2e86ab, RGB: (46, 134, 171); HEX: #f5b5fc, RGB: (245, 181, 252); HEX: #b1b1b1, RGB: (177, 177, 177)

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

Тень mediumpurple, Оттенок azure, Оттенок steelblue, Тень plum, Тень darkgrey

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

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

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

Quantum Design Systems Toolkit коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#ffd700	#ffd700	RGB(255, 215, 0)	Qubit Gold	Gold
#a084dc	#a084dc	RGB(160, 132, 220)	Waveform Violet	—
#e4f9ff	#e4f9ff	RGB(228, 249, 255)	Superposition Ice	—
#2e86ab	#2e86ab	RGB(46, 134, 171)	Entangle Blue	—
#f5b5fc	#f5b5fc	RGB(245, 181, 252)	Collapse Pink	—
#b1b1b1	#b1b1b1	RGB(177, 177, 177)	Quantum Grey	Palladium

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#ffd700	#e4f9ff	1.28
#ffd700	#f5b5fc	1.16
#ffd700	#b1b1b1	1.52
#a084dc	#2e86ab	1.33
#a084dc	#f5b5fc	1.88
#a084dc	#b1b1b1	1.43

Изображение палитры Quantum Design Systems Toolkit png

Quantum Design Systems Toolkit - #554139

--color-qubit-gold:	#ffd700;
--color-waveform-violet:	#a084dc;
--color-superposition-ice:	#e4f9ff;
--color-entangle-blue:	#2e86ab;
--color-collapse-pink:	#f5b5fc;
--color-quantum-grey:	#b1b1b1;

$color-qubit-gold:	#ffd700;
$color-waveform-violet:	#a084dc;
$color-superposition-ice:	#e4f9ff;
$color-entangle-blue:	#2e86ab;
$color-collapse-pink:	#f5b5fc;
$color-quantum-grey:	#b1b1b1;

@color-qubit-gold:	#ffd700;
@color-waveform-violet:	#a084dc;
@color-superposition-ice:	#e4f9ff;
@color-entangle-blue:	#2e86ab;
@color-collapse-pink:	#f5b5fc;
@color-quantum-grey:	#b1b1b1;