Вкладка "Другой цвет" диалогового окна "Палитра цветов"
Чтобы создать настраиваемый цвет, переместите ползунки для основных цветов (красного, зеленого и синего) в такие положения, при которых в поле Образец отобразится нужный цвет. Его RGB-код, отображаемый в поле Цвет, будет вставлен в определение стиля таблицы каскадных стилей (CSS) после закрытия диалогового окна Построитель стилей.
Примечание
Настраиваемый цвет отображается в соответствии с текущими параметрами отображения.На мониторе другого пользователя или при использовании другого браузера он может выглядеть иначе.Настраиваемые цвета имеет смысл использовать в веб-проектах, разрабатываемых для групп пользователей, применяющих общие и предсказуемые параметры отображения.
Например при редактировании таблицы стилей CSS поместите курсор между фигурными скобками ({ }) стиля CSS для стиля INPUT.button, выберите Фон в диалоговом окне Построить стиль и нажмите кнопку с многоточием (...), расположенную рядом с полем Цвет, чтобы открыть диалоговое окно Палитра цветов. На его вкладке Другой цвет оставьте ползунки Красный и Зеленый в положении по умолчанию, соответствующем значению 255, а ползунок Синий переместите влево до значения 102.
Примечание
В поле Образец появится яркий желтый цвет, а в поле Цвет будет показан RGB-код цвета #ffff66, что эквивалентно 255,255,102.
После закрытия окна диалогового окна Построитель стилей между фигурными скобками ({}) вашего стиля будет вставлена следующая пара attribute:RGBcolor:
INPUT.button { background-color: #ffff66; }
Цвет, выбранный на вкладке диалогового окна Палитра цветов, автоматически устанавливается на всех вкладках. В данном случае идентичный ярко-желтый оттенок выбирается на вкладке Веб-палитра, а RGB-код #ffff66 отображается в поле Цвет. Этот насыщенный желтый цвет представляет собой цвет, который можно без опасений применять в Интернете.
Вызов диалогового окна
В Microsoft Visual Web Developer в режиме конструктора выберите элемент управления или элемент HTML, отображающий разметку (например, элемент управления Table или HTML-кнопку <input>).
Откройте диалоговое окно Построитель стилей, выполнив одно из следующих действий:
В режиме Конструктора выберите элемент управления или другой элемент, нажмите Формат, а затем Стиль.
В режиме Конструктора щелкните правой кнопкой мыши элемент управления или другой элемент и выберите Стиль.
Выберите элемент управления или другой элемент, выделите свойство Стиль в окне "Свойства" и нажмите кнопку с многоточием (...).
Если вы работаете в окне "Стили документа", выберите Элемент, Класс или Идентификатор элемента, а затем нажмите значок Построить стиль.
Если редактируется таблица стилей CSS, поместите курсор между фигурными скобками ("{ }" ) стиля CSS, а затем выберите в меню Стиль команду Построить стиль.
Появится диалоговое окно Построитель стилей.
Выберите в диалоговом окне Построитель стилей любую из вкладок, содержащих раскрывающийся список Цвет, и нажмите кнопку с многоточием (…) рядом с полем.
Появится диалоговое окно Палитра цветов.
Перейдите на вкладку Другой цвет.
Задачи
Элементы пользовательского интерфейса
Красный
По умолчанию используется значение 255 (максимально интенсивный красный цвет). Чтобы уменьшить интенсивность красного в пользовательском цвете, переместите ползунок Красный влево. Минимальное значение равно 0 (нет красного цвета).Зеленый
По умолчанию используется значение 255 (максимально интенсивный зеленый цвет). Чтобы уменьшить интенсивность зеленого в пользовательском цвете, переместите ползунок Зеленый влево. Минимальное значение равно 0 (нет зеленого цвета).Синий
По умолчанию используется значение 255 (максимально интенсивный синий цвет). Чтобы уменьшить интенсивность синего в пользовательском цвете, переместите ползунок Синий влево. Минимальное значение равно 0 (нет синего цвета).Предварительный просмотр
При изменении положения ползунков в панели предварительного просмотра отображается получающийся в результате цвет.Цвет
Отображается шестнадцатеричное значение RGB-кода для получающегося в результате цвета.ОК
Закрывает диалоговое окно Палитра цветов и добавляет выбранную пару attribute:color в разметку CSS, которая будет вставлена при закрытии диалогового окна Построитель стилей.
См. также
Ссылки
Вкладка "Веб-палитра" диалогового окна "Палитра цветов"
Диалоговое окно "Палитра цветов", вкладка "Именованные цвета"
Вкладка "Системные цвета" диалогового окна "Палитра цветов"