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

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

RGB:rgb(204, 127, 194)

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

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

HEX

#CC7FC2

RGB

204, 127, 194

HSL

308°, 43%, 65%

HSV

308°, 38%, 80%

CMYK

0%, 38%, 5%, 20%

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

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

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

#CC7FC2

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

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

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

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

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

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

Тона

0–100%

0%#CC7FC2

10%#C368B7

20%#B950AB

30%#A64299

40%#8E3983

50%#772F6D

60%#5F2657

70%#471C41

80%#2F132C

90%#180916

100%#000000

Оттенки

0–100%

0%#CC7FC2

10%#D18CC8

20%#D699CE

30%#DBA6D4

40%#E0B2DA

50%#E6BFE0

60%#EBCCE7

70%#F0D9ED

80%#F5E5F3

90%#FAF2F9

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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