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

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

RGB:rgb(77, 77, 77)

HSL:hsl(0, 0%, 30%)

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

HEX

#4D4D4D

RGB

77, 77, 77

HSL

0°, 0%, 30%

HSV

0°, 0%, 30%

CMYK

0%, 0%, 0%, 70%

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

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

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

#4D4D4D

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

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

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

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

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

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

Тона

0–100%

0%#4D4D4D

10%#454545

20%#3D3D3D

30%#363636

40%#2E2E2E

50%#262626

60%#1F1F1F

70%#171717

80%#0F0F0F

90%#080808

100%#000000

Оттенки

0–100%

0%#4D4D4D

10%#5E5E5E

20%#707070

30%#828282

40%#949494

50%#A6A6A6

60%#B8B8B8

70%#C9C9C9

80%#DBDBDB

90%#EDEDED

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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