Ui signup sing up design palette

Light Brown
#bc5c1c
Buff
#efcc83
Seal Brown
#642612
Cadet Blue
#599da8
Silver Pink
#cca1b1
Gray-Asparagus
#44544c

Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Buff #efcc83 да Cadet Blue #599da8. Палитра имеет цветовую температуру Теплый, Холодный, Нейтральный.

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

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

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

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

HEX-коды (по возрастанию): #44544C, #599DA8, #642612, #BC5C1C, #CCA1B1, #EFCC83

Палитра Ui signup sing up design palette содержит комбинацию из 6 кодов цветов:

HEX: #bc5c1c, RGB: (188, 92, 28); HEX: #efcc83, RGB: (239, 204, 131); HEX: #642612, RGB: (100, 38, 18)

HEX: #599da8, RGB: (89, 157, 168); HEX: #cca1b1, RGB: (204, 161, 177); HEX: #44544c, RGB: (68, 84, 76)

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

Оттенок chocolate, Оттенок navajowhite, Тень Бордовый, Оттенок cadetblue, Тень rosybrown, Тень darkslategrey

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

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

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

Ui signup sing up design palette коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#bc5c1c	#bc5c1c	RGB(188, 92, 28)	Light Brown	—
#efcc83	#efcc83	RGB(239, 204, 131)	Buff	Ochre Yellow
#642612	#642612	RGB(100, 38, 18)	Seal Brown	—
#599da8	#599da8	RGB(89, 157, 168)	Cadet Blue	—
#cca1b1	#cca1b1	RGB(204, 161, 177)	Silver Pink	—
#44544c	#44544c	RGB(68, 84, 76)	Gray-Asparagus	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#bc5c1c	#599da8	1.45
#bc5c1c	#cca1b1	1.98
#bc5c1c	#44544c	1.78
#efcc83	#cca1b1	1.46
#642612	#44544c	1.43
#599da8	#cca1b1	1.36

Изображение палитры Ui signup sing up design palette png

--color-light-brown:	#bc5c1c;
--color-buff:	#efcc83;
--color-seal-brown:	#642612;
--color-cadet-blue:	#599da8;
--color-silver-pink:	#cca1b1;
--color-gray-asparagus:	#44544c;

$color-light-brown:	#bc5c1c;
$color-buff:	#efcc83;
$color-seal-brown:	#642612;
$color-cadet-blue:	#599da8;
$color-silver-pink:	#cca1b1;
$color-gray-asparagus:	#44544c;

@color-light-brown:	#bc5c1c;
@color-buff:	#efcc83;
@color-seal-brown:	#642612;
@color-cadet-blue:	#599da8;
@color-silver-pink:	#cca1b1;
@color-gray-asparagus:	#44544c;