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

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

RGB:rgb(204, 127, 148)

HSL:hsl(344, 43%, 65%)

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

HEX

#CC7F94

RGB

204, 127, 148

HSL

344°, 43%, 65%

HSV

344°, 38%, 80%

CMYK

0%, 38%, 27%, 20%

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

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

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

#CC7F94

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

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

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

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

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

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

Тона

0–100%

0%#CC7F94

10%#C36880

20%#B9506C

30%#A6425D

40%#8E394F

50%#772F42

60%#5F2635

70%#471C28

80%#2F131A

90%#18090D

100%#000000

Оттенки

0–100%

0%#CC7F94

10%#D18C9F

20%#D699A9

30%#DBA6B4

40%#E0B2BF

50%#E6BFC9

60%#EBCCD4

70%#F0D9DF

80%#F5E5EA

90%#FAF2F4

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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