Ui streaming gradient stream

Sky Blue (Crayola)
#6cccec
Medium Sky Blue
#8cdcec
Café Noir
#4c3420
Beaver
#a18669
Dark Vanilla
#c6baa6
Coffee
#614d37

Палитра содержит светлый цвета. Акцентные цвета Sky Blue (Crayola) #6cccec да Café Noir #4c3420. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #4C3420, #614D37, #6CCCEC, #8CDCEC, #A18669, #C6BAA6

Палитра Ui streaming gradient stream содержит комбинацию из 6 кодов цветов:

HEX: #6cccec, RGB: (108, 204, 236); HEX: #8cdcec, RGB: (140, 220, 236); HEX: #4c3420, RGB: (76, 52, 32)

HEX: #a18669, RGB: (161, 134, 105); HEX: #c6baa6, RGB: (198, 186, 166); HEX: #614d37, RGB: (97, 77, 55)

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

Оттенок skyblue, Тень skyblue, Оттенок saddlebrown, Оттенок peru, Тень tan, Оттенок saddlebrown

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

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

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

Ui streaming gradient stream коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#6cccec	#6cccec	RGB(108, 204, 236)	Sky Blue (Crayola)	—
#8cdcec	#8cdcec	RGB(140, 220, 236)	Medium Sky Blue	—
#4c3420	#4c3420	RGB(76, 52, 32)	Café Noir	—
#a18669	#a18669	RGB(161, 134, 105)	Beaver	—
#c6baa6	#c6baa6	RGB(198, 186, 166)	Dark Vanilla	—
#614d37	#614d37	RGB(97, 77, 55)	Coffee	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#6cccec	#8cdcec	1.18
#6cccec	#a18669	1.87
#6cccec	#c6baa6	1.04
#8cdcec	#c6baa6	1.23
#4c3420	#614d37	1.44
#a18669	#c6baa6	1.79

Изображение палитры Ui streaming gradient stream png

--color-sky-blue-crayola:	#6cccec;
--color-medium-sky-blue:	#8cdcec;
--color-cafe-noir:	#4c3420;
--color-beaver:	#a18669;
--color-dark-vanilla:	#c6baa6;
--color-coffee:	#614d37;

$color-sky-blue-crayola:	#6cccec;
$color-medium-sky-blue:	#8cdcec;
$color-cafe-noir:	#4c3420;
$color-beaver:	#a18669;
$color-dark-vanilla:	#c6baa6;
$color-coffee:	#614d37;

@color-sky-blue-crayola:	#6cccec;
@color-medium-sky-blue:	#8cdcec;
@color-cafe-noir:	#4c3420;
@color-beaver:	#a18669;
@color-dark-vanilla:	#c6baa6;
@color-coffee:	#614d37;