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

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

RGB:rgb(64, 64, 64)

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

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

HEX

#404040

RGB

64, 64, 64

HSL

0°, 0%, 25%

HSV

0°, 0%, 25%

CMYK

0%, 0%, 0%, 75%

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

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

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

#404040

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

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

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

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

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

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

Тона

0–100%

0%#404040

10%#393939

20%#333333

30%#2D2D2D

40%#262626

50%#202020

60%#1A1A1A

70%#131313

80%#0D0D0D

90%#060606

100%#000000

Оттенки

0–100%

0%#404040

10%#535353

20%#666666

30%#797979

40%#8C8C8C

50%#9F9F9F

60%#B3B3B3

70%#C6C6C6

80%#D9D9D9

90%#ECECEC

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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