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

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

RGB:rgb(204, 127, 170)

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

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

HEX

#CC7FAA

RGB

204, 127, 170

HSL

326°, 43%, 65%

HSV

326°, 38%, 80%

CMYK

0%, 38%, 17%, 20%

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

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

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

#CC7FAA

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

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

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

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

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

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

Тона

0–100%

0%#CC7FAB

10%#C3689B

20%#B9508C

30%#A6427B

40%#8E3969

50%#772F58

60%#5F2646

70%#471C35

80%#2F1323

90%#180912

100%#000000

Оттенки

0–100%

0%#CC7FAB

10%#D18CB3

20%#D699BC

30%#DBA6C4

40%#E0B2CD

50%#E6BFD5

60%#EBCCDD

70%#F0D9E6

80%#F5E5EE

90%#FAF2F7

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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