Ux goals ui design home page colours

Giants Orange
#fa5c12
Macaroni And Cheese
#f9b799
Smokey Topaz
#812b02
Moss Green
#949868
Pastel Pink
#d6b1a0
Mud
#785442

Палітра містить світлий, напівтемний кольори. Акцентні кольори Giants Orange #fa5c12 та Smokey Topaz #812b02. Палітра має температуру кольорів Теплий.

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

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

Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).

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

HEX-коди (відсортовано): #785442, #812B02, #949868, #D6B1A0, #F9B799, #FA5C12

Палітра Ux goals ui design home page colours містить комбінацію з 6 кодів кольорів :

HEX: #fa5c12, RGB: (250, 92, 18); HEX: #f9b799, RGB: (249, 183, 153); HEX: #812b02, RGB: (129, 43, 2)

HEX: #949868, RGB: (148, 152, 104); HEX: #d6b1a0, RGB: (214, 177, 160); HEX: #785442, RGB: (120, 84, 66)

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

Відтінок orangered, Відтінок lightsalmon, Відтінок saddlebrown, Відтінок darkkhaki, Відтінок tan, Відтінок sienna

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

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

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

Ux goals ui design home page colours коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#fa5c12	#fa5c12	RGB(250, 92, 18)	Giants Orange	—
#f9b799	#f9b799	RGB(249, 183, 153)	Macaroni And Cheese	—
#812b02	#812b02	RGB(129, 43, 2)	Smokey Topaz	—
#949868	#949868	RGB(148, 152, 104)	Moss Green	—
#d6b1a0	#d6b1a0	RGB(214, 177, 160)	Pastel Pink	—
#785442	#785442	RGB(120, 84, 66)	Mud	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#fa5c12	#f9b799	1.85
#fa5c12	#949868	1.05
#fa5c12	#d6b1a0	1.61
#f9b799	#949868	1.76
#f9b799	#d6b1a0	1.15
#812b02	#785442	1.37

Зображення палітри Ux goals ui design home page colours png

Ux goals ui design home page colours - #184697

--color-giants-orange:	#fa5c12;
--color-macaroni-and-cheese:	#f9b799;
--color-smokey-topaz:	#812b02;
--color-moss-green:	#949868;
--color-pastel-pink:	#d6b1a0;
--color-mud:	#785442;

$color-giants-orange:	#fa5c12;
$color-macaroni-and-cheese:	#f9b799;
$color-smokey-topaz:	#812b02;
$color-moss-green:	#949868;
$color-pastel-pink:	#d6b1a0;
$color-mud:	#785442;

@color-giants-orange:	#fa5c12;
@color-macaroni-and-cheese:	#f9b799;
@color-smokey-topaz:	#812b02;
@color-moss-green:	#949868;
@color-pastel-pink:	#d6b1a0;
@color-mud:	#785442;