UX Dashboard Flow Spectrum

Oceanic Blue
#0077b6
Sunset Coral
#ff6b6b
Neutral Ivory
#fef9f3
Soft Silver
#d8d8d8
Dark Mode
#181a1b

Палитра содержит полутемный, светлый, темный цвета. Акцентные цвета Oceanic Blue #0077b6 да Sunset Coral #ff6b6b. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #0077B6, #181A1B, #D8D8D8, #FEF9F3, #FF6B6B

Палитра UX Dashboard Flow Spectrum содержит комбинацию из 5 кодов цветов:

HEX: #0077b6, RGB: (0, 119, 182); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fef9f3, RGB: (254, 249, 243)

HEX: #d8d8d8, RGB: (216, 216, 216); HEX: #181a1b, RGB: (24, 26, 27)

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

Оттенок steelblue, Оттенок salmon, Оттенок floralwhite, Тень lightgrey, Тень Черный

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

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

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

UX Dashboard Flow Spectrum коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#0077b6	#0077b6	RGB(0, 119, 182)	Oceanic Blue	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Sunset Coral	—
#fef9f3	#fef9f3	RGB(254, 249, 243)	Neutral Ivory	—
#d8d8d8	#d8d8d8	RGB(216, 216, 216)	Soft Silver	—
#181a1b	#181a1b	RGB(24, 26, 27)	Dark Mode	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#0077b6	#ff6b6b	1.75
#ff6b6b	#d8d8d8	1.94
#fef9f3	#d8d8d8	1.36

Изображение палитры UX Dashboard Flow Spectrum png

--color-oceanic-blue:	#0077b6;
--color-sunset-coral:	#ff6b6b;
--color-neutral-ivory:	#fef9f3;
--color-soft-silver:	#d8d8d8;
--color-dark-mode:	#181a1b;

$color-oceanic-blue:	#0077b6;
$color-sunset-coral:	#ff6b6b;
$color-neutral-ivory:	#fef9f3;
$color-soft-silver:	#d8d8d8;
$color-dark-mode:	#181a1b;

@color-oceanic-blue:	#0077b6;
@color-sunset-coral:	#ff6b6b;
@color-neutral-ivory:	#fef9f3;
@color-soft-silver:	#d8d8d8;
@color-dark-mode:	#181a1b;