A:link{Color:#006699: #006699 информация о цвете, в RGB 0, 102, 153 – Hcolor

#006699 информация о цвете, в RGB 0, 102, 153 – Hcolor

Информация о цвете #006699

В пространстве цветов RGB, hex #006699 содержит 0.00% красного цвета, 40.00% зелёного и 60.00% синиго процентного содержания цвета.
Тогда как в пространстве цветов CMYK, сщвуржится 57.69 циана (голубого цвета), 19.23 маджента (пурпурного цвета), 0.00 жёлтого и 23.08 чёрного цветов.
Он имеет угол цветового тона 200.00 градусов, насыщенности 100.00% и легкость 30.00%.

Этот цвет является цветом Web-палитры.

Реклама

#006699 Преобразование цвета

Шестнадцатеричное значение цвета #006699 содержит значения в RGB цветах из R:0, G:102, B:153
и CMYK значений C:100, M:33, Y:0, K:40.
Его десятичное значение равно 26265.

Hex triplet#006699
RGB Decimalrgb(0, 102, 153)
RGB Percentrgb(0.00%, 40.00%, 60.00%)
CMYKcmyk(100, 33, 0, 40)
HSLhsl(200.00°, 100.00, 30.00)
HSV (or HSB)hsv(200. 00°, 100.00, 60.00)
Web Safe#006699
CIE-LAB40.90, -5.35, -34.67
XYZ10.50, 11.80, 31.86
xyY0.19, 0.22, 11.80
CIE-LCH40.90, 35.08, 261.23
CIE-LUV40.90, -26.31, -49.52
Hunter-Lab34.35, -5.56, -30.93
Binary0, 1100110, 10011001

Дополнительный цвет

Аналогичные цвета

Разделение Добавочный цвет

Цвета по точкам треугольника

Цвет по точкам тетрайдера

Цвета по точкам квадрата

Монохромные цвета

Наличие ненавясчивой рекламы на сайте позволяет хоть чуть чуть окупить содержание сервера.»>Реклама

Текст с шестнадцатеричным цветом #006699

Этот текст имеет цвет шрифта #006699.

<span>Текст здесь</span>

#006699 цвет заливки

Этот параграф имеет цвет заливки #006699.

<p>Содержимое здесь</p>

#006699 цвет граници

Этот элемент имеет цвет границ #006699.

<div>Содержимое здесь</div>

CSS коды

.text {color:#006699;}
.background {background-color:#006699;}
.border {border:1px solid #006699;}

Залёный канал

Синий канал

Наличие ненавясчивой рекламы на сайте позволяет хоть чуть чуть окупить содержание сервера.»>Реклама

#006699 информация о цвете, в RGB 0, 102, 153 – Hcolor

#006699 Информация о цвете

В цветовом пространстве RGB шестнадцатеричный код #006699 состоит из 0,00 % красного, 40,00 % зеленого и 60,00 % синего.
В то время как в цветовом пространстве CMYK оно состоит из 57,69 голубого, 19,23 пурпурного, 0,00 желтого и 23,08 черного.
Он имеет угол оттенка 200,00 градусов, насыщенность 100,00% и яркость 30,00%.

Это цвет WebSafe.

Реклама

#006699 Преобразование цвета

Шестнадцатеричный цвет #006699 имеет значения RGB R:0, G:102, B:153.
и значения CMYK C:100, M:33, Y:0, K:40.
Его десятичное значение равно 26265.

Шестигранник тройной #006699
RGB Десятичный RGB(0, 102, 153)
RGB Процент RGB(0,00%, 40,00%, 60,00%)
CMYK cmyk(100, 33, 0, 40)
ВШЛ hsl(200.00°, 100.00, 30.00)
HSV (или HSB ) hsv(200. 00°, 100.00, 60.00)
Веб-сейф #006699
CIE-ЛАБ 40,90, -5,35, -34,67
XYZ 10,50, 11,80, 31,86
хуу 0,19, 0,22, 11,80
CIE- LCH 40.90, 35.08, 261.23
МКО-ЛУВ 40,90, -26,31, -49,52
Охотничья лаборатория 34,35, -5,56, -30,93
Двоичный 0, 1100110, 10011001

Дополнительный цвет

Аналогичный цвет

  • 0152 Split Complementary Color

    Triadic Color

    Tetradic Color

    Square Color

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

    The presence of unobtrusive advertising on the site allows you to at least slightly recoup the content of the server.»> Реклама

    Текст с шестнадцатеричными цветами #006699

    Этот текст имеет цвет шрифта #006699.

     Текст здесь

    #006699 цвет фона

    Этот абзац имеет цвет фона #006699.

     
    Содержимое здесь

    #006699 Цвет рамки

    Этот элемент имеет цвет границы #006699.

     
    Содержание здесь

    Коды CSS 

     .text {color:#006699;} 
     .background {background-color:#006699;} 
     .border {border:1px solid #006699;}

    Green colors

    Blue colors

    The presence of unobtrusive advertising on the site allows you to at least slightly recoup the content of the server.»> Реклама

    Преобразование цветов — Hex — 006699

    Преобразования · Детали · Гармонии · Изображения · Предварительный просмотр · Моделирование цветовой слепоты · CSS · Справка

    Преобразования

    Здесь вы видите, как ваш цвет преобразуется в 17 различных цветовых форматов, таких как RGB, CMYK, HSV, HSL, CIELab, Android, Decimal и ЮВ.

    🤖 Преобразование нескольких цветов одновременно или 📢 получение преобразований и гармоний через REST API.

    .

    Преобразования Часть 1
    Формат Цвет
    Шестнадцатеричный 006699
    RGB 0, 102, 153
    RGB Percent 0%, 40%, 60%
    CMY 1.0000, 0.6000, 0.4000
    CMYK 1. 00 , 0,33, 0,00, 0,40
    HSL 200 °, 100%, 30%
    HSV 200 °, 100%, 60%
    xyz8

    		8

    		8888

    		8

    		8

    xyz

    		18

    YIQ 77.3160, -77.1630, -5.7630
    Conversions Part 2
    Format Color
    RYB 0, 61, 153
    Decimal 26265
    CIELab 40.90, -5.34, -34.68
    CIELCh 41, 35.084, 261.245
    Yxy 11.8027, 0.1939, 0.2179
    Android (android. graphics.Color) 4278216345 (0xFF006699)
    YUV 77.3160, 37.3122, -67.8061
    Hunter-Lab 34.3550, -5.5599, -30.9385

    Are you interested in the nearest colors from our lists для вашего цвета? Например, ближайший цвет Benjamin Moore, Farrow & Ball или Sherwin Williams?

    Получение ближайших цветов из списков

    Детали

    Шестнадцатеричный цвет 006699 — темный цвет, а версия веб-безопасности — шестнадцатеричная 006699. Дополнением этого цвета будет 993300, а версия в градациях серого — 4D4D4D.

    На 20 % светлее версия исходного цвета — 5499D0, а 003866 — на 20 % темнее. Если вы сделаете цвет насыщеннее на 10 %, вы получите 006699, а если обесцветите на 10 %, получится 0F6B99.

    Распределение

    Распределение цветов RGBРаспределение значений RGB, красного, зеленого и синего.КрасныйПроцент красного в цвете.ЗеленыйПроцент зеленого в цвете.СинийПроцент синего в цвете. RGB 9

  • Синий (60%)

    Распределение цветов CMYKРаспределение значений CMYK, CMYK , пурпурный, желтый и черный.ГолубойПроцент голубого в цвете.ПурпурныйПроцент пурпурного в цвете.ЖелтыйПроцент желтого в цвете.ЧерныйПроцент черного в цвете.CMYK

    Значения YellowCyan, CMY Color Distribution Голубой в цвете.ПурпурныйПроцент пурпурного в цвете.ЖелтыйПроцент желтого в цвете.CMY

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Color Palette Image

    Harmonies

    Analogous

    The analogous color harmony consists of three colors которые находятся рядом друг с другом на цветовом круге.

    🖌️ Color Bucket🌈 CSS CSS Gradient🔧 Text Shadow📷 Color Palette Image

    Триада

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

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Color Palette Image

    Complementary

    The complementary color scheme is a pair of colors which are on the opposite of each other on цветовой круг.

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Цветовая палитра Изображение

    Split Complementary

    Split-дополнительные цвета отличаются от комплементарной цветовой схемы. Схема состоит из трех цветов, исходного цвета и двух соседних дополнительных цветов. Цветовая палитра0004 Квадратная схема аналогична цветовой схеме прямоугольника, но четыре цвета равномерно распределены по цветовому кругу.

    🖌 Color -Bucket🌈 CSS Gradient🔧 CSSER. рулевое колесо.

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Цветовая палитра Image

    Sweetspot

    Лучшая точка объединяет исходный цвет и пять дополнительных цветов.

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Color Palette Image

    SVG Images

    A selection of SVG images using the hex version # 006699 текущего цвета.

    #006699
    Предварительный просмотр

    Белый фон

     

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

    Проверка цветового контраста

    Крупный текст (более 18 pt) WCAG AA ✓ Пройдено

    Любой текст WCAG AA ✓ Пройдено

    чтобы проверить с другими цветовыми сочетаниями, попробуйте Color Contrast Checker.

    Черный фон

     

    В этом предварительном просмотре показано, как шестнадцатеричный цвет 006699 выглядит на черном фоне.

    Проверка Color Contrast

    Большой текст (выше 18PT) WCAG AA ✓ Пропуск

    Любой текст WCAG AA ✕ Fail

    Большой текст (выше 18pt) WCAG AAA ✕ Fail

    Любой текст WCAG AAA ✕ Fail

    , если вы хотите чтобы проверить с другими цветовыми сочетаниями, попробуйте Color Contrast Checker.

    Шестнадцатеричный 006699 Фон

     

    В этом предварительном просмотре показано, как черный текст выглядит на фоне с шестнадцатеричным цветом 00669.9.

     

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

    Моделирование цветовой слепоты

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

    Дихроматичность

    Исходный цвет
    006699

    Протанопия (отсутствие L-колбочек)
    Мужчины: от 1% до 1,3%, женщины: 0,02%
    4E5F93 ​​

    Дейтеранопия (отсутствие M-колбочек)
    Мужчины: от 1% до 1,02% %
    3F619A

    Tritanopia (S-cone absent)
    Men: 0.001%, Women: 0.03%
    006B73

    Trichromacy

    Original Color
    006699

    Protanomaly (L-cone defect)
    Men : 1,3%, женщины: 0,02%
    326295

    Deuteranomaly (дефект M-Cone)
    Мужчины: 5,0%, женщины: 0,35%
    28639A

    Тританомалия (дефект S-Cone)
    Мужчины: 0,01%, женщины: 0,01%
    0069191919191919191919191919191919191919161919198.
    : 0,01%, женщины: 0,01%
    006919191919191919198.
    : 0,01%. Original Color
    006699

    Achromatopsia
    Men: 0.1%, Women: 0. 1%
    4D4D4D

    Achromatomaly
    Men: 0.1%, Women: 0.1%
    315669

    CSS Examples

    Text

    The CSS property to изменить цвет текста на Hex 006699 называется «цвет». Свойство цвета можно установить для классов, идентификаторов или непосредственно для элемента HTML.

    В этом примере показано, как выглядит текст цвета #006699.

     .text, #text, p{color:#006699} 
     📋 Скопируйте код

    Если вы хотите добавить тень текста в этом цвете, используйте свойство text-shadow, вы можете создать тень текста непосредственно с помощью нашего 🔧 Генератор текстовых теней CSS.

    Здесь вы видите, как выглядит черный текст с 4-х пиксельной цветной тенью #006699.

     .shadow{ text-shadow: 4px 4px 2px #006699 } 
     📋 Скопировать код

    Граница

    Свойство CSS для изменения границы элемента на шестнадцатеричное 006699 называется «граница». Свойство границы можно установить для классов, идентификаторов или непосредственно для элемента HTML.

    В этом примере цвет показан как граница, его можно применить с помощью свойства CSS «border» или «border-color».

     .border, #border, table{ border:4px solid #006699 } 
     📋 Скопировать код

    Если нужно изменить только цвет границы, используйте свойство border-color.

     .border{ border-color:#006699 } 
     📋 Скопируйте код

    Если вы хотите добавить тень блока этого цвета, используйте:

    Здесь вы видите, как выглядит блок с 4-пиксельной цветной тенью #006699 .

     .boxshadow{ -moz-box-shadow:4px 4px 4px 4px #006699; -webkit-box-shadow:4px 4px 4px 4px #006699; box-shadow:4px 4px 4px 4px #006699 } 
     📋 Код копирования

    Фон

    Свойство CSS для изменения цвета фона элемента на шестнадцатеричный 006699 называется «фон». Свойство background может быть установлено для классов, идентификаторов или непосредственно для элемента HTML.

     .background, #background, body{ background:#006699 } 
     📋 Копировать код

    Если необходимо изменить только цвет фона, можно использовать:

     . background{ background-color:#006699 } 
     📋 Копировать код

    В этом примере цвет используется в качестве фона, он применяется с помощью CSS-свойства background.

    Чтобы оптимизировать и сжать код CSS, вы можете использовать наш онлайн-компрессор и оптимизатор CSS на основе csstidy. Если вы хотите создать линейный или радиальный градиент в качестве фона или границы, воспользуйтесь нашим 🌈 Генератором градиента CSS.

    Как использовать Преобразование цветов

    Преобразование

    Чтобы преобразовать, вставьте строку в одном из этих цветовых форматов, например, «006699», в поле ввода и нажмите «Преобразовать». Результат будет в разделе «Конверсии», а следующие разделы предоставят вам более подробную информацию о цвете.

    В некоторых цветовых форматах используются одни и те же обозначения, и при преобразовании будет угадываться состав поискового запроса. Например, если вы попытаетесь преобразовать строку «200°, 100%, 60%», это может быть цвет HSV или HSL, в этом случае преобразование будет предполагать HSL.

    Поскольку это может привести к неправильным преобразованиям, вы можете определить, какой формат вы передаете, заключив строку цвета в скобки с форматом впереди. Строка поиска «HSV (200 °, 100%, 60%)» даст вам правильный цвет HSV, поскольку нет необходимости угадывать формат. Другими примерами могут быть «CIELAB (40,90, -5,34, -34,68)», «CIELCH (41, 35,084, 261,245)», «YXY (11,8027, 0,1939, 0,2179)» и «CMYK (1,00, 0,33, 0,00, 0,40) «.

    Детали

    В разделе подробностей вы сначала получите краткое описание цвета и, если возможно, описание, например «темно-приглушенный красный». Вы можете увидеть распределение цветов в разных форматах. Например, в формате RGB вы узнаете количество красного, зеленого и синего в вашем цвете.

    Наконец-то вы получаете градиенты яркости и насыщенности вашего цвета с шагом 10%. Поэтому, если вам нужна более яркая или более темная версия, вы можете выбрать ее здесь.

    Гармонии

    Гармонии в основном показывают вам цвета, которые хорошо сочетаются с цветом, который вы сейчас просматриваете. Если вам нравится одна из гармоний, вы можете напрямую создать из нее 🌈 Градиент CSS или 🔧 Тень текста CSS или просмотреть гармонию как 🖌️ Цветовое ведро.

    Изображения SVG

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

    Превью

    Хотите посмотреть, как ваш цвет будет смотреться на белом или черном фоне? Затем вы должны проверить раздел «Предварительный просмотр» на цветной странице.

    Вы также видите цветовой контраст вашего цвета на этих фонах и получаете ссылку на средство проверки цветового контраста с предварительно выбранным цветом.

    Моделирование дальтонизма

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

    Примеры CSS

    Если вы новичок в веб-разработке, вам может быть интересно узнать, как применить свой цвет в качестве цвета переднего плана, фона или границы. Раздел «Примеры CSS» дает вам именно это, помогает использовать текущий цвет в CSS.

    Если вы просматриваете цвет в формате, недоступном в CSS, вы увидите, что цвет преобразован в совместимый формат.

    Набор цветов

    Вы выбрали цвета для своего следующего проекта и хотите загрузить их в виде палитры или поделиться ими с друзьями, чтобы обсудить свое решение? Тогда вам стоит взглянуть на цветовое ведро. Он позволяет хранить до 10 цветов, автоматически создает цветовые палитры для каждого из этих цветов в зависимости от яркости и дает вам матрицу WCAG.

    Вы можете загрузить каждую цветовую палитру или выбранные цвета в виде палитры GIMP, Adobe® ASE или Tailwind CSS. Кроме того, вы можете просматривать все как 🌈 Градиент CSS, 🔧 Тень текста CSS или 📷 Изображение цветовой палитры.

    Чтобы добавить цвет в корзину, я поместил ссылку «❤️ Добавить этот цвет в корзину» в разделе заголовка каждой страницы этого веб-сайта.