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

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

RGB:rgb(115, 115, 115)

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

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

HEX

#737373

RGB

115, 115, 115

HSL

0°, 0%, 45%

HSV

0°, 0%, 45%

CMYK

0%, 0%, 0%, 55%

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

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

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

#737373

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

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

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

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

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

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

Тона

0–100%

0%#737373

10%#676767

20%#5C5C5C

30%#505050

40%#454545

50%#393939

60%#2E2E2E

70%#222222

80%#171717

90%#0B0B0B

100%#000000

Оттенки

0–100%

0%#737373

10%#818181

20%#8F8F8F

30%#9D9D9D

40%#ABABAB

50%#B9B9B9

60%#C7C7C7

70%#D5D5D5

80%#E3E3E3

90%#F1F1F1

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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