Информация о коде цвета #3A491D

Все конверсии, гармонии и проверки доступности, необходимые для уверенного дизайна.

RGB:rgb(58, 73, 29)

HSL:hsl(80, 43%, 20%)

выбирать цвет из изображениявыбор цветов

HEX

#3A491D

RGB

58, 73, 29

HSL

80°, 43%, 20%

HSV

80°, 60%, 29%

CMYK

21%, 0%, 60%, 71%

Конверсия цвета

Генерируйте значения в нескольких цветовых моделях в одном месте.

HEXОттенок (80°)Насыщенность (43%)Светлота (20%)

#3A491D

≈≈ Стальной синий

Эталонные цветовые карты

Более низкий ΔE означает более близкое визуальное совпадение

Оттенки и тона

Посмотрите, как #3A491D ведет себя при смешивании с белым или черным. Эти образцы идеально подходят для состояний при наведении, теней и фонов.

Наведите курсор, чтобы скопировать любое значение hex и повторно использовать его в своем интерфейсе.

Тона

0–100%

0%#3A491D

10%#34421A

20%#2F3A17

30%#293314

40%#232C11

50%#1D240F

60%#171D0C

70%#111609

80%#0C0F06

90%#060703

100%#000000

Оттенки

0–100%

0%#3A491D

10%#526629

20%#698334

30%#80A040

40%#96B950

50%#A8C56D

60%#B9D08A

70%#CBDCA7

80%#DCE8C5

90%#EEF3E2

100%#FFFFFF

Распространенные варианты использования

Состояния компонентов пользовательского интерфейса (наведение, активный, отключенный)
Создание глубины с помощью теней и бликов
Создание согласованных цветовых систем

Система дизайна

Совет по системе дизайна

Эти вариации формируют основу целостной палитры. Экспортируйте их, чтобы обеспечить согласованность между маркетингом, продуктом и разработкой.

Экспортировать палитру

Цветовые гармонии

Мгновенно создавайте сбалансированные палитры с помощью гармоний, сгенерированных из #3A491D.

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

Как использовать

Выберите один доминирующий цвет, а затем позвольте вспомогательным оттенкам выступать в качестве акцентов для типографики, поверхностей и кнопок призыва к действию.