Colors Руководство

❮ Предыдущая Следующая Глава ❯


Цвета отображаются сочетания красный, зеленый и синий свет.


Цвет Названия

С помощью CSS, цвета могут быть установлены с помощью названия цветов:

пример

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue

Попробуй сам «


CSS Значения Цвета

С помощью CSS, цвета могут быть определены различными способами:

  • По названий цветов
  • Поскольку значения RGB
  • В качестве шестнадцатеричных значений
  • Поскольку значения HSL (CSS3)
  • Как HWB значения (CSS4)

RGB Цвета

цветовые значения RGB поддерживаются во всех браузерах.

Значение цвета RGB задается: RGB (красный, зеленый, синий).

Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета как целое число от 0 до 255.

Например, RGB (0,0,255) отображается как синий, так как синий параметр установлен на его самое высокое значение (255), а остальные равны 0.

пример

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue

Попробуй сам «

Оттенки серого цвета часто определяются с использованием одинаковые значения для всех источников света 3:

пример

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White

Попробуй сам «


Шестнадцатеричные Цвета

Шестнадцатеричные значения цвета также поддерживаются во всех браузерах.

Шестнадцатеричный цвет задается с: #RRGGBB.

RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами от 00 до FF, задающие интенсивность цвета.

Например, # 0000FF отображается как синий, так как синий компонент установлен в его самое высокое значение (FF), а остальные установлены на 00.

пример

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue

Попробуй сам «

Оттенки серого цвета часто определяются с использованием одинаковые значения для всех источников света 3:

пример

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White

Попробуй сам «


Верхний регистр или нижний регистр?

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

Нижний регистр легче писать. Верхний регистр легче читать.

Цвет Названия

CSS поддерживает 140 стандартных названия цветов.

В следующей главе вы найдете полный алфавитный список названий цветов с шестнадцатеричных значений:

Color Name Hex Color
AliceBlue #F0F8FF
 
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4  

❮ Предыдущая Следующая Глава ❯

Цвета HTML Color Теория

HTML5CSS. ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Главная Дальше ❯

Цвета отображаются сочетание красного, зеленого и синего света.


Названия цветов

В CSS, цвета могут быть установлены с помощью названия цвета:

Пример

ColorName
 Red
 Yellow
 Cyan
 Blue
 Magenta


Значения цвета CSS

С помощью CSS цвета можно задать различными способами:

  • По именам цветов
  • Как значения RGB
  • В виде шестнадцатеричных значений
  • Как HSL значения (CSS3)
  • Как хвб значения (ксс4)

Цвета RGB

Значения цветов RGB поддерживаются во всех браузерах.

Значение цвета RGB задается с помощью: RGB (красный, зеленый, синий).

Каждый параметр (красный, зеленый и синий) определяет интенсивность цвета как целое число между 0 и 255.

Например, RGB (0, 0255) отображается синим цветом, поскольку параметру Blue присвоено наибольшее значение (255), а другим — 0.

Привер

ColorRGBColor
 rgb(255,0,0)Red
 rgb(0,255,0)Green
 rgb(0,0,255)Blue

Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

Пример

ColorRGBColor
 rgb(0,0,0)Black
 rgb(128,128,128)Gray
 rgb(255,255,255)White



Шестнадцатеричные цвета

Шестнадцатеричные значения цветов также поддерживаются во всех браузерах.

Шестнадцатеричный цвет задается с помощью: #RRGGBB.

RR (red), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами между 00 и FF, указав интенсивность цвета.

Например, #0000FF отображается синим цветом, так как синий компонент имеет наивысшее значение (FF), а остальные — 00.

Цвет

ColorHEXRGBColor
 #FF0000rgb(255,0,0)Red
 #00FF00rgb(0,255,0)Green
 #0000FFrgb(0,0,255)Blue

Оттенки серого часто определяются с использованием одинаковых значений для всех 3 источников света:

Цвет

ColorHEXRGBColor
 #000000rgb(0,0,0)Black
 #808080rgb(128,128,128)Gray
 #FFFFFFrgb(255,255,255)White


Верхний или нижний регистр?

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

Нижний регистр легче писать. Верхний регистр легче читать.


Названия цветов

CSS поддерживает 140 стандартных имен цветов.

В следующей главе вы найдете полный алфавитный список имен цветов с шестнадцатеричными значениями:

Название цветаHexColor
AliceBlue#F0F8FF 
AntiqueWhite#FAEBD7 
Aqua#00FFFF 
Aquamarine#7FFFD4 
Azure#F0FFFF 
Beige#F5F5DC 
Bisque#FFE4C4 

❮ Главная Дальше ❯

PHP\CSS\JS\HMTL Editor
Как сделать

Вкладки
Выпадающие
Аккордеоны
Конвертер
Анимированные кнопки

Боковая Навигация
Верхняя навигация
Модальные коробки
Строки хода выполнения
Параллакс
Форма входа
HTML вставка
Google Карты
Ползунки диапазона
Подсказки
Слайдшоу
Список фильтров
Сортировать список

Еще »



Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

типов: : шестнадцатеричная запись RGB (`#RRGGBB`, `#RGB`, …)

Могу ли я использовать

Поиск ?

типы:

: шестнадцатеричное представление RGB (`#RRGGBB`, `#RGB`, …)

  • Глобальное использование
    95,78% + 0% «=» 95,78%
IE
  1. 6–10: Поддерживается
  2. 11: Поддерживается
Edge
  1. 12 — 113: Поддерживается
  2. 114: Поддерживается
Firefox
  1. 2 — 114: Поддерживается
  2. 115: Поддерживается
  3. 90 039 116–117: Поддерживается
Хром
  1. 4–113: Поддерживается
  2. 55% — Supported»> 114: Поддерживается
  3. 115–117: Поддерживается
Safari
  1. 3.1–16.4: Поддерживается
  2. 16.5: Поддерживается
  3. 16 .6 — TP: поддерживается
Opera
  1. 10–99: Поддерживается
  2. 100: Поддерживается
Safari на iOS
  1. 3.2–16.4: Поддерживается
  2. 16.5: Поддерживается
  3. 16.6–17: Поддерживается 9 0014
Opera Mini
  1. все: поддержка неизвестна
Android Браузер
  1. 2. 1–4.4.4: поддержка неизвестна
  2. 114: поддерживается
Opera Mobile
  1. 12–12.1: поддерживается
  2. 73: поддерживается
Chrome для Android
  1. 114: поддерживается
Firefox для Android
  1. 113: поддерживается
UC Browser для Android
  1. 13.4: поддержка неизвестна
Samsung Internet
  1. 4–20: Поддерживается
  2. 21: Поддерживается
Браузер QQ
  1. 13.1: Поддержка неизвестна
Браузер Baidu
  1. 00% — Support unknown»> 13.18: Поддержка неизвестна
KaiOS Browse r
  1. 2.5: поддержка неизвестна
  2. 3: поддержка неизвестна. синий . Изменяя относительную интенсивность этих трех цветов, компьютер может воспроизводить все цвета радуги. Элемент данных Panorama color объединяет значения интенсивности красного, зеленого и синего в один необработанный двоичный элемент данных (см. Двоичные данные).

    Цвет RGB

    Macintosh измеряет интенсивность цвета по шкале от 0 (полностью темный) до 65 535 (полная яркость). Значения между ними обозначают промежуточную интенсивность. Комбинируя три основных цвета с разной интенсивностью, можно создать практически любой цвет. В таблице ниже показан небольшой образец возможных цветов.

    align=center> align=center> align=center> align=center> align=center> align=center> выравнивание=центр> align=center> align=center> align=center> 9 0180 Темно-синий align=center> align=center> align=center>
    Красный Зеленый Синий Цвет Образец HTML
    0 0 0 Черный 000000
    65535 65535 65535 Белый FFFFFF
    15000 15000 15000 Темно-серый 3A3A3A
    45000 901 81 align=center> 45000 45000 Светло-серый AFAFAF
    65535 0 0 Красный ■ 90 181 FF0000
    0 65535 0 Зеленый 00FF00
    0 0 65535 Синий 0000FF
    65535 0 65535 Фиолетовый FF00FF
    65535 65535 0 Желтый FFFF00
    0 65535 65535 Голубой 00FFFF
    3441 4276 32336 0D107E
    39235 30211 30211 Коричневый 997676
    24367 23356 31931 Светло-зеленый 5F5B7C
    65535 23356 2936 Оранжевый FF5B0B
    Использование цветов 900 13

    Цвет в поле или переменной — это просто часть данных, описывающая цвет… вы не можете на самом деле увидеть цвет. Однако некоторые расширенные объекты формы позволяют вам управлять своим цветом с помощью элемента данных цвета, и вы можете просматривать или изменять цвет любого графического объекта в форме. См. changeobjects и objectinfo( для получения дополнительной информации.

    Вы также можете изменить цвет пунктов меню действий. См. setprocedureoptions и getprocedureoption( для получения дополнительной информации.

    Цвет HSB

    Другим способом указания цвета является система HSB, или система Hue, Saturation, Brightness. Как и в системе RGB, в системе HSB для описания используются три числа от 0 до 65 535. цвета. Однако эти три компонента имеют разные значения в этой системе. цвет от центра круга

    Компонент Saturation относится к тому, насколько интенсивен этот цвет. Это очень интенсивный глубокий цвет, или это мягкий пастельный цвет, или что-то среднее? Опять же, используя стандартную палитру цветов Apple, насыщенность будет указывать расстояние цвета от центра колеса.

    Компонент Яркость относится к тому, насколько светлым или темным является цвет. Цвет очень яркий или почти черный? Звучит похоже на Saturation, но это не так. Представьте синий шар под белым светом. Когда свет становится тусклее, оттенок и насыщенность цвета не меняются, но меняется яркость. В палитре цветов Apple яркость определяется полосой прокрутки внизу.

    Цвет HTML

    В Panorama значения цвета обычно создаются с помощью функций rgb(, hsb( или htmlrgb(). Например, цвет пункта меню действий может быть установлен красным следующим образом:

     setprocedureoptions "", «Уровень опасности», «МЕНЮЦВЕТ», rgb( 65535 , 0 , 0 )
     

    Вместо использования отдельных цветовых компонентов вы можете указать цвета, используя спецификацию цвета HTML, например:

     setprocedureoptions "","Danger Level","MENUCOLOR",htmlrgb("FF0000")
     

    В качестве альтернативы можно просто использовать текстовую строку, содержащую цвет HTML, например:

     setprocedureoptions "","Danger Level","MENUCOLOR","FF0000"
     

    Никаких функций не требуется, Panorama просто автоматически распознает, что требуется цвет, и предоставлена ​​спецификация цвета HTML.

    Альфа (непрозрачность)

    Опциональный компонент цвета — непрозрачность. Непрозрачность может варьироваться от 0 (прозрачный) до 65535 (полностью непрозрачный). Примечание. Некоторые компоненты Panorama, например элементы меню, не поддерживают альфа-компонент и всегда полностью непрозрачны.


    См. также

    • alpha( — извлекает альфу (непрозрачность) цвета.
    • black( — возвращает черный цвет в качестве значения цвета панорамы (см. Цвета).
    • blue( — извлекает интенсивность синего цвета из цвета.
    • яркость( — извлекает яркость из цвета.
    • цветовой круг — позволяет пользователю выбирать цвет с помощью стандартного диалогового окна выбора цвета операционной системы
    • formcolor — изменяет цвет фона текущей формы.
    • getwebcolor( — вычисляет цвет RGB из веб-цвета в стиле Netscape.
    • серый( — возвращает оттенок серого в качестве значения цвета панорамы (см. Цвета).
    • green( — извлекает интенсивность зеленого из цвета.
    • hsb( — создает цвет, комбинируя компоненты оттенка, насыщенности и яркости. См. Цвета.
    • htmlcolor( — преобразует имя цвета в шестнадцатеричный цвет HTML (формат RRGGBB).
    • htmlcolorarray( — генерирует текстовый массив цветов HTML, которые постепенно переходят от одного цвета к другому.
    • htmlrgb( — преобразует текст, отформатированный как цвет HTML, в значение цвета панорамы (см. Цвета).
    • htmlrgbstr( — преобразует цвет в текст, отформатированный как цвет HTML.
    • оттенок( — извлекает оттенок из цвета.
    • info(«colornames») — возвращает список названий цветов, которые можно использовать в качестве фона текстового объекта и с функцией htmlcolor(.
    • info(«formcolor») — возвращает цвет фона текущей формы.
    • red( — извлекает интенсивность красного цвета из цвета.
    • rgb( — создает цвет, комбинируя красный, зеленый и синий основные цвета.