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

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

RGB:rgb(29, 73, 63)

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

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

HEX

#1D493F

RGB

29, 73, 63

HSL

166°, 43%, 20%

HSV

166°, 60%, 29%

CMYK

60%, 0%, 14%, 71%

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

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

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

#1D493F

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

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

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

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

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

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

Тона

0–100%

0%#1D493F

10%#1A4238

20%#173A32

30%#14332C

40%#112C26

50%#0F241F

60%#0C1D19

70%#091613

80%#060F0D

90%#030706

100%#000000

Оттенки

0–100%

0%#1D493F

10%#296658

20%#348371

30%#40A08A

40%#50B9A1

50%#6DC5B0

60%#8AD0C0

70%#A7DCD0

80%#C5E8E0

90%#E2F3EF

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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