Содержание

Как изменить цвет HTML-элементов | Блог Timeweb Cloud

При работе с веб-страницей часто нужно каким-то образом обогатить разметку — привнести в неё некоторое визуальное разнообразие. Это может диктоваться требованиями дизайна или вашими личными предпочтениями. Вариантов, как разнообразить страницу и сделать её более эстетичной много: от гарнитуры шрифта до динамики поведения контента при прокрутке страницы.

Один из основных графических приёмов — изменение цвета фона или текста на странице. Современные браузеры предоставляют возможность гибко выбрать цвета фона или их сочетания и указать нужное значение в удобном вам формате.

Элементы, которые могут иметь цвет

Практически любой элемент HTML-разметки может иметь свой цвет. Он будет применяться по-разному в зависимости от того, что конкретно вы хотите раскрасить. Например, если вам нужно поменять цвет текста html, используйте атрибут color, а для рамки вокруг него — border-color.

Эти атрибуты вы можете задавать как напрямую в разметке, используя HTML-атрибуты, так и в CSS-файле, который подключаете к разметке. Как это сделать, читайте в блоге cloud.timeweb.com.

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

Текстовые элементы

К текстовым элементам относится, например, параграф или поле ввода. Для таких элементов вы можете использовать несколько атрибутов для работы с визуальным оформлением. Рассмотрим, как изменить цвет текста. 

color. Этот атрибут используется для того, чтобы задать цвет текста и его оформлению, заданному через text-decoration, — подчёркивание, надчёркивание и т. д. 

background-color. Кроме изменения цвета текста, часто требуется поменять ещё и цвет фона. Как раз для таких случаев используется этот атрибут.

text-shadow. Иногда дизайн текста на странице предполагает наличие тени. Если её цвет отличается от стандартного, задайте его с помощью атрибута text-shadow.

text-decoration-color. Когда вы задаёте цвет для текстового элемента в атрибуте color, цвет применяется и для сопутствующего оформления. Но если нужно, например, задать подчёркиванию цвет отличный от основного, используйте этот атрибут.

caret-color. В специфических случаях вам может потребоваться стилизовать ещё и поля ввода (input, textarea) или элементы с атрибутом contenteditable. Этот атрибут позволяет раскрасить каретку — вертикальный курсор, который появляется в полях.

Блочные элементы

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

background-color — добавляет заливку на всю площадь блочного элемента. Этот атрибут поможет, если вы не знаете, как изменить цвет фона в html на всей странице сайта. Просто добавьте к стилям body атрибут, в значении укажите нужный цвет.

outline-color задаёт цвет контура вокруг элемента, если указан тип контура outline-style.

border-color — позволяет указать цвет для границ по всему периметру блочного элемента. Чтобы задать цвета каждой отдельной стороны — верхней, нижней, правой, левой, — используйте атрибуты border-top-color, border-bottom-color, border-right-color, border-left-color соответственно. 

Прочие элементы

Кроме элементов HTML, которые перечислены выше, вы можете также работать с визуальным оформлением страницы, используя такие технологии как SVG, Canvas или WebGL.

Как изменить цвет текста в CSS

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

Ключевые слова CSS

Самый простой способ указать цвет — использовать ключевое слово. Оно представляет из себя просто английское название цвета или цвета с оттенком — green или lightgrey, например. Так, чтобы использовать для текста чёрный цвет, напишите color: black, и браузер сам «поймёт», какой цвет ему отображать.

Полный список резервированных слов вы найдёте в  документации.

Модель RGB

RGB — аббревиатура из первых букв слов red, green, blue. Когда вы задаёте цвет в этой модели вы кодируете нужный вам цвет из смешивания трёх цветов — красного, зелёного, синего. Как и в обычной палитре, смешивание цветов в разной пропорции будет создавать для вас новые сочетания и оттенки. 

Все три значения RGB задаются целыми числами в диапазоне от 0 до 255 или в процентах от 0 до 100. Например, когда вы укажете rgb(0, 0, 255), в браузере увидите синий цвет. 

Современные браузеры также поддерживают RGB-модель, в которой вы также можете задать прозрачность цвета. Такая запись выглядит так же, как и rgb, но добавляется ещё один аргумент — прозрачность в процентах. Синий с прозрачностью 50% записывается так — rgba(0, 0, 255, 0.5).

Hex-представление

Цвет в формате HEX — это шестнадцатеричное представление RGB. Обозначение цвета состоит из трёх групп шестнадцатеричных цифр, каждая отвечает за красный, зелёный и синий соответственно. Например, вы можете указать значение #00ff00, на выходе получите зелёный.

Если каждая из трёх групп содержит одинаковые символы, например, #2211dff, вы можете использовать сокращённую запись — #21f.

Система HSL

HSL — аббревиатура из слов Hue (оттенок), Saturation (Насыщенность) и Lightness (яркость). В этой системе цвет не зависит от смешивания трёх параметров, они независимы. Поэтому очень просто сделать цвет насыщеннее или уменьшить яркость, сохраняя тот же оттенок.

Как изменить цвет текста в html через css

Как изменять цвет текста в html документе

О том, как изменять цвет фона в html документе мы рассмотрели в прошлом уроке, а сейчас узнаем, как изменять цвет текста в html документе.

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

По умолчанию цвет текста в html документе черный. Изменить цвет текста можно двумя способами. В начале мы рассмотрим, как изменить цвет текста с помощью нам уже известного тега <body></body>. Для этого в этот тег мы добавим еще один атрибут text=»». Он будет выглядеть следующим образом <body text=»#0000CD»>. Т. е. с помощью text=» #0000CD» мы задали цвет текста и в данном случае он будет синим. Весь код нашей страницы будет иметь следующий вид:

Должен вам сказать, что в данном случае задавая цвет текста через тег <body></body> мы установили такой текст для всего документа. Т. е. какой бы текст вы не написали на вашей странице, в данном случае он будет отображаться синим цветом.

Задать цвет только отдельному отрезку текста можно при помощи тега <font> и обязательного закрывающего его тега </font>. Поэтому если вам нужно изменить цвет текста не во всем документе, а в каком-то конкретном месте, то можно использовать этот тег.

К примеру, давайте изменим цвет текста слов, «web страницу. » которые присутствуют в нашем документе. Для этого нужно наши слова «web страницу. » поместить между тегами, следующим образом: <font>web страницу. </font>, а для того чтобы изменить цвет текста необходимо еще в тег <font> дописать следующий атрибут color=»», все это будет выглядеть следующим образом: <font color=»#B22222″>web страницу. </font>

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

Это не все атрибуты тега <font>, при помощи данного тега можно задавать не только цвет текста в html документе, но так же размер и вид шрифта текста. Как это сделать мы рассмотрим в следующих уроках по html.

Меняем цвет текста и фона

В этом уроке вы узнаете, как менять цвет фона и текста любых элементов HTML-страницы. Вообще, в языке HTML у некоторых тегов есть специальные атрибуты меняющие цвет, например bgcolor (цвет фона). Но, во-первых, эти атрибуты являются устаревшими (думаю помните, что это значит), а во-вторых, как я уже сказал, они есть не у всех тегов. И вот, допустим, вы захотели изменить цвет фона у параграфа текста. И как вы это будете делать, ведь у тега <P> нет такого атрибута? Поэтому, как и в предыдущих уроках, мы будем использовать стили (CSS), то есть универсальный атрибут style , который позволит нам менять цвет там, где мы захотим.

Как можно указывать цвет?

Цвета в HTML (и CSS) можно указывать несколькими способами, я покажу вам самые популярные и распространенные:

  • Имя цвета — В HTML имеется большой список цветов с именами и для того, чтобы указать цвет, достаточно написать его имя на английском, например: red, green, blue.
  • HEX-код цвета — Абсолютно любой цвет можно получить, смешав в разных пропорциях три базовых цвета&#160;— красный, зеленый и синий. HEX-код&#160;— это три пары шестнадцатеричных значений отвечающих за количество этих цветов в каждом цвете. Перед кодом цвета необходимо поставить знак решетка (#), например: #FF8C00, #CC3300 и так далее.

Раньше в HTML рекомендовалось использовать только безопасную палитру цветов, которая гарантированно отображалась во всех браузерах и на всех мониторах одинаково. Но сегодня ей ограничиваться совершенно не обязательно, так как и браузеры и мониторы давно научились правильно отображать гораздо больший список цветов. А вот указывать цвета по именам я вам как раз и не рекомендую, дело в том, что многие браузеры до сих пор с одним и тем же именем связывают разные цвета. Поэтому в данном учебнике я буду всегда использовать именно HEX-коды цветов.

Как изменить цвет текста?

Чтобы изменить цвет текста в любом элементе HTML-страницы надо указать внутри тега атрибут style . Общий синтаксис следующий:

<тег style= «color:имя цвета» >. </тег> &#160;— указание цвета текста по имени.

<тег style= «color:#HEX-код» >. </тег> &#160;— указание цвета текста по коду.

И как обычно, чтобы изменить цвет текста на всей странице&#160;— достаточно указать атрибут style в теге <BODY> . А если необходимо изменить цвет шрифта для фрагмента текста, то заключите его в тег <SPAN> и примените атрибут к нему.

Пример изменения цвета текста

Результат в браузере

Красный текст заголовка

Синий текст параграфа.

Зеленый курсив. Красный текст.

Как изменить цвет фона?

Цвет фона любого элемента страницы меняется также с помощью атрибута style . Общий синтаксис такой:

<тег style= «background:имя цвета» >. </тег> &#160;— указание цвета фона по имени.

<тег style= «background:#HEX-код» >. </тег> &#160;— указание цвета фона по коду.

Пример изменения цвета фона

Результат в браузере

Заголовок.

Жирный текст. Обычный текст.

Когда меняешь цвет фона элементов, то становится очень хорошо видно, какую на самом деле ширину занимает каждый из них. Как видите, блочные элементы, такие как параграфы и заголовки, в основном занимают всю доступную ширину, даже если они содержат очень мало текста, а вот встроенные (inline) теги по ширине равны своему содержимому. Кстати, последний параграф в примере тоже занимает всю ширину, просто его фон прозрачный, поэтому сквозь него виден фон страницы. Вообще, фон всех элементов на странице, в которых он не указан явно&#160;— прозрачный, вот и все.

Как изменить цвет текста в HTML через CSS?

Строка style=&#187;color:#000000&#8243; является линейным CSS включением — устанавливает цвет HTML текста в режиме HEX. HEX — шестнадцатеричная система счисления (цифры от 0 до 9 и латинские буквы от a до f), которая по структуре сравнима с RGB (Red Greеn Blue).

Как задать цвет текста в HTML?

Цвет шрифта на сайте можно задать при помощи HTML-кода. Для этого существует тег font.
&#8230;
Атрибуты тега FONT

  1. color – задает цвет текста;
  2. size – устанавливает размер текста;
  3. face – задает семейство шрифтов.

Как задать цвет текста в CSS?

В CSS цвет текста задается с помощью свойства color , а его значение можно записать несколькими способами – в шестнадцатеричном (hex) виде, в формате RGB или HSL либо указав ключевое слово. Во избежание неправильного отображения цвета, заданного при помощи ключевого слова, лучше указывать его hex-значение.

Как изменить цвет текста в списке HTML?

Для изменения цвета текста в списке используйте стилевое свойство color, добавляя его к селектору ul, ol или li, как показано в примере 1. Обратите внимание, что меняется цвет не только самого текста, но и маркеров. Если требуется задать цвет маркеров другим, смотрите этот рецепт.

Как изменить цвет надписи?

Вы можете изменить цвет текста в документе Word.

  1. Выделите текст, цвет которого требуется изменить.
  2. На вкладке Главная в группе Шрифт щелкните стрелку рядом с элементом Цвет шрифта, а затем выберите цвет. Для быстрого форматирования текста можно использовать мини-панель инструментов с параметрами форматирования.

Как изменить цвет части текста в HTML?

Решение Создайте новый класс (например, colortext) и установите для него стилевое свойство color с желаемым значением цвета. После чего выделение фрагмента текста происходит с помощью тега , класс которого совпадает с именем класса, созданным выше.

Как определить цвет текста в Word?

Выделяем в Word-е &#171;цветную&#187; букву. Ctrl+D -> Цвет текста -> Другие цвета -> Спектр -> смотрим значения RGB.

Как написать CSS в HTML?

Как подключить CSS файл к HTML странице?

  1. вариант. Внутри открывающего тега с помощью атрибута style. Элементам на странице, которые располагаются внутри элемента body, можно добавить атрибут style. &#8230;
  2. вариант. Внутри элемента style. &#8230;
  3. вариант. Подключение внешнего файла стилей.

Как сделать прозрачный цвет в CSS?

В CSS есть три способа изменить прозрачность элемента: с помощью свойства opacity , с помощью функции rgba() , с помощью функции hsla() .
&#8230;
с помощью функции hsla() .

  1. Свойство opacity. Свойство opacity позволяет сделать любой элемент веб-страницы частично или полностью прозрачным. &#8230;
  2. Функция rgba() &#8230;
  3. Функция hsla()

Как изменить маркер в списке HTML?

Цвет маркера списка можно изменить несколькими способами: &#8212; обернуть содержимое списка в тег span и стилизовать; &#8212; добавить псевдоэлемент ::before или ::after и стилизовать. list-style-type: none; &#8212; отменяем стандартный маркер, content: &#8216; &#8216; &#8212; указываем символ маркера, который хотим вывести перед элементом списка.

Как сделать маркер в HTML?

Создаётся с помощью элемента

    . В качестве маркера элемента списка выступает метка, например, закрашенный кружок. Каждый элемент списка создаётся с помощью элемента

Как изменить цвет шрифта на телефоне Xiaomi?

Стандартный способ смены шрифта

  1. Описанный ранее: «Настройки-Дополнительное», затем выбрать категорию «Выбрать шрифт». &#8230;
  2. Более прямой: через открытие программы «Темы», где следует выбрать 4 по счету слева пункт меню (красный кружок с иероглифом), затем «Ресурсы», после чего «Шрифт».

Как поменять цвет шрифта на экране телефона?

Перейдите к настройкам экрана, выберите меню «Шрифты» и включите понравившийся. На телефонах некоторых производителей в настройках шрифтов может потребоваться оплатить понравившийся вариант.

Изменение цвета текста гиперссылки во всей презентации

PowerPoint

Слайды и текст

Работа с текстом

Работа с текстом

Изменение цвета текста гиперссылки во всей презентации

PowerPoint для Microsoft 365 PowerPoint для Microsoft 365 для Mac PowerPoint 2021 PowerPoint 2021 for Mac PowerPoint 2019 PowerPoint 2019 для Mac PowerPoint 2016 PowerPoint 2016 для Mac PowerPoint 2013 PowerPoint 2010 PowerPoint 2007 PowerPoint для Mac 2011 Еще. ..Меньше

Вы можете систематически изменять цвет всего текста гиперссылки в презентации.

Более новые версии

  • Какую версию Office вы используете?
  • Более новые версии
  • Office 2010–2007

  1. Чтобы открыть коллекцию цветов, на вкладке Конструктор в группе Варианты щелкните стрелку вниз:

  2. В меню выберите пункт «Цвета», а затем в нижней части меню нажмите кнопку «Настроить цвета».

    Откроется диалоговое окно Создание новых цветов темы.

  3. В диалоговом окне Создание новых цветов темы в разделе Цвета темы выполните одно из следующих действий:

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

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

      Совет: Чтобы назначить другой цвет, выберите пункт Другие цвета.

  4. Нажмите кнопку Сохранить.

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

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

Примечание:  Если гиперссылки используются в заполнителях заголовков и подзаголовков, не изменяйте текст гиперссылок в теме.

  1. На вкладке Дизайн в группе Темы щелкните Цвета, а затем — Создать новые цвета темы.

  2. В диалоговом окне Создание новых цветов темы в разделе Цвета темы выполните одно из следующих действий:

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

    • org/ListItem»>

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

      Совет: Чтобы назначить другой цвет, выберите пункт Другие цвета.

  3. Нажмите кнопку Сохранить.

К началу страницы

    org/ItemList»>

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

    Шрифт.

  2. На вкладке «Шрифт» в разделе Весь текст щелкните стрелку рядом с элементом Цвет шрифта и выберите Другие цвета.

  3. В диалоговом окне Цвета (которое показано ниже) на вкладке Спектр

    просмотрите значения в полях Цветовая модель, Красный, Зеленый и Синий и запишите их.

  4. org/ListItem»>

    Нажмите кнопку Отмена два раза, чтобы закрыть диалоговые окна Цвета и Шрифт.

  5. Выделите текст гиперссылки, цвет которого вы хотите изменить.

  6. На вкладке Дизайн в группе Темы щелкните Цвета, а затем — Создать новые цвета темы.

  7. В диалоговом окне Создание новых цветов темы в разделе Цвета темы выполните одно из следующих действий:

    • org/ListItem»>

      Чтобы изменить цвет текста гиперссылки, щелкните Гиперссылка, а затем выберите Другие цвета.

    • Чтобы изменить цвет текста просмотренная гиперссылка, щелкните«Просмотримая гиперссылка» и выберите «Другие

      цвета».

  8. В диалоговом окне Цвета на вкладке Спектр введите записанные значения в поля Цветовая модель, Красный, Зеленый и Синий.

  9. org/ListItem»>

    Нажмите кнопку ОК, а затем — кнопку Сохранить.

К началу страницы

См. также

Создание гиперссылки

Удаление гиперссылки из текста или объекта

Удаление подчеркивания текста гиперссылки

Изменение цвета текста на слайде

К началу страницы

    org/ItemList»>

  1. В меню «Формат» выберите пункт «Цвета темы».

    Откроется диалоговое окно «Создание цветов темы».

  2. В диалоговом окне «Создание цветов темы» выберите цветное поле рядом с гиперссылкой или ссылкой «Просмотрная гиперссылка», чтобы изменить этот параметр цвета.

    Откроется диалоговое окно «Цвета».

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

  3. org/ListItem»>

    Выберите цвет. Она будет немедленно отражена в диалоговом окне «Создание цветов темы».

  4. Закройте диалоговое окно «Цвета» и нажмите кнопку «Сохранить» в диалоговом окне «Создание цветов темы».

Как изменить цвет текста на странице. Заголовок HTML-документа

Цветовая гамма HTML-документа

Если Вы читаете это Руководство на Интернет, Вы уже могли заметить, что главы Руководства и примеры несколько отличаются по цветовой гамме. Главы Руководства написаны черным по белому, а гипертекстовые ссылки выделены красным цветом. Я не знаю, как Вы видите примеры, но у меня они написаны черным по серому с выделением ссылок синим цветом.

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

Цветовая гамма HTML-документа определяется атрибутами, размещенными внутри метки <BODY>. Вот список этих атрибутов:

  • bgcolor — Определяет цвет фона документа.
  • text — Определяет цвет текста документа.
  • link — Определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылке.
  • vlink — Определяет цвет ссылки на документ, который уже был просмотрен ранее.
  • alink — Определяет цвет ссылки в момент, когда на нее указывает курсор мыши и нажата ее правая кнопка, то есть непосредственно перед переходом по ссылке.

Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF). Разберем несколько примеров.

  • bgcolor=#FFFFFF — Цвет фона. Насыщенность красным, зеленым и синим одинакова — FF (это шестнадцатиричное представление числа 255). Результат — белый цвет.
  • text=#000000 — Цвет текста. Насыщенность красным, зеленым и синим одинакова — 00 (ноль). Результат — черный цвет.
  • link=#FF0000 — Цвет гипертекстовой ссылки. Насыщенность красным — FF (255), зеленым и синим — 00 (ноль). Результат — красный цвет.

Кроме того, метка <BODY> может включать атрибут background=»[имя файла]», который задает изображение, служащее фоном для текста и других изображений. Как и любое другое изображение, фон должен быть представлен в формате GIF (файл с расширением *. gif) или JPEG (файл с расширением *.jpg или *.jpeg).

Браузеры заполняют множественными копиями изображения-фона все пространство окна, в котором открыт документ, подобно тому, как при строительстве большие пространства стен покрывают маленькими (и одинаковыми) плитками.

Важно отметить, что цвет фона и изображение-фон никак не отображаются на бумаге при выводе HTML-документа на печать. Из этого есть одно важное практическое следствие: старайтесь не использовать текст белого цвета.

Заголовок HTML-документа

Заголовок HTML-документа, вообще говоря, не виден пользователю при просмотре. Однако в нем есть некоторые интересные особенности, которые стоит знать.

Заголовок HTML-документа может включать неограниченное количество так называемых META-инструкций. META-инструкция — это просто способ определить некоторую переменную путем указания ее имени (атрибут NAME) и значения (атрибут CONTENT). Вот некоторые наиболее типичные META-инструкции:

<META NAME="description" CONTENT="Это руководство - учебник для тех, кто хочет публиковать документацию любого рода на глобальной компьютерной сети Интернет">

Такая META-инструкция определяет переменную description, содержащую краткое описание документа. Многие поисковые механизмы постоянно сканируют Интернет в поисках HTML-файлов, отыскивают в них эту переменную, сохраняют ее в своих базах данных и демонстрируют ее в ответ на запросы пользователей.

<META NAME="keywords" CONTENT="Интернет, HTML, WWW, руководство, публикация, гипертекст">

Такая META-инструкция определяет переменную keywords, содержащую набор ключевых слов, описывающих содержание документа. На практике поиск по ключевым словам очень удобно использовать при строительстве поискового механизма, работающего в пределах одного сервера (со стороны очень похоже, что именно такой подход был использован, например, при создании сервера технической поддержки фирмы Novell, ведущего производителя операционных систем для локальных компьютерных сетей).

Другая группа META-инструкций определяет эквиваленты команд протокола передачи гипертекстов. (Не переживайте, это не так страшно, как кажется на первый взгляд!) Разберем несколько примеров:

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251">

Эта META-инструкция дает браузеру указание интерпретировать загружаемый документ как содержащий HTML-текст в кодировке Windows/1251.

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=koi8-r">

Эта META-инструкция абсолютно аналогична предыдущей, только в качестве кодировки указана КОИ-8.

<META HTTP-EQUIV="Refresh" CONTENT="[время]; URL=[документ]">

Такая META-инструкция дает браузеру примерно такое указание: «Если через [время] секунд после завершения загрузки этого документа пользователь не перейдет к другому документу, начать загрузку ресурса [документ]». Более конкретно это может выглядеть, к примеру, вот так:

<META HTTP-EQUIV="Refresh" CONTENT="10; URL=http://www.yi.com/home/ChuvakhinNikolai/">

Если пользователь не предпримет никаких видимых действий в течение 10 секунд после загрузки документа, содержащего такую инструкцию, автоматически будет загружен документ http://www.yi.com/home/ChuvakhinNikolai/

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

Если в качестве параметра [документ] подставить имя файла, содержащего звук, через [время] секунд после загрузки HTML-файла начнется загрузка и проигрывание этого звука (при условии, конечно, что браузер пользователя поддерживает формат этого звукового файла). Очень удобно для всякого рода приветственных речей.

Пример

В отличие от всех примеров, которые мы рассматривали ранее, пример 9 состоит не из одного, а из трех файлов. Используя META-инструкцию Refresh, мы создадим небольшой слайд-фильм из трех кадров (файлов example09.html, example09a.html и example09b.html), которые будут циклически повторяться. Для остановки демонстрации нужно будет воспользоваться любой из гипертекстовых ссылок.

<HTML><!--файл example09.html -->
<HEAD>
<TITLE>Пример 9</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=example09a. html">
</HEAD>
<BODY bgcolor=#FFFFFF text=#000000 link=#FF0000>
<h2>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </h2>
<P>Черный текст на белом фоне </P>
<P>[<A HREF="./">Возврат к оглавлению</A>| <A HREF="chapter6.shtml">Возврат к главе 6</A>]</P>
</BODY>
</HTML><!--конец файла example09.html -->
<HTML><!--файл example09a.html -->
<HEAD>
<TITLE>Пример 9a</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=example09b.html">
</HEAD>
<BODY bgcolor=#000000 text=#FFFFFF link=#FF0000>
<h2>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </h2>
<P>Белый текст на черном фоне </P>
<P>[<A HREF="./">Возврат к оглавлению</A>| <A HREF="chapter6.shtml">Возврат к главе 6</A>]</P>
</BODY>
</HTML><!--конец файла example09a. html -->
<HTML><!--файл example09b.html -->
<HEAD>
<TITLE>Пример 9b</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=example09.html">
</HEAD>
<BODY bgcolor=#C0C0C0 text=#0000FF link=#FF0000>
<h2>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </h2>
<P>Синий текст на сером фоне </P>
<P>[<A HREF="./">Возврат к оглавлению</A>| <A HREF="chapter6.shtml">Возврат к главе 6</A>]</P>
</BODY>
</HTML><!--конец файла example09b.html -->

Как изменить цвет шрифта? :: think-cell

Автоматический выбор цвета шрифта

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

think-cell выбирает из двух конкретных цветов темы PowerPoint: Шрифт PowerPoint по умолчанию и шрифт противоположной яркости (Текст/фон — темная 1 и Текст/фон — светлая 1). Измените эти два цвета, чтобы изменить цвет шрифта всей презентации, например выберите темно-синий вместо черного или светло-серый вместо белого.

Убедитесь, что в PowerPoint выбран один из параметров стиля фона темы. Это необходимо, чтобы PowerPoint правильно использовал цвета темы для текста и фона. При преобразовании старой презентации или шаблона из файла *.ppt/*.pot в новый формат *.pptx/*.potx, PowerPoint не устанавливает правильный стиль фона.

  • В PowerPoint 2007 и 2010: Конструктор → Фон → Стили фона.
  • В PowerPoint 2013 и более поздних версиях: Конструктор → Варианты → Дополнительно → Стили фона.

Дополнительные сведения о правильной настройке стиля фона см. в статье KB0129.

Некоторые файлы PowerPoint неоднозначно используют цвета конструктора. Затем think-cell пытается определить цвет шрифта на основе доступных сведений о файле. Дополнительные сведения см. в разделе Особые случаи далее на этой странице.

Ручной выбор цвета шрифта

Вы можете применить цвет шрифта к выбранным меткам вручную (см. Цвет шрифта).

Подробное описание автоматического выбора цвета шрифта в think-cell

Какой цвет шрифта think-cell использует для текста метки?

think-cell выбирает между двумя цветами для меток: основным цветом шрифта и альтернативным цветом шрифта. Основной цвет шрифта think-cell — это цвет, который PowerPoint использует по умолчанию для текста.

Второй цвет, альтернативный цвет шрифта think-cell, должен быть цветом противоположной яркости. Поэтому think-cell рекомендует настраивать цветовую тему согласованно, то есть светлый альтернативный цвет должен дополнять темный основной цвет или наоборот. Таким образом корпорация Microsoft задумывала работу пар светлого/темного текста/фона — сравните шаблоны PowerPoint, которые автоматически устанавливаются с Office.

 Светлые стили фона
(например, стиль фона 1, 2)		Темный стиль фона
(например, стиль фона 3, 4)
Основной текст цветаТекст/фон — темная 1Текст/фон — светлая 1
Альтернативный цвет текстаТекст/фон — светлая 1Текст/фон — темная 1

Сведения об изменении этих цветов см. в статье KB0105.

Метки внутри фигур think-cell

Если метка размещена в фигуре, которую контролирует think-cell (обычно в сегменте гистограммы/линейчатой диаграммы или в области диаграммы с областями), цвет шрифта для этой метки автоматически выбирается из основного и альтернативного цветов шрифта для обеспечения оптимального контраста с фоном.

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

Метки за пределами фигур think-cell

Если метка не размещена в фигуре, которую контролирует think-cell, то think-cell неизвестен фоне, на котором расположена метка. Поэтому программа использует основной цвет шрифта.

think-cell не может определить фактический фон метки, так как цвет за меткой может быть не цветом фона темы PowerPoint, а другим цветом, который был задан следующим образом: нажатие правой кнопкой мыши на фон → Формат фона. В этом случае фон может даже быть градиентом, изображением, текстурой или шаблоном. Метка также может быть размещена в пользовательской фигуре или изображении PowerPoint.

Это также относится к меткам, заключенным в рамки В этом случае think-cell использует цвет фона темы для фона метки и основной цвет шрифта для текста метки.

Как узнать текущие цвета шрифта think-cell?

Чтобы быстро узнать, какие цвета сейчас think-cell использует для текста и линий на диаграммах, просто откройте цветовую палитру PowerPoint.

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

Если основной цвет шрифта, используемый think-cell, отличается от цвета темы для текста, см. раздел Особые случаи ниже.

Как изменить цвет шрифта на изображение фона?

  1. Примените изображение фона, как описано в статье KB0129.
  2. Установите основной цвет шрифта think-cell с высоким контрастом относительно изображения фона и установите в качестве альтернативного цвета такой же по уровню яркости цвет, как и изображение. См. KB0105.

Как получить белые метки на темном фоне?

  1. Настройте темный фон, как описано в статье KB0129.
  2. Установите белый основной цвет шрифта, как описано в статье KB0105.

Особые случаи

В некоторых версиях PowerPoint может возникать ошибка, которая приводит к отображению неправильных цветов шрифта.

Дополнительные сведения и способы решения см. в статье KB0206.

Заполнитель основного текста образца слайдов не использует цвет текста темы.

Если шаблон PowerPoint неоднозначно использует цвета темы, то по нашему опыту, целевой цвет шрифта чаще всего — это цвет заполнителя основного текста. Поэтому think-cell использует этот цвет как основной цвет шрифта. Ошибка не влияет на альтернативный цвет шрифта и выбирается, как описано выше.

Если заполнитель основного текста использует несколько цветов шрифта и конечный цвет в think-cell отличается от ожидаемого, обратитесь наша группа поддержки.

Узнайте, как заменить цвет объектов на изображении с помощью различных методов в Photoshop

Руководство пользователя Отмена

Поиск

Последнее обновление Aug 18, 2022 10:44:08 AM GMT

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с графическим объектом Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Работа со встроенным расширением Capture в Photoshop
    6. Библиотеки Creative Cloud Libraries
    7. Библиотеки Creative Cloud в Photoshop
    8. Работа в Photoshop с использованием Touch Bar
    9. Сетка и направляющие
    10. Создание операций
    11. Отмена и история операций
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Изменение размера изображения
    23. Прямая трансляция творческого процесса в Photoshop на iPad
    24. Исправление недостатков с помощью восстанавливающей кисти
    25. Создание кистей в Capture и их использование в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание и использование смарт-объектов
    28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
  5. Бета-версия веб-приложения Photoshop
    1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop 
    2. Общие сведения о рабочей среде
    3. Системные требования | Бета-версия веб-приложения Photoshop
    4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
    5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
    6. Открытие облачных документов и работа с ними
    7. Совместная работа с заинтересованными сторонами
    8. Ограниченные возможности редактирования облачных документов
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
    9. Общий доступ к файлам и комментирование в приложении
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
    3. Создание документов
    4. Работа в Photoshop с использованием Touch Bar
    5. Галерея инструментов
    6. Установки производительности
    7. Использование инструментов
    8. Сенсорные жесты
    9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    10. Обзорные версии технологии
    11. Метаданные и комментарии
    12. Комбинации клавиш по умолчанию
    13. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    14. Помещение изображений Photoshop в другие приложения
    15. Установки
    16. Комбинации клавиш по умолчанию
    17. Линейки
    18. Отображение или скрытие непечатных вспомогательных элементов
    19. Указание колонок для изображения
    20. Отмена и история операций
    21. Панели и меню
    22. Помещение файлов
    23. Позиционирование элементов с привязкой
    24. Позиционирование с помощью инструмента «Линейка»
    25. Наборы настроек
    26. Настройка комбинаций клавиш
    27. Сетка и направляющие
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
    26. Слой
    27. Сведение
    28. Совмещенные изображения
    29. Фон
  11. Выделения
    1. Рабочая среда «Выделение и маска»
    2. Быстрое выделение областей
    3. Начало работы с выделениями
    4. Выделение при помощи группы инструментов «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Выбор цветового диапазона в изображении
    7. Настройка выделения пикселей
    8. Преобразование между контурами и границами выделенной области
    9. Основы работы с каналами
    10. Перемещение, копирование и удаление выделенных пикселей
    11. Создание временной быстрой маски
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
    16. Выделение
    17. Ограничительная рамка
  12. Коррекции изображений
    1. Деформация перспективы
    2. Уменьшение размытия в результате движения камеры
    3. Примеры использования инструмента «Восстанавливающая кисть»
    4. Экспорт таблиц поиска цвета
    5. Корректировка резкости и размытия изображения
    6. Общие сведения о цветокоррекции
    7. Применение настройки «Яркость/Контрастность»
    8. Коррекция деталей в тенях и на светлых участках
    9. Корректировка «Уровни»
    10. Коррекция тона и насыщенности
    11. Коррекция сочности
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая коррекция тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшение изображения при помощи корректировки цветового баланса
    16. HDR-изображения
    17. Просмотр гистограмм и значений пикселей
    18. Подбор цветов на изображении
    19. Кадрирование и выпрямление фотографий
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Корректировка «Кривые»
    23. Режимы наложения
    24. Целевая подготовка изображений для печатной машины
    25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Коррекция экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Избирательная корректировка цвета
    31. Замена цветов объекта
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Обратимое редактирование в Camera Raw
    10. Инструмент «Радиальный фильтр» в Camera Raw
    11. Управление настройками Camera Raw
    12. Обработка, сохранение и открытие изображений в Camera Raw
    13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    14. Поворот, обрезка и изменение изображений
    15. Корректировка цветопередачи в Camera Raw
    16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
    17. Обзор новых возможностей
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Преобразование изображений
    1. Трансформирование объектов
    2. Настройка кадрирования, поворотов и холста
    3. Кадрирование и выпрямление фотографий
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, фигур и контуров
    6. Перспектива
    7. Использование фильтра «Пластика»
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
    10. Деформация
    11. Трансформирование
    12. Панорама
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Заливка и обводка выделенных областей, слоев и контуров
    15. Рисование с помощью группы инструментов «Перо»
    16. Создание узоров
    17. Создание узора с помощью фильтра «Конструктор узоров»
    18. Управление контурами
    19. Управление библиотеками узоров и наборами настроек
    20. Рисование при помощи графического планшета
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Рисование стилизованных обводок с помощью архивной художественной кисти
    25. Рисование с помощью узора
    26. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Добавление и редактирование текста
    2. Универсальный текстовый редактор
    3. Работа со шрифтами OpenType SVG
    4. Форматирование символов
    5. Форматирование абзацев
    6. Создание эффектов текста
    7. Редактирование текста
    8. Интерлиньяж и межбуквенные интервалы
    9. Шрифт для арабского языка и иврита
    10. Шрифты
    11. Поиск и устранение неполадок, связанных со шрифтами
    12. Азиатский текст
    13. Создание текста
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Эффекты и стили слоев
    9. Применение определенных фильтров
    10. Растушевка областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в других графических форматах
    5. Перемещение проектов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Дуплексы
    8. Печать изображений на печатной машине
    9. Улучшение цветной печати в Photoshop
    10. Устранение неполадок при печати | Photoshop
  22. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  23. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Управление цветом документов для просмотра в Интернете
    6. Управление цветом при печати документов
    7. Управление цветом импортированных изображений
    8. Выполнение цветопробы
  24. Подлинность контента
    1. Подробнее об учетных данных для содержимого
    2. Идентичность и происхождение токенов NFT
    3. Подключение учетных записей для творческой атрибуции
  25. 3D-объекты и технические изображения
    1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
    2. 3D-анимация Creative Cloud (предварительная версия)
    3. Печать 3D-объектов
    4. 3D-рисование
    5. Усовершенствование панели «3D» | Photoshop
    6. Основные понятия и инструменты для работы с 3D-графикой
    7. Рендеринг и сохранение 3D-объектов
    8. Создание 3D-объектов и анимаций
    9. Стеки изображений
    10. Процесс работы с 3D-графикой
    11. Измерения
    12. Файлы формата DICOM
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Коррекция экспозиции и тонирования HDR
    18. Настройки панели «3D»

Узнайте, как заменить цвет объектов на изображении с помощью различных методов в Photoshop

В Photoshop имеется несколько методов для замены цвета объектов. Применение корректировки «Цветовой тон/насыщенность» к выделенным объектам обеспечивает большую гибкость и лучшие результаты. Для диалогового окна «Заменить цвет» характерна меньшая гибкость, но более удобная группировка параметров. Более быструю, но менее точную замену обеспечивает инструмент «Замена цвета».

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

  1. Выделите объект, который необходимо изменить. Как правило, хороший результат дает использование инструмента «Быстрое выделение» . Другие способы описаны в разделах Выбор цветового диапазона и Выделение и маска.

  2. На панели «Коррекция» нажмите значок «Цветовой тон/Насыщенность».  Выделенный фрагмент становится маской для данного корректирующего слоя.

  3. Чтобы заменить цвет объекта, измените настройки «Цветовой тон» и «Насыщенность» на панели «Свойства». Если исходный цвет создает оттенок для нового цвета, выберите «Тонирование» и исправьте настройки. (См. раздел Коррекция тона и насыщения.)

    Чтобы сохранить контраст, оставьте нулевое значение настройки «Яркость». Чтобы сохранить и контраст, и насыщенность, выберите для корректирующего слоя режим наложения «Цветовой тон».

  4. При необходимости можно увеличить или уменьшить область изменения путем рисования на маске черным или белым цветом. (См. раздел Редактирование слоя-маски.)

Дополнительные сведения см. в разделе Описание панели «Коррекция».

Диалоговое окно «Заменить цвет» содержит инструменты, предназначенные для выделения цветового диапазона, и шкалу модели HSL для замены этого цвета. Цвет замены также можно выбрать в палитре цветов.

В окне «Заменить цвет» отсутствует параметр «Тонирование», который есть у корректировки «Цветовой тон/насыщенность» и который может потребоваться для полного изменения цвета. Кроме того, для изменения отдельных объектов метод с использованием корректирующего слоя может оказаться более простым. Тем не менее команда «Заменить цвет» хорошо подходит для глобальной замены цвета, особенно для изменения цветов, выходящих за пределы цветового охвата, при подготовке к печати.

  1. Выберите команду меню «Изображение» > «Коррекция» > «Заменить цвет».

  2. (Необязательно) При выборе похожих смежных цветов на изображении для построения более точной маски выберите «Локализованные наборы цветов».

  3. Выберите параметр предварительного просмотра:

    Выделение

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

    Изображение

    В окне предварительного просмотра выводится изображение. Этот параметр удобно использовать при работе с увеличенным изображением или когда экранное пространство ограничено.

  4. Чтобы выбрать цвета, которые необходимо заменить, используйте инструмент «Пипетка»: щелкните изображение или поле предварительного просмотра для выбора областей, открытых маской.

  5. Чтобы сделать более точный выбор, выполните одно из следующих действий:

    • Удерживая нажатой клавишу SHIFT, щелкните мышью, или используйте инструмент «Пипетка для добавления оттенков к образцу» , чтобы добавить области.

    • Удерживая нажатой клавишу Alt, щелкните мышью (для Windows) или, удерживая нажатой клавишу Option, щелкните мышью (для Mac OS) или используйте инструмент «Пипетка для удаления оттенков из образца» , чтобы удалить области.

    • Щелкните образец «Выбор цвета», чтобы открыть «Палитру цветов». При помощи палитры цветов выберите цвет, на который нужно заменить текущий. Когда вы выбираете цвет в окне «Палитра цветов», маска в окне предварительного просмотра обновляется.

  6. Перетащите ползунок «Разброс» или введите значение разброса для управления уровнем включения связанных цветов в выборку.

  7. Укажите цвет для замены, выполнив одно из следующих действий.

    • Перетащите ползунки «Цветовой тон», «Насыщенность» или «Яркость» (или введите значения в соответствующие текстовые поля).

    • Дважды щелкните образец «Результат» и выберите новый цвет в палитре цветов.

    Чистый серый, черный или белый цвета невозможно заменить каким-либо цветом. Однако вы можете изменить настройку «Яркость». (Настройки «Цветовой тон» и «Насыщенность» относятся к существующему цвету, поэтому не действуют.)

  8. Чтобы сохранить параметры и использовать их впоследствии для других изображений, нажмите кнопку «Сохранить» (необязательно).

Инструмент «Замена цвета» позволяет рисовать поверх необходимого цвета цветом замены. Хотя данный инструмент хорошо подходит для быстрого редактирования, часто его возможностей бывает недостаточно, особенно при работе с черным и темными цветами. Если вы остались недовольны результатами, исследовав возможности этого инструмента, обратитесь к разделу Коррекция тона и насыщенности.

Инструмент «Замена цвета» недоступен в битовом и многоканальном цветовых режимах, а также в режиме индексированных цветов.

  1. Выберите инструмент «Замена цвета» . (Если инструмент не отображается, вызовите его, удерживая значок инструмента «Кисть».)

  2. На панели параметров выберите кончик кисти. Чаще всего в качестве режима наложения рекомендуется использовать режим «Цвет».

  3. Для параметра Проба выберите одно из следующих значений.

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

  4. В меню Ограничения выберите один из следующих вариантов:

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

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

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

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

    Если диапазон заменяемых цветов слишком мал, увеличьте значение параметра «Допуск» на панели параметров.

  6. Чтобы задать плавные края для исправленных областей, установите флажок «Сглаживание».

  7. Выберите основной цвет для замены нежелательного цвета. (См. раздел Выбор цветов в палитре инструментов. )

  8. Щелкните в изображении цвет, который нужно заменить.

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

Еще похожее

  • Подбор цветов на изображении
  • Выборочная коррекция цвета

Вход в учетную запись

Войти

Управление учетной записью

Форматирование текста HTML

❮ Назад Далее ❯

HTML содержит несколько элементов для определения текста со специальным значением.

Пример

Этот текст IS BOLD

Этот текст — курсив

Это Подписк и SuperScript

. отображать специальные типы текста:

  • — Жирный текст
  • — Важный текст
  • — Курсив
  • — Выделенный текст
  • <знак> — Выделенный текст
  • — Меньший текст
  • — Удален текст
  • — Вставленный текст
  • — Подстрочный текст
  • — Надстрочный текст

Элементы HTML

и

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

Пример

Этот текст выделен жирным шрифтом

Попробуйте сами »

Элемент HTML определяет текст с сильным значением. Содержимое внутри обычно отображается жирным шрифтом.

Пример

Этот текст важно!

Попробуйте сами »

Элементы HTML

и

Элемент HTML определяет часть текст в другом голосе или настроении. Содержимое внутри обычно отображается в курсив.

Совет: Тег часто используется для обозначения технического термина, фраза из другого языка, мысль, название корабля и т. д.

Пример

Этот текст выделен курсивом

Попробуйте сами »

Элемент HTML определяет выделенный текст. Содержимое внутри обычно отображается курсивом.

Совет: Программа чтения с экрана произносит слова в с ударением, с использованием словесного ударения.

Пример

Этот текст подчеркнуто

Попробуйте сами »

Элемент HTML

Элемент HTML определяет текст меньшего размера:

Пример

Это текст меньшего размера.

Попробуйте сами »

Элемент HTML

Элемент HTML определяет текст которые следует отметить или выделить:

Пример

Не забудьте сегодня купить молоко.


Попробуйте сами »

HTML-элемент

HTML-элемент определяет текст который был удален из документа. Браузеры обычно бьют по линии через удаленный текст:

Пример

Мой любимый цвет синий красный.


Попробуйте сами »

HTML Элемент

HTML Элемент определяет текст который был вставлен в документ. Браузеры обычно подчеркивают вставленные текст:

Пример

Мой любимый цвет — синий красный.


Попробуйте сами »

Элемент HTML

Элемент HTML определяет подстрочный текст. Подстрочный текст отображается на полсимвола ниже обычной строки, и иногда отображается более мелким шрифтом. Подстрочный текст можно использовать для химические формулы, такие как H 2 O:

Пример

Это представляет собой подписанный текст.


Попробуйте сами »

Элемент HTML

Элемент HTML определяет надстрочный текст. Надстрочный текст отображается на полсимвола выше обычного строка и иногда отображается более мелким шрифтом. Можно использовать надстрочный текст для сносок, например WWW [1] :

Пример

Это текст с надстрочным индексом.


Попробуйте сами »

HTML-упражнения

Проверьте себя с помощью упражнений

Упражнение:

Добавьте особое значение слову «деградация» в абзаце ниже.

<р>
Миссия WWF — остановить деградация нашего естественная среда планеты.

Начать упражнение

Элементы форматирования текста HTML

Тег Описание
Определяет полужирный текст
Определяет выделенный текст 
<я> Определяет часть текста в другом голосе или настроении
<маленький> Определяет меньший текст
<сильный> Определяет важный текст
Определяет подстрочный текст
Определяет текст с надстрочным индексом
Определяет вставленный текст
<удалить> Определяет удаленный текст
<метка> Определяет помеченный/выделенный текст

Полный список всех доступных тегов HTML см. в нашем справочнике по тегам HTML.

❮ Предыдущий Далее ❯


НОВИНКА

Мы только что запустили
Видео W3Schools

Узнать

ВЫБОР ЦВЕТА
КОД ИГРЫ

Играть в игру

Лучшие учебники
Учебник по HTML
Учебник по CSS
Учебник по JavaScript
Учебник How To
Учебник по SQL
Учебник по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

9008 903 Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery

Основные примеры
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3. CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FORUM | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2022 Refsnes Data. Все права защищены.
W3Schools работает на основе W3.CSS.

Как изменить цвет текста в HTML? — 3 лучших способа создать потрясающий контент для веб-сайта

  • Время чтения:

Темно-пурпурный цвет шрифта в различных форматах: Имя ШЕСТИГР. RGB
Темно-пурпурный #8b008b (139, 0, 139)