Component library interface style guide widgets hex colors

Safety Orange (Blaze Orange)
#f26a08
Middle Yellow Red
#f1ac6c
Tenné (Tawny)
#d35c05
Liver Chestnut
#9c6c54
Cadet Blue (Crayola)
#b0acbc
Dark Lava
#4c3c34

Палітра містить світлий кольори. Акцентні кольори Tenné (Tawny) #d35c05 та Cadet Blue (Crayola) #b0acbc. Палітра має температуру кольорів Теплий, Холодний.

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

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

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

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

HEX-коди (відсортовано): #4C3C34, #9C6C54, #B0ACBC, #D35C05, #F1AC6C, #F26A08

Палітра Component library interface style guide widgets hex colors містить комбінацію з 6 кодів кольорів :

HEX: #f26a08, RGB: (242, 106, 8); HEX: #f1ac6c, RGB: (241, 172, 108); HEX: #d35c05, RGB: (211, 92, 5)

HEX: #9c6c54, RGB: (156, 108, 84); HEX: #b0acbc, RGB: (176, 172, 188); HEX: #4c3c34, RGB: (76, 60, 52)

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

Відтінок chocolate, Відтінок sandybrown, Відтінок chocolate, Відтінок sienna, Відтінок darkgrey, Відтінок dimgrey

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

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

Brown Сірий

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

Component library interface style guide widgets hex colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f26a08	#f26a08	RGB(242, 106, 8)	Safety Orange (Blaze Orange)	—
#f1ac6c	#f1ac6c	RGB(241, 172, 108)	Middle Yellow Red	—
#d35c05	#d35c05	RGB(211, 92, 5)	Tenné (Tawny)	—
#9c6c54	#9c6c54	RGB(156, 108, 84)	Liver Chestnut	—
#b0acbc	#b0acbc	RGB(176, 172, 188)	Cadet Blue (Crayola)	—
#4c3c34	#4c3c34	RGB(76, 60, 52)	Dark Lava	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f26a08	#f1ac6c	1.58
#f26a08	#d35c05	1.28
#f26a08	#9c6c54	1.45
#f26a08	#b0acbc	1.38
#f1ac6c	#b0acbc	1.14
#d35c05	#9c6c54	1.13

Зображення палітри Component library interface style guide widgets hex colors png

Component library interface style guide widgets hex colors - #209362

--color-safety-orange-blaze-orange:	#f26a08;
--color-middle-yellow-red:	#f1ac6c;
--color-tenne-tawny:	#d35c05;
--color-liver-chestnut:	#9c6c54;
--color-cadet-blue-crayola:	#b0acbc;
--color-dark-lava:	#4c3c34;

$color-safety-orange-blaze-orange:	#f26a08;
$color-middle-yellow-red:	#f1ac6c;
$color-tenne-tawny:	#d35c05;
$color-liver-chestnut:	#9c6c54;
$color-cadet-blue-crayola:	#b0acbc;
$color-dark-lava:	#4c3c34;

@color-safety-orange-blaze-orange:	#f26a08;
@color-middle-yellow-red:	#f1ac6c;
@color-tenne-tawny:	#d35c05;
@color-liver-chestnut:	#9c6c54;
@color-cadet-blue-crayola:	#b0acbc;
@color-dark-lava:	#4c3c34;