#336E80 информация о цветовом коде

все конверсии, гармонии и проверки доступности, которые вам необходимо разработать с уверенностью.

РГБ:rgb(51, 110, 128)
HSL.:hsl(194, 43%, 35%)
шестнадцатая
#336E80
РГБ
51, 110, 128
HSL.
194°, 43%, 35%
HSV.
194°, 60%, 50%
CMYK
60%, 14%, 0%, 50%

преобразование цвета

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

шестнадцатая
#336E80
≈ Стально-синий

оттенки и оттенки

изучите, как ведет себя #336E80, смешивая его с белым или черным. эти образцы идеально подходят для состояния зависания, теней и фонов.

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

оттенки

0–100%
0%#336E80
10%#2E6373
20%#295866
30%#244D59
40%#1F424D
50%#193740
60%#142C33
70%#0F2126
80%#0A161A
90%#050B0D
100%#000000

оттенок

0–100%
0%#336E80
10%#3C8297
20%#4696AF
30%#59A6BD
40%#71B2C6
50%#88BFD0
60%#A0CCD9
70%#B8D9E3
80%#D0E5EC
90%#E7F2F6
100%#FFFFFF

цветовая гармония

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

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

взаимодополняющая

противоположные оттенки, которые создают влияние и смелый контраст.

аналогичный

соседние оттенки для естественных, жидких градиентов.

триадический

три равномерно расположенных оттенка для игривого баланса.

Четыре раза

две взаимодополняющие пары, обеспечивающие богатое разнообразие.

монохроматический

более светлые и темные братья и сестры в одной и той же семье оттенков.

контраст доступности

проверьте, насколько читаем #336E80 с использованием обычных цветов текста, чтобы каждый посетитель наслаждался четким опытом.

используйте aa в качестве базовой линии для копии тела и aaa для премиум-доступности.

образец текста на {{против}}
цвет текста#000000
фон?#336E80
коэффициент контраста3.68:1
Уровень wcagFail
образец текста на {{против}}
цвет текста#FFFFFF
фон?#336E80
коэффициент контраста5.70:1
Уровень wcagAA
рекомендуемый предварительный просмотр текста
цвет текста#FFFFFF
фон?#336E80
коэффициент контраста5.70:1
Уровень wcagAA

технические форматы

разблокируйте профессиональные цветовые пространства, такие как варианты xyz, LAB, cmyk и готовые к экспорту профили.

зарегистрироваться бесплатно

практические форматы

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

зарегистрироваться бесплатно

цветовой анализ

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

зарегистрироваться бесплатно

симулятор слепоты

предварительный просмотр того, как #336E80 появляется при распространенных недостатках цветового зрения.

зарегистрироваться бесплатно

творческие аспекты

исследовать сезонные ассоциации, эмоциональные сигналы и естественные явления.

зарегистрироваться бесплатно

руководство по проектированию

баланс, баланс

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

контрастный контраст

тестирующие комбинации с реальным контентом. Более высокая контрастность улучшает сканирование, читаемость и конверсии.

Гармония

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

нужен другой цвет?

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

Открытый цветовыбор