Цвета в программировании таблица: Таблица RGB-цветов

Таблица ключевых слов и hex кодов цветов, используемых в Web программировании (CSS, HTML)

В HTML 4.0 было определено лишь 16 цветов (они представлены ниже в таблице Первоначальные цвета), но в более поздних версиях добавилось еще 130 цветов.

Цвета, представленные в шестнадцатеричном формате, поддерживаются всеми основными браузерами. Шестнадцатеричный код цвета имеет формат #RRGGBB, где RR — красный, GG — зеленый и BB— голубой.

Эти значения определяют компоненты цвета, они могут быть в диапазоне от 0 до FF. Если код цвета представляет собой повторяющиеся значения, то его можно записывать в кратком формате вида #RGB, например, черный цвет можно записать как #000000 и #000.

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

Возможно, вам также будут интересны статьи:

Стандартные 140 цветов, применяемых в веб-дизайне. Таблица стилей 140 colors

Original: «140 стандартных (безопасных) веб-цветов»,
by WebSunSey on 04 Nov 2019

При стилизации html-страниц часто необходимо использовать различные цвета. Согласно спецификации HTML5 вся стилизация страниц производится в каскадных таблицах стилей — CSS. Обычно на сайтах применяют подключение к html-страницам внешних файлов css, в которых и прописываются все нужные стили. При этом часто возникает необходимость в таблице стилей для каждого элемента прописывать определённый цвет (текста, фона, тени).

Для того, чтобы облегчить работу по стилизации html-страниц, я написал таблицу стилей для стандартных 140 веб-цветов, применяемых в веб-дизайне и распознаваемых всеми браузерами.

С помощью этой таблицы стилей 140 стандартных веб-цветов отпадает необходимость прописывать цвет для каждого html-элемента в каскадной таблице стилей. Достаточно просто подключить к html-странице таблицу стилей 140 стандартных веб-цветов 140colors.css и уже в html-коде применять для элементов необходимый цвет, просто указав его название в качестве класса.

Например, нам необходимо задать синий цвет фона для заголовка h3. Для этого достаточно указать для него:

Пример

<h3>Заголовок на синем фоне</h3>

Результат:

Заголовок на синем фоне

Или задать цвет фона параграфа золотым — gold:

Пример

<p>Параграф из золотым фоном.</p>

Результат:

Параграф из золотым фоном.

Т.е. цвет фона в данном случае указывается в качестве класса. При этом по умолчанию текст на светлых фонах отображается чёрным цветом, а на тёмных фонах — белым цветом.

Также для большей контрастности и эффектности отображения белому тексту на тёмном фоне добавляется тень (как правило чёрного цвета). При этом вы можете открыть код самой таблице стилей 140 цветов и отредактировать, при необходимости поменяв и подкорректировав как цвет текста, так и цвет и толщину тени.

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

Пример

<p>Параграф из золотым фоном.</p>

Результат:

Параграф из золотым фоном.

Полный список всех 140 стандартных названий веб-цветов вы можете увидеть на странице 140 стандартных (безопасных) веб-цветов.

Скачать каскадную таблицу стилей из названиями (классами) 140 стандартных веб-цветов вы можете здесь: 140colors.css

Таблица цветов html, палитра и коды цветов в html HEX и RGB одной таблицей / FrontBlog.ru

Основы CSS — Изучение веб-разработки

CSS (Cascading Style Sheets) — это код, который вы используете для стилизации вашей веб-страницы. Основы CSS помогут вам понять, что вам нужно для начала работы. Мы ответим на такие вопросы как: Как сделать мой текст черным или красным? Как сделать так, чтобы контент появлялся в определённом месте на экране? Как украсить мою веб-страницу с помощью фоновых изображений и цветов?

Как и HTML, CSS на самом деле не является языком программирования. Это не язык разметки — это язык таблицы стилей. Это означает, что он позволяет применять стили выборочно к элементам в документах HTML. Например, чтобы выбрать все элементы абзаца на HTML странице и изменить текст внутри них с чёрного на красный, вы должны написать этот CSS:

p {
  color: red;
}

Давайте попробуем: вставьте эти три строки CSS в новый файл в ваш текстовый редактор, а затем сохраните файл как style.css в вашей папке styles.

Но нам всё равно нужно применить CSS к нашему HTML документу. В противном случае, CSS стиль не повлияет на то, как ваш браузер отобразит HTML документ. (Если вы не следили за нашим проектом, то прочитайте раздел Работа с файлами и Основы HTML, чтобы узнать, что вам нужно сделать в первую очередь.)

1. Откройте ваш файл index.html и вставьте следующую строку куда-нибудь в шапку, между <head> и </head> тегами:

   <link href="styles/style.css" rel="stylesheet" type="text/css">

2. Сохраните index.html и загрузите его в вашем браузере. Вы должны увидеть что-то вроде этого:

Если текст вашего абзаца теперь красный, примите наши поздравления! Вы написали свой первый успешный CSS!

Анатомия набора правил CSS

Давайте взглянем на вышеупомянутый CSS немного более подробно:

Вся структура называется набором правил (но зачастую для краткости «правило»). Отметим также имена отдельных частей:

Селектор (Selector)

Имя HTML элемента в начале набора правил. Он выбирает элемент(ы) для применения стиля (в данном случае, элементы p ). Для стилизации другого элемента, просто измените селектор.

Объявление (Declaration)

Единственное правило, например color: red; указывает, какие из свойств элемента вы хотите стилизовать.

Свойства (Properties)

Способы, которыми вы можете стилизовать определённый HTML элемент (в данном случае, color является свойством для элементов <p>). В CSS вы выбираете, какие свойства вы хотите затронуть в вашем правиле.

Значение свойства (Property value)

Справа от свойства, после двоеточия, у нас есть значение свойства, которое выбирает одно из множества возможных признаков для данного свойства (существует множество значений color, помимо red).

Обратите внимание на важные части синтаксиса:

• Каждый набор правил (кроме селектора) должен быть обёрнут в фигурные скобки ({}).
• В каждом объявлении необходимо использовать двоеточие (:), чтобы отделить свойство от его значений.
• В каждом наборе правил вы должны использовать точку с запятой (;), чтобы отделить каждое объявление от следующего.

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

p {
  color: red;
  width: 500px;
  border: 1px solid black;
}

Выбор нескольких элементов

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

Разные типы селекторов

Существует множество различных типов селектора. Выше мы рассматривали только селектор элементов, который выбирает все элементы определённого типа в HTML документе. Но мы можем сделать выбор более конкретным. Вот некоторые из наиболее распространённых типов селекторов:

Существует ещё много селекторов для изучения, и вы можете найти более подробный список в нашем Руководстве селекторов (en-US).

Теперь, когда мы изучили некоторые основы CSS, давайте добавим ещё несколько правил и информацию в наш файл style.css, чтобы наш пример хорошо выглядел. Прежде всего, давайте сделаем, чтобы наши шрифты и текст выглядели немного лучше.

1. Прежде всего, вернитесь и найдите вывод из Google Fonts, который вы уже где-то сохранили. Добавьте элемент <link> где-нибудь внутри шапки вашего index.html (снова, в любом месте между тегами <head> и </head>). Это будет выглядеть примерно так:

   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

   Этот код связывает вашу страницу с таблицой стилями, которая загружает семейство шрифтов Open Sans вместе с вашей страницей и позволяет вам применять их к вашим HTML элементам используя свою собственную таблицу стилей.
2. Затем, удалите существующее правило в вашем style.css файле. Это был хороший тест, но красный текст, на самом деле, не очень хорошо выглядит.
3. Добавьте следующие строки в нужное место, заменив строку placeholder актуальной font-family строкой, которую вы получили из Google Fonts. (font-family просто означает, какой шрифт(ы) вы хотите использовать для вашего текста). Это правило устанавливает глобальный базовый шрифт и размер шрифта для всей страницы (поскольку <html> является родительским элементом для всей страницы, и все элементы внутри него наследуют такой же font-size и font-family):

   html {
     font-size: 10px; 
     font-family: placeholder: здесь должно быть имя шрифта из Google fonts
   }

   Примечание: Все в CSS документе между /* и */ является CSS комментарием, который браузер игнорирует при исполнении кода. Это место, где вы можете написать полезные заметки о том, что вы делаете.

4. Теперь мы установим размер шрифта для элементов, содержащих текст внутри HTML тела (<h2> (en-US), <li>, и <p>). Мы также отцентрируем текст нашего заголовка и установим некоторую высоту строки и расстояние между буквами в теле документа, чтобы сделать его немного более удобным для чтения:

   h2 {
     font-size: 60px;
     text-align: center;
   }
   
   p, li {
     font-size: 16px;
     line-height: 2;
     letter-spacing: 1px;
   }

Вы можете настроить значения px так, как вам нравится, чтобы ваш дизайн выглядел так, как вы хотите, но, в общем, ваш дизайн должен выглядеть вот так:

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

Не удивительно, макет CSS основан, главным образом, на блочной модели (box model). Каждый из блоков, занимающий пространство на вашей странице имеет такие свойства, как:

• padding, пространство только вокруг контента (например, вокруг абзаца текста)
• border, сплошная линия, которая расположена рядом с padding
• margin, пространство вокруг внешней стороны элемента

В этом разделе мы также используем:

• width (ширину элемента)
• background-color, цвет позади контента и padding элементов
• color, цвет контента элемента (обычно текста)
• text-shadow: устанавливает тень на тексте внутри элемента
• display: устанавливает режим отображения элемента (пока что не волнуйтесь об этом)

Итак, давайте начнём и добавим больше CSS на нашей странице! Продолжайте добавлять эти новые правила, расположенные в нижней части страницы, и не бойтесь экспериментировать с изменением значений, чтобы увидеть, как это работает.

Изменение цвета страницы

Разбираемся с телом

body {
  width: 600px;
  margin: 0 auto;
  background-color: #FF9500;
  padding: 0 20px 20px 20px;
  border: 5px solid black;
}

Теперь для <body> элемента. Здесь есть немало деклараций, так что давайте пройдём через них всех по одному:

• width: 600px; — заставляет тело быть всегда 600 пикселей в ширину.
• margin: 0 auto; — когда вы устанавливаете два значения для таких свойств как margin или padding, первое значение элемента влияет на верхнюю и нижнюю сторону (делает их 0 в данном случае), и второе значение на левую и правую сторону (здесь, auto является особым значением, которое делит доступное пространство по горизонтали поровну слева и справа). Вы также можете использовать один, три или четыре значения, как описано здесь.
• background-color: #FF9500; — как и прежде, устанавливает цвет фона элемента. Я использовал красновато-оранжевый для тела, в отличие от темно-синего цвета для <html> элемента, но не стесняйтесь и экспериментируйте.
• padding: 0 20px 20px 20px; — у нас есть четыре значения, установленные для padding, чтобы сделать немного пространства вокруг нашего контента. В этот раз мы не устанавливаем padding на верхней части тела, но делаем 20 пикселей слева, снизу и справа. Значения устанавливаются сверху, справа, снизу, слева, в таком порядке.
• border: 5px solid black; — просто устанавливает сплошную чёрную рамку шириной 5 пикселей со всех сторон тела.

Позиционирование и стилизация нашего заголовка главной страницы

h2 {
  margin: 0;
  padding: 20px 0;
  color: #00539F;
  text-shadow: 3px 3px 1px black;
}

Вы, возможно, заметили, что есть ужасный разрыв в верхней части тела. Это происходит, потому что браузеры применяют некоторый стиль по умолчанию для элемента <h2> (en-US) (по сравнению с другими), даже если вы не применяли какой-либо CSS вообще! Это может звучать как плохая идея, но мы хотим, чтобы веб-страница без стилей имела базовую читаемость. Чтобы избавиться от разрыва, мы переопределили стиль по умолчанию, установив margin: 0;.

Затем мы установили заголовку верхний и нижний padding на 20 пикселей, и сделали текст заголовка того же цвета, как и цвет фона html.

Здесь, мы использовали одно довольно интересное свойство — это text-shadow, которое применяет тень к текстовому контенту элемента. Оно имеет следующие четыре значения:

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

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

Центрирование изображения

img {
  display: block;
  margin: 0 auto;
}

В заключение, мы отцентрируем изображение, чтобы оно лучше выглядело. Мы можем использовать margin: 0 auto уловку снова, как мы это делали раньше для body, но мы также должны сделать кое-что ещё. Элемент <body> является блочным, это значит, что он занимает место на странице и может иметь margin и другие значения отступов, применяемых к нему. Изображения, наоборот, являются строчными элементами, то есть они этого не могут. Таким образом, чтобы применить margin к изображению, мы должны дать изображению блочное поведение с помощью display: block;.

Примечание: Приведённые выше инструкции предполагают, что вы используете изображение меньшей ширины, чем заданная для <body> (600 пикселей). Если ваше изображение больше, тогда оно выйдет за границы <body> и займёт пространство страницы. Чтобы исправить это, вы можете 1) уменьши ширину изображения используя графический редактор, или 2) изменить размер изображения используя CSS путём установки свойства width для <img> элемента меньшего значения (например 400 px;).

Примечание: Не стоит беспокоиться, если вы ещё не понимаете display: block; и различия между блочным/строчным. Вы поймёте, когда будете изучать CSS более подробно. Вы можете узнать больше о различных доступных значениях display на нашей странице о свойстве display.

Color Структура (System.Drawing) | Microsoft Docs

В следующем примере кода демонстрируются A R свойства,, G и элемента B Color , а также Implicit элемент.The following code example demonstrates the A, R, G, and B properties of a Color, and the Implicit member.

Этот пример предназначен для использования с Windows Form.This example is designed to be used with a Windows Form. Вставьте код в форму и вызовите ShowPropertiesOfSlateBlue метод из формы Paint метода обработки событий, передав его e как PaintEventArgs .Paste the code into the form and call the ShowPropertiesOfSlateBlue method from the form’s Paint event-handling method, passing e as PaintEventArgs.

Именованные цвета представлены с помощью свойств Color структуры.Named colors are represented by using the properties of the Color structure. Дополнительные сведения об этих цветах см. в разделе цвета по имени.For more information about these colors, see Colors by Name.

Цвет каждого пикселя представлен в виде 32-разрядного числа: по 8 бит для альфа-канала, красного, зеленого и синего (ARGB).The color of each pixel is represented as a 32-bit number: 8 bits each for alpha, red, green, and blue (ARGB). Каждый из четырех компонентов — это число от 0 до 255, где 0 означает отсутствие интенсивности и 255, представляющие полную интенсивность.Each of the four components is a number from 0 through 255, with 0 representing no intensity and 255 representing full intensity. Альфа-компонент задает прозрачность цвета: 0 является полностью прозрачным, а 255 — полностью непрозрачным.The alpha component specifies the transparency of the color: 0 is fully transparent, and 255 is fully opaque. Чтобы определить альфа-, красный, зеленый или синий компонент цвета, используйте A R свойство,, G или B соответственно.To determine the alpha, red, green, or blue component of a color, use the A, R, G, or B property, respectively. Пользовательский цвет можно создать с помощью одного из FromArgb методов.You can create a custom color by using one of the FromArgb methods.

Архивы HTML — ДАЙ СПИСАТЬ

Фронтенд разработка. С чего начать? Каждый начинающий фронтенд разработчик задается только одним вопросом — С чего начать изучение фронтенд разработки. Рассмотрим основные модули, которые нужно необходимо рассмотреть. Итак, приступим   HTML5 HTML- язык гипертекстовой разметки, позволяющий представить абсолютно любую информацию на сайте во всевозможных вариациях как со стороны читабельности и понятности, так и с кучей… Читать далее »

Псевдоэлемент ::selection Очень часто новички задаются вопросом — Как сделать выделенный текст на сайте мышью другого цвета или поменять цвет его фона Для этого был придуман псевдоэлемент ::selection. Напомним что псевдоэлементом называется ключевое «свойство», которое расширяет возможности наших селекторов или позволяет стилизовать как раз выбранную часть текста на сайте. Ограничением данного псевдоэлемента является то, что не… Читать далее »

Таблица кодов цветов для сайта Представляем небольшой набор таблицы кодов цветовой палитры цветов для вашего сайта. Некоторые цветовые решения подобраны для использования одного стиля оформления.   Название Отображение R G B HEX HTML Snow Snow 255 250 250 #FFFAFA GhostWhite GhostWhite 248 248 255 #F8F8FF WhiteSmoke WhiteSmoke 245 245 245 #F5F5F5 Gainsboro Gainsboro 220 220… Читать далее »

История тега «бегущая строка» <marquee> Бегущая строка на сайте позволяет обратить внимание пользователя на себя, тем самым привлечь к каким то действиям, например покупке или звонку. Данное внимание позволит организовать ПАРНЫЙ тег <marquee> Синтаксис довольно прост

<marquee>Бегущая строка</marquee>

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

<marquee&nbsp;style=»color: #D9470D; font-size: 40px; font-weight: bolder; line-height: 150%; text-shadow: #000000 0px 1px 1px;»>Бегущий текст</marquee>

Атрибуты тега <marquee>  Атрибут… Читать далее »

Теория цвета в цифрах / Хабр

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

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

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

То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.

Распознавание цвета

Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.

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

Понимание цвета по hex-коду позволяет веб-дизайнеру быстрее ориентироваться в коде страницы, кроме того, можно всегда произвести впечатление на коллег или клиентов, сказав «Ах, какой прекрасный оттенок бордового».

Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:

Подчеркивание ссылок

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

• Для темного текста на светлом фоне делаем ссылки ярче.
• Для яркого текста на темном фоне делаем ссылки темнее.

Чтобы это работало, необходимо использовать тег

внутри каждого тега

, например:

a { text-decoration:underline;color:#aaaaff; }
a span { text-decoration:none;color:#0000ff; }

Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:

a { text-decoration: none; border-bottom: 1px solid #aaaaff; }

Цвета контента

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

h2, p { color: #797979; }

Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:

h2 { color: #797979; }
p { color: #393939; }

Редактирование фона

Легко управлять фоном, изменяя hex-код цвета:

• #404040 — нейтральный
• #504030 — теплее
• #304050 — холоднее

Фон страницы визуально более чувствителен к изменениям цвета, чем контент. Поэтому можно легко сделать его теплее или холоднее, корректируя и вторую цифру в парах hex-кода. Например:

• #404040 — нейтральный
• #594039 — теплее
• #394059 — холоднее

Подбор и комбинирование цветов

Понимание структуры шестнадцатеричного кода цветов дает дизайнеру возможность точно подбирать комбинации цветов и выбирать цветовые схемы. Самая простая техника — это переставлять одну пару в разные места кода. Еще один способ — удвоение первой цифры в первой паре и разделение на два остальных первых цифр. Также можно комбинировать цвета, взятые из фото. Описанные способы наглядно продемонстрированы на рисунке ниже:

Использованный материал и полезное чтиво

HTML 🎨

HTML цветовых кодов и названий.

Палитра цветов HTML

Красный цвет

Оранжевый цвет

Желтые тона

Зеленые цвета

Голубые цвета

Синие цвета

Пурпурный

Розовые тона

Белый цвет

Серые цвета

Коричневые цвета

См. Также

Напишите, как улучшить эту страницу

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

Эта страница содержит названия цветов в формате HTML. Это названия цветов, которые можно использовать при кодировании HTML и CSS. Первая таблица содержит 17 названий цветов, признанных спецификацией CSS 2.1. Вторая таблица содержит более обширный список названий цветов. Они известны как названия цветов X11 и стандартизированы SVG 1.0.

Основные названия цветов

HTML изначально распознал 16 названий цветов. Затем CSS включил эти имена и добавил оранжевый, что сделало его 17 именами цветов, указанными в CSS 2.1 спецификация. Названия цветов в следующей таблице являются основными названиями цветов в CSS.

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

Следующая таблица содержит названия цветов, которые распознаются большинством, если не всеми, современными браузерами.Большинство из них взяты из списка названий цветов X11, распространяемого с X Window System. Эти названия цветов были стандартизированы SVG 1.0.

CSS теперь включил их как часть своего официального списка именованных цветов (начиная с CSS3).

См. Также палитру цветов и веб-палитру.

Загрузка таблиц цветов по умолчанию

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

Вы также можете определить пользовательские таблицы цветов с помощью функции COLORTABLE.

Совет: Если вы используете IDL на дисплее TrueColor, установите DEVICE, DECOMPOSED = 0 перед использованием вашей первой процедуры, связанной с таблицей цветов, в сеансе IDL или программе.

Загрузите таблицу цветов по умолчанию следующим образом:

• IDL-функции: Для функций, которые включают свойство RGB_TABLE, введите номер индекса. Если вы не определяете цветовую таблицу, эта графика отображается в серой шкале.
• iImage: в диалоговом окне IDL iImage щелкните Edit Palette на панели Image.
• Графика объекта: используйте метод LoadCT объекта IDLgrPalette для определения таблицы цветов (подробности см. В IDLgrPalette :: LoadCT).Свяжите объект палитры с другим объектом с помощью свойства Palette (например, см. Свойство PALETTE объекта IDLgrImage).
• Прямая графика: используйте процедуру LOADCT или другую процедуру, связанную с таблицей цветов, для установки таблицы цветов.

Список связанных подпрограмм см. В разделе «Управление таблицей цветов».

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

IDL содержит две утилиты графического интерфейса пользователя (GUI) для изменения таблицы цветов: XLOADCT и XPALETTE.Подпрограмма MODIFYCT позволяет создавать, изменять и сохранять новую таблицу цветов. См. Примеры в следующих темах:

Эти примеры основаны на цветовой системе RGB по умолчанию (красный, зеленый и синий). IDL также содержит процедуры, которые позволяют использовать другие цветовые системы, включая оттенок, насыщенность и значение (HSV), а также оттенок, яркость и насыщенность (HLS).

Выделение элементов с помощью таблицы цветов

Для проиндексированных изображений можно создать пользовательские таблицы цветов, чтобы выделить определенные функции.Таблицы цветов обычно предназначены для изменения в определенных диапазонах, чтобы показать драматические изменения в изображении. Некоторые таблицы цветов предназначены для выделения функций с резким изменением цвета в соседних диапазонах (например, установка от 0 до 20 на черный и установка от 21 до 40 на белый).

Таблицы цветов связаны с проиндексированными изображениями. Изображения RGB уже содержат собственную цветовую информацию. Чтобы получить таблицу цветов для изображения RGB, преобразуйте ее в индексированное изображение с помощью процедуры COLOR_QUAN.Кроме того, установите для ключевого слова COLOR_QUAN CUBE значение 6, чтобы результирующее индексированное изображение было ярким представлением исходного изображения RGB. См. COLOR_QUAN для получения дополнительной информации.

Следующие темы включают примеры:

• IDLgrPalette предоставляет пример, который создает, определяет и применяет объект палитры к изображению.
• Процедура TVLCT создает, определяет и применяет таблицу цветов в отображении Direct Graphics.
• H_EQ_CT применяет выравнивание гистограммы к таблице цветов, чтобы выявить ранее неразличимые особенности.

HTML | Атрибут bgcolor

Атрибут HTML

Значения атрибутов:

• color_name: Устанавливает цвет текста с помощью названия цвета. Например «красный» .
• hex_number: Устанавливает цвет текста с помощью шестнадцатеричного кода цвета.Например, «# 0000ff» .
• rgb_number: Устанавливает цвет текста с помощью кода RGB. Например: «RGB (0, 153, 0)» .

Примечание: Атрибут

html

Вывод:

Поддерживаемые браузеры: Браузеры, поддерживаемые HTML
, атрибут bgcolor3, перечислены ниже: HTML
Атрибут bgcolor3

• Google Chrome
• Internet Explorer
• Firefox
• Safari
• Opera

Вниманию читателя! Не прекращайте учиться сейчас.Получите все важные концепции конкурентного программирования с Web Design for Beginners | HTML курс.

  цвет содержит [красный, зеленый, синий, альфа]
  

  импортировать rhinoscriptsytnax as rs

цвет1 = RS.CreateColor (128, 128, 128) # Создает средний серый цвет.
  

  импортировать rhinoscriptsyntax как rs

col = rs.CreateColor (43,45,56)

печать столбца [0]
печать столбца [1]
печать столбца [2]
  

 НАСТРОЙКА ЦВЕТА ЭКРАНА 6
SETPENCOLOR 1
ПОВТОР 4 [ВПЕРЕД 100 ВПРАВО 90] 

 НАСТРОЙКА ЦВЕТА ЭКРАНА [255 255 0]
SETPENCOLOR [0 0 255]
ПОВТОР 4 [ВПЕРЕД 100 ВПРАВО 90] 

 НА ПЛОЩАДЬ
  ПОВТОР 4 [ВПЕРЕД 50 ВПРАВО 90]
КОНЕЦ

УСТАНОВИТЬ: ЯРКОСТЬ
  SETPENCOLOR (СПИСОК
     255; красный
     255 -: ЯРКОСТЬ; зеленый
     : ЯРКОСТЬ; синий
  )
КОНЕЦ

В ПЛОЩАДЬ
  ПОВТОР 64 [
    ПОВТОР УСТАНОВКИ * 4 - 1
    ВПРАВО 360/64
    КВАДРАТ
  ]
КОНЕЦ

ПЛОЩАДЬ
 

 ДЛЯ COLORSTAR
  УСТАНОВИТЬЦВЕТ ЭКРАНА 0
  ПОВТОР 35 [
    SETPENCOLOR INT (ПОВТОР - 1) / 5
    ПЕРВЫЙ ОТЧЕТ * 6
    СПРАВА 144
  ]
КОНЕЦ

COLORSTAR
 

 ДЛЯ COLORBALL
  ПОВТОР 4 [
    НАСТРОЙКА ПОВТОРНОГО ЦВЕТА
    ПОВТОР 120 [ПОВТОРНЫЙ ПОВТОР * 2 ПРАВЫЙ 204]
    ДОМ
    ПРАВО 90 * ПОВТОР
  ]
КОНЕЦ

ЦВЕТНОЙ
 

 К ПРЯМОУГЛУ: ВЫСОТА: ШИРИНА
  ПОВТОР 2 [
    ВПЕРЕД: ВЫСОТА
    ВПРАВО 90
    ВПЕРЕД: ШИРИНА
    ВПРАВО 90
  ]
КОНЕЦ

К ТРЕУГОЛЬНИКУ: ДЛИНА
  ПРАВА 45
  ВПЕРЕД: ДЛИНА * (КВАДРАТ 2) / 2
  ВПРАВО 90
  ВПЕРЕД: ДЛИНА * (КВАДРАТ 2) / 2
  ПРАВА 135
  ВПЕРЕД: ДЛИНА
  ВПРАВО 90
КОНЕЦ

В ДОМ
  ; нарисовать красную крышу
  SETPENCOLOR [255 0 0]
  ВПЕРЕД 100
  ТРЕУГОЛЬНИК 100
  НАЗАД 100

  ; нарисовать темно-зеленую дверь
  НАСТРОЙКА ЦВЕТА [100 162 64]
  ВПРАВО 90
  ВПЕРЕД 60
  СЛЕВА 180
  ПРЯМОУГОЛЬНИК 20 40
  ВПЕРЕД 60
  ВПРАВО 90

  ; нарисовать коричневый дом
  НАСТРОЙКА ЦВЕТА [155 96 59]
  ПРЯМОУГОЛЬНИК 100 100

КОНЕЦ

ДОМ
 

 ModifyImage imageName, ctab = {- 1000,1000, LandAndSea, 0} // график изображения
ColorScale / C / N = scale0 ctab = {- 1000,1000, LandAndSea, 0} // colorscale 

 ModifyImage imageName, ctab = {- 2000,1000, PastelsMap, 0} // график изображения
ColorScale / C / N = scale0 ctab = {- 2000,1000, PastelsMap, 0} // colorscale