#337B80 информация о цветовом коде

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

РГБ:rgb(51, 123, 128)
HSL.:hsl(184, 43%, 35%)
шестнадцатая
#337B80
РГБ
51, 123, 128
HSL.
184°, 43%, 35%
HSV.
184°, 60%, 50%
CMYK
60%, 4%, 0%, 50%

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

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

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

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

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

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

оттенки

0–100%
0%#337B80
10%#2E6E73
20%#296266
30%#245659
40%#1F4A4D
50%#193D40
60%#143133
70%#0F2526
80%#0A191A
90%#050C0D
100%#000000

оттенок

0–100%
0%#337B80
10%#3C9197
20%#46A8AF
30%#59B6BD
40%#71C1C6
50%#88CBD0
60%#A0D5D9
70%#B8E0E3
80%#D0EAEC
90%#E7F5F6
100%#FFFFFF

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

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

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

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

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

аналогичный

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

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

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

Четыре раза

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Гармония

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

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

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

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