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

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

RGB:rgb(18, 7, 15)

HSL:hsl(316, 44%, 5%)

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

HEX

#12070F

RGB

18, 7, 15

HSL

316°, 44%, 5%

HSV

316°, 61%, 7%

CMYK

0%, 61%, 17%, 93%

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

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

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

#12070F

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

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

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

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

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

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

Тона

0–100%

0%#12070F

10%#11060E

20%#0F060C

30%#0D050B

40%#0B0409

50%#090408

60%#070306

70%#060205

80%#040103

90%#020102

100%#000000

Оттенки

0–100%

0%#12070F

10%#35152D

20%#58224A

30%#7B3067

40%#9E3D84

50%#BB519F

60%#C973B2

70%#D696C5

80%#E4B9D8

90%#F1DCEC

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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