Ui process interface design palette

Yellow-Green
#84cc38
Menthol
#d0ee9f
Dark Moss Green
#406c18
Moss Green
#77a05c
Sage
#b7c596
Brown Coffee
#4c342a

Палітра містить світлий, напівтемний кольори. Акцентні кольори Menthol #d0ee9f та Dark Moss Green #406c18. Палітра має температуру кольорів Теплий, Нейтральний.

За світлістю палітра сягає від #4C342A (найтемніший) до #D0EE9F (найсвітліший). Діапазон світлості помірний.

Насиченість змішана — є приглушені й більш яскраві акценти.

Відтінки лежать у сусідній смузі на колі (евристика).

Загалом температура зміщена в бік теплого.

HEX-коди (відсортовано): #406C18, #4C342A, #77A05C, #84CC38, #B7C596, #D0EE9F

Палітра Ui process interface design palette містить комбінацію з 6 кодів кольорів :

HEX: #84cc38, RGB: (132, 204, 56); HEX: #d0ee9f, RGB: (208, 238, 159); HEX: #406c18, RGB: (64, 108, 24)

HEX: #77a05c, RGB: (119, 160, 92); HEX: #b7c596, RGB: (183, 197, 150); HEX: #4c342a, RGB: (76, 52, 42)

Спрощений варіант палітри кольорів

Відтінок Жовтозелений, Відтінок palegoldenrod, Відтінок darkolivegreen, Відтінок olivedrab, Відтінок darkseagreen, Відтінок saddlebrown

Кольорова схема створена автором colorswall

Більше палітр з:

Коди кольорів у палітрі

Ui process interface design palette коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#84cc38	#84cc38	RGB(132, 204, 56)	Yellow-Green	—
#d0ee9f	#d0ee9f	RGB(208, 238, 159)	Menthol	—
#406c18	#406c18	RGB(64, 108, 24)	Dark Moss Green	—
#77a05c	#77a05c	RGB(119, 160, 92)	Moss Green	—
#b7c596	#b7c596	RGB(183, 197, 150)	Sage	—
#4c342a	#4c342a	RGB(76, 52, 42)	Brown Coffee	—

Контраст палітри кольорів

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#84cc38	#d0ee9f	1.53
#84cc38	#77a05c	1.53
#84cc38	#b7c596	1.07
#d0ee9f	#b7c596	1.43
#406c18	#4c342a	1.84
#77a05c	#b7c596	1.64

Зображення палітри Ui process interface design palette png

Ui process interface design palette - #229059

--color-yellow-green:	#84cc38;
--color-menthol:	#d0ee9f;
--color-dark-moss-green:	#406c18;
--color-moss-green:	#77a05c;
--color-sage:	#b7c596;
--color-brown-coffee:	#4c342a;

$color-yellow-green:	#84cc38;
$color-menthol:	#d0ee9f;
$color-dark-moss-green:	#406c18;
$color-moss-green:	#77a05c;
$color-sage:	#b7c596;
$color-brown-coffee:	#4c342a;

@color-yellow-green:	#84cc38;
@color-menthol:	#d0ee9f;
@color-dark-moss-green:	#406c18;
@color-moss-green:	#77a05c;
@color-sage:	#b7c596;
@color-brown-coffee:	#4c342a;