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

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

RGB:rgb(153, 153, 153)

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

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

HEX

#999999

RGB

153, 153, 153

HSL

0°, 0%, 60%

HSV

0°, 0%, 60%

CMYK

0%, 0%, 0%, 40%

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

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

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

#999999

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

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

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

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

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

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

Тона

0–100%

0%#999999

10%#8A8A8A

20%#7A7A7A

30%#6B6B6B

40%#5C5C5C

50%#4D4D4D

60%#3D3D3D

70%#2E2E2E

80%#1F1F1F

90%#0F0F0F

100%#000000

Оттенки

0–100%

0%#999999

10%#A3A3A3

20%#ADADAD

30%#B8B8B8

40%#C2C2C2

50%#CCCCCC

60%#D6D6D6

70%#E0E0E0

80%#EBEBEB

90%#F5F5F5

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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