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

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

RGB:rgb(102, 102, 102)

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

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

HEX

#666666

RGB

102, 102, 102

HSL

0°, 0%, 40%

HSV

0°, 0%, 40%

CMYK

0%, 0%, 0%, 60%

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

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

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

#666666

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

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

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

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

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

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

Тона

0–100%

0%#666666

10%#5C5C5C

20%#525252

30%#474747

40%#3D3D3D

50%#333333

60%#292929

70%#1F1F1F

80%#141414

90%#0A0A0A

100%#000000

Оттенки

0–100%

0%#666666

10%#757575

20%#858585

30%#949494

40%#A3A3A3

50%#B3B3B3

60%#C2C2C2

70%#D1D1D1

80%#E0E0E0

90%#F0F0F0

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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