Ux animation map ui colors

Green (Pantone)
#16b54d
Gold (Crayola)
#f1b686
La Salle Green
#0e7632
Shiny Shamrock
#4b9e7a
Sea Foam Green
#a7d7c6
Deep Aquamarine
#48816c

Палитра содержит светлый, полутемный цвета. Акцентные цвета Gold (Crayola) #f1b686 да Sea Foam Green #a7d7c6. Палитра имеет цветовую температуру Холодный, Теплый.

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

Насыщенность в среднем диапазоне.

Оттенки широко разбросаны по кругу — разнообразная палитра (эвристика).

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

HEX-коды (по возрастанию): #0E7632, #16B54D, #48816C, #4B9E7A, #A7D7C6, #F1B686

Палитра Ux animation map ui colors содержит комбинацию из 6 кодов цветов:

HEX: #16b54d, RGB: (22, 181, 77); HEX: #f1b686, RGB: (241, 182, 134); HEX: #0e7632, RGB: (14, 118, 50)

HEX: #4b9e7a, RGB: (75, 158, 122); HEX: #a7d7c6, RGB: (167, 215, 198); HEX: #48816c, RGB: (72, 129, 108)

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

Оттенок mediumseagreen, Тень sandybrown, Тень Зеленый, Тень seashell, Оттенок paleturquoise, Тень seashell

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

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

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

Ux animation map ui colors коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#16b54d	#16b54d	RGB(22, 181, 77)	Green (Pantone)	—
#f1b686	#f1b686	RGB(241, 182, 134)	Gold (Crayola)	—
#0e7632	#0e7632	RGB(14, 118, 50)	La Salle Green	—
#4b9e7a	#4b9e7a	RGB(75, 158, 122)	Shiny Shamrock	—
#a7d7c6	#a7d7c6	RGB(167, 215, 198)	Sea Foam Green	—
#48816c	#48816c	RGB(72, 129, 108)	Deep Aquamarine	—

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

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

Цвет текста	Цвет фона	Коэффициент контрастности
#16b54d	#f1b686	1.51
#16b54d	#4b9e7a	1.19
#16b54d	#a7d7c6	1.7
#16b54d	#48816c	1.67
#f1b686	#4b9e7a	1.81
#f1b686	#a7d7c6	1.11

Изображение палитры Ux animation map ui colors png

--color-green-pantone:	#16b54d;
--color-gold-crayola:	#f1b686;
--color-la-salle-green:	#0e7632;
--color-shiny-shamrock:	#4b9e7a;
--color-sea-foam-green:	#a7d7c6;
--color-deep-aquamarine:	#48816c;

$color-green-pantone:	#16b54d;
$color-gold-crayola:	#f1b686;
$color-la-salle-green:	#0e7632;
$color-shiny-shamrock:	#4b9e7a;
$color-sea-foam-green:	#a7d7c6;
$color-deep-aquamarine:	#48816c;

@color-green-pantone:	#16b54d;
@color-gold-crayola:	#f1b686;
@color-la-salle-green:	#0e7632;
@color-shiny-shamrock:	#4b9e7a;
@color-sea-foam-green:	#a7d7c6;
@color-deep-aquamarine:	#48816c;