Desktop funnel chart ui

Blue (Crayola)
#2c74fa
Gold (Crayola)
#eeb494
Blue Sapphire
#1d6b83
Slate Gray
#79848c
Opal
#a9c0c6
Purple Taupe
#4c444c

Палитра содержит светлый, полутемный цвета. Акцентные цвета Blue (Crayola) #2c74fa да Gold (Crayola) #eeb494. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.

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

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

HEX-коды (по возрастанию): #1D6B83, #2C74FA, #4C444C, #79848C, #A9C0C6, #EEB494

Палитра Desktop funnel chart ui содержит комбинацию из 6 кодов цветов:

HEX: #2c74fa, RGB: (44, 116, 250); HEX: #eeb494, RGB: (238, 180, 148); HEX: #1d6b83, RGB: (29, 107, 131)

HEX: #79848c, RGB: (121, 132, 140); HEX: #a9c0c6, RGB: (169, 192, 198); HEX: #4c444c, RGB: (76, 68, 76)

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

Тень royalblue, Тень lightsalmon, Оттенок steelblue, Оттенок lightslategrey, Оттенок lightblue, Оттенок dimgrey

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

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

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

Desktop funnel chart ui коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#2c74fa	#2c74fa	RGB(44, 116, 250)	Blue (Crayola)	—
#eeb494	#eeb494	RGB(238, 180, 148)	Gold (Crayola)	—
#1d6b83	#1d6b83	RGB(29, 107, 131)	Blue Sapphire	—
#79848c	#79848c	RGB(121, 132, 140)	Slate Gray	—
#a9c0c6	#a9c0c6	RGB(169, 192, 198)	Opal	—
#4c444c	#4c444c	RGB(76, 68, 76)	Purple Taupe	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#2c74fa	#1d6b83	1.43
#2c74fa	#79848c	1.1
#eeb494	#a9c0c6	1.04
#1d6b83	#79848c	1.57
#1d6b83	#4c444c	1.55

Изображение палитры Desktop funnel chart ui png

--color-blue-crayola:	#2c74fa;
--color-gold-crayola:	#eeb494;
--color-blue-sapphire:	#1d6b83;
--color-slate-gray:	#79848c;
--color-opal:	#a9c0c6;
--color-purple-taupe:	#4c444c;

$color-blue-crayola:	#2c74fa;
$color-gold-crayola:	#eeb494;
$color-blue-sapphire:	#1d6b83;
$color-slate-gray:	#79848c;
$color-opal:	#a9c0c6;
$color-purple-taupe:	#4c444c;

@color-blue-crayola:	#2c74fa;
@color-gold-crayola:	#eeb494;
@color-blue-sapphire:	#1d6b83;
@color-slate-gray:	#79848c;
@color-opal:	#a9c0c6;
@color-purple-taupe:	#4c444c;