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

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

RGB:rgb(126, 205, 176)

HSL:hsl(158, 44%, 65%)

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

HEX

#7ECDB0

RGB

126, 205, 176

HSL

158°, 44%, 65%

HSV

158°, 39%, 80%

CMYK

39%, 0%, 14%, 20%

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

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

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

#7ECDB0

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

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

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

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

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

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

Тона

0–100%

0%#7ECDB0

10%#67C4A2

20%#4FBA93

30%#41A782

40%#388F6F

50%#2E775D

60%#255F4A

70%#1C4838

80%#133025

90%#091813

100%#000000

Оттенки

0–100%

0%#7ECDB0

10%#8BD2B8

20%#98D7C0

30%#A5DCC8

40%#B2E1D0

50%#BFE6D8

60%#CCEBDF

70%#D8F0E7

80%#E5F5EF

90%#F2FAF7

100%#FFFFFF

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

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

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

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

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

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

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

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

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

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

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