Development web ux crypto

Wageningen Green
#21ab2b
Granny Smith Apple
#9ce19a
American Green
#36ad3e
Apple
#4eac51
Light Moss Green
#acd5a4
Japanese Indigo
#2c344c

Палитра содержит светлый цвета. Акцентные цвета Wageningen Green #21ab2b да Granny Smith Apple #9ce19a. Палитра имеет цветовую температуру Холодный, Нейтральный.

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

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

Оттенки лежат в соседней полосе на круге (эвристика).

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

HEX-коды (по возрастанию): #21AB2B, #2C344C, #36AD3E, #4EAC51, #9CE19A, #ACD5A4

Палитра Development web ux crypto содержит комбинацию из 6 кодов цветов:

HEX: #21ab2b, RGB: (33, 171, 43); HEX: #9ce19a, RGB: (156, 225, 154); HEX: #36ad3e, RGB: (54, 173, 62)

HEX: #4eac51, RGB: (78, 172, 81); HEX: #acd5a4, RGB: (172, 213, 164); HEX: #2c344c, RGB: (44, 52, 76)

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

Тень forestgreen, Оттенок lightgreen, Оттенок mediumseagreen, Оттенок mediumseagreen, Тень darkseagreen, Оттенок darkslateblue

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

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

Зеленый Синий

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

Development web ux crypto коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#21ab2b	#21ab2b	RGB(33, 171, 43)	Wageningen Green	—
#9ce19a	#9ce19a	RGB(156, 225, 154)	Granny Smith Apple	—
#36ad3e	#36ad3e	RGB(54, 173, 62)	American Green	—
#4eac51	#4eac51	RGB(78, 172, 81)	Apple	—
#acd5a4	#acd5a4	RGB(172, 213, 164)	Light Moss Green	—
#2c344c	#2c344c	RGB(44, 52, 76)	Japanese Indigo	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#21ab2b	#9ce19a	1.97
#21ab2b	#36ad3e	1.04
#21ab2b	#4eac51	1.06
#21ab2b	#acd5a4	1.84
#9ce19a	#36ad3e	1.89
#9ce19a	#4eac51	1.85

Изображение палитры Development web ux crypto png

--color-wageningen-green:	#21ab2b;
--color-granny-smith-apple:	#9ce19a;
--color-american-green:	#36ad3e;
--color-apple:	#4eac51;
--color-light-moss-green:	#acd5a4;
--color-japanese-indigo:	#2c344c;

$color-wageningen-green:	#21ab2b;
$color-granny-smith-apple:	#9ce19a;
$color-american-green:	#36ad3e;
$color-apple:	#4eac51;
$color-light-moss-green:	#acd5a4;
$color-japanese-indigo:	#2c344c;

@color-wageningen-green:	#21ab2b;
@color-granny-smith-apple:	#9ce19a;
@color-american-green:	#36ad3e;
@color-apple:	#4eac51;
@color-light-moss-green:	#acd5a4;
@color-japanese-indigo:	#2c344c;