Data Engineering UI Flow Colors

Pipeline Blue
#0077b6
Schema White
#fafafa
Column Coral
#ff7f51
Query Graphite
#343a40
Table Cream
#f9f3df
Result Green
#9ae19d

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

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

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

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

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

HEX-коды (по возрастанию): #0077B6, #343A40, #9AE19D, #F9F3DF, #FAFAFA, #FF7F51

Палитра Data Engineering UI Flow Colors содержит комбинацию из 6 кодов цветов:

HEX: #0077b6, RGB: (0, 119, 182); HEX: #fafafa, RGB: (250, 250, 250); HEX: #ff7f51, RGB: (255, 127, 81)

HEX: #343a40, RGB: (52, 58, 64); HEX: #f9f3df, RGB: (249, 243, 223); HEX: #9ae19d, RGB: (154, 225, 157)

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

Оттенок steelblue, Тень whitesmoke, Тень coral, Оттенок darkslategrey, Оттенок oldlace, Оттенок lightgreen

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

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

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

Data Engineering UI Flow Colors коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#0077b6	#0077b6	RGB(0, 119, 182)	Pipeline Blue	—
#fafafa	#fafafa	RGB(250, 250, 250)	Schema White	Dr. White
#ff7f51	#ff7f51	RGB(255, 127, 81)	Column Coral	—
#343a40	#343a40	RGB(52, 58, 64)	Query Graphite	—
#f9f3df	#f9f3df	RGB(249, 243, 223)	Table Cream	Tizzy
#9ae19d	#9ae19d	RGB(154, 225, 157)	Result Green	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#0077b6	#ff7f51	1.94
#fafafa	#f9f3df	1.06
#fafafa	#9ae19d	1.47
#ff7f51	#9ae19d	1.62
#f9f3df	#9ae19d	1.38

Изображение палитры Data Engineering UI Flow Colors png

Data Engineering UI Flow Colors - #556300

--color-pipeline-blue:	#0077b6;
--color-schema-white:	#fafafa;
--color-column-coral:	#ff7f51;
--color-query-graphite:	#343a40;
--color-table-cream:	#f9f3df;
--color-result-green:	#9ae19d;

$color-pipeline-blue:	#0077b6;
$color-schema-white:	#fafafa;
$color-column-coral:	#ff7f51;
$color-query-graphite:	#343a40;
$color-table-cream:	#f9f3df;
$color-result-green:	#9ae19d;

@color-pipeline-blue:	#0077b6;
@color-schema-white:	#fafafa;
@color-column-coral:	#ff7f51;
@color-query-graphite:	#343a40;
@color-table-cream:	#f9f3df;
@color-result-green:	#9ae19d;