Что же это за страшная функция? Если кратко: число смещается на 4 бита влево и объединяется со вторым в результате логического ИЛИ. Эти действия объединят числа, чтобы функция установила нужный цвет и фон. Если интересно, можно взять результат этих операций (в данном случае 46) и скормить их функции:

SetConsoleTextAttribute(h, 46); 

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

Вот список цветов для этой функции:

• Чёрный - 0
• Синий - 1
• Зелёный - 2
• Голубой - 3
• Красный - 4
• Пурпурный - 5
• Коричневый - 6
• Светло-серый - 7
• Тёмно-серый - 8
• Светло-синий - 9
• Светло-зелёный - 10
• Светло-голубой - 11
• Светло-красный- 12
• Светло-пурпурный - 13
• Жёлтый - 14
• Белый - 15

Внимание! Функция system("color . ") устанавливает цвет для всей консоли и всех символов, а SetConsoleTextAttribute(); только для символов и той части консоли, которая находится под ними.

Установка цвета для текста в CSS. Способы представления цветов

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

В нашем примере значение #211C18 означает шестнадцатеричный код цвета. Если вы уже знакомы с шестнадцатеричной системой счисления, то можете пропустить чтение следующего абзаца. Также далее мы расскажем о других способах представления цветов в веб – с помощью цветовых моделей (RGB, HSL) и ключевых слов. Эта информация будет полезна новичкам и рекомендуется к прочтению.

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

Шестнадцатеричная система счисления (hexadecimal, hex) основывается на числе 16. Для записи шестнадцатеричного значения используется 16 символов: арабские цифры от 0 до 9 и первые буквы латинского алфавита (A, B, C, D, E, F). Цвет в шестнадцатеричном формате записывается в виде трех двузначных чисел от 00 до FF (перед ними обязательно ставится символ решетки #), что соответствует трем компонентам: Red, Green, Blue (цветовая модель RGB). Иными словами, запись цвета можно представить как #RRGGBB , где первая пара символов определяет уровень красного, вторая – уровень зеленого, третья – уровень синего цвета. Результирующий цвет является сочетанием этих трех цветов.

Сокращенная запись hex-цветов

Некоторые шестнадцатеричные значения цветов можно записать сокращенно. Для этого следует превратить запись вида #RRGGBB в #RGB . Это можно сделать в том случае, когда в hex-числе имеется три пары одинаковых символов.

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

Примеры сокращенной записи hex-цветов:

Цветовая модель RGB

Второй способ указания цвета в CSS – использовать десятичные значения RGB (Red, Blue, Green). Для этого необходимо записать после свойства color ключевое слово rgb , а затем в скобках и через запятую – три числа в диапазоне от 0 до 255, каждое из которых означает интенсивность красного, зеленого и синего цветов (r, g, b). Чем больше число, тем более интенсивен цвет. К примеру, чтобы получить ярко-зеленый цвет, нужно записать:

А вот желтовато-горчичный оттенок имеет такое значение:

color: rgb(94, 81, 3); /* ниже – тот же цвет, записанный в шестнадцатеричном виде: */ color: #5E5103;

Значение черного цвета записывается как (0, 0, 0) , а белого – (255, 255, 255) . Также допускается указывать эти значения в процентах. Так, число 255 соответствует 100%, следовательно, белый цвет можно задать следующим образом:

color: rgb(100%, 100%, 100%);

Где искать значения цветов

Возможно, у вас возник вопрос: откуда же брать все эти значения цветов? Существует множество графических редакторов и онлайн-сервисов, с помощью которых можно подбирать цвета и строить цветовые схемы. Одна из наиболее популярных программ, в которой можно выбрать подходящий цвет и получить его значение RGB, hex и не только – Adobe Photoshop. В качестве альтернативы есть специальные сайты, на которых можно легко подобрать не только цвет, но и целую цветовую схему. Отличный пример – сервис Adobe Color CC.

Цветовая модель RGBA

Задать цвет в формате RGBA можно почти так же, как и в RGB. Отличие RGBA от RGB заключается в наличии альфа-канала, который отвечает за прозрачность цвета. Задается прозрачность с помощью числа в диапазоне от 0 до 1, где 0 соответствует полной прозрачности, а 1 , наоборот, означает полную непрозрачность. Промежуточные значения вроде 0.5 позволяют задать полупрозрачный вид (допускается сокращенная запись, без нуля, но с точкой – .5 ). Например, чтобы сделать текст цветным и слегка прозрачным, нужно записать после свойства color ключевое слово rgba и значение цвета:

Минусом RGBA является то, что его не поддерживает браузер Internet Explorer версии 8 и ранее. Специально для IE8 можно применить следующее решение:

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

Цветовые модели HSL (HSLA)

Задавать цвет в CSS можно также с помощью координат цветовой модели HSL (Hue, Saturation, Lightness – тон, насыщенность, светлота). Записывается это так:

Первое число в скобках означает тон (hue) и задается в градусах (диапазон чисел от 0 до 359). Вам будет легко понять, почему используются именно градусы, если вы вспомните, как выглядит цветовой круг:

Второе и третье числа в скобках означают насыщенность (saturation) и светлоту (lightness) соответственно. Их значения устанавливаются в процентах от 0 до 100. Чем ниже значение насыщенности, тем более приглушенным становится цвет. Значение saturation, равное нулю, приведет к серому цвету, при этом неважно, какое значение имеет hue. С помощью значения lightness (светлота) можно указать яркость цвета. Низкие значения приводят к темным оттенкам цвета, высокие – к светлым. Значение 100% для lightness означает белый цвет, 0% – черный.

Цветовая модель HSLA работает почти так же, как и HSL, но в ней, аналогично с RGBA, есть альфа-канал, с помощью которого можно задавать прозрачность цвета, указывая необходимое значение в диапазоне от 0 до 1:

HSL и HSLA поддерживаются всеми браузерами, кроме Internet Explorer версии 8 и ранее.

Стандартные цвета HTML

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

Существует 16 стандартных цветов, которые можно записать в значении свойства color :

Эти цвета поддерживают все браузеры. Кроме них есть еще порядка 130 дополнительных ключевых слов для различных оттенков цветов. Полную таблицу этих цветов можно увидеть в справочнике W3C.

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

Итоги

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

Также есть возможность задать элементу прозрачность с помощью альфа-канала (форматы RGBA и HSLA). При этом стоит учитывать, что браузер IE8 и его ранние версии не поддерживают форматы RGBA, HSL и HSLA.

Далее в книге вы узнаете, как задать размер шрифта CSS.

Как изменить цвет HTML-элементов

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

Разберем несколько ключевых понятий и принципов работы HTML.

1. HTML основан на иерархической структуре, состоящей из элементов (), которые определяют тип содержимого страницы. Элементы обрамляют контент и указывают на его тип и назначение.
2. Для определения структуры и типа контента в HTML используются теги. Теги начинаются с открывающего () и заканчиваются закрывающим тегом (), они определяют, как браузер должен интерпретировать и отображать содержимое.
3. Теги могут содержать HTML-атрибуты, которые предоставляют дополнительную информацию о теге или изменяют его поведение. Атрибуты задаются внутри открывающего тега и могут быть в полной форме () или только с указанием имени ().
4. CSS (Cascading Style Sheets) — это язык стилей, который используется для оформления веб-страниц. Он определяет, как элементы HTML должны быть отображены на экране, позволяя изменять цвета, шрифты, размеры, расположение и другие аспекты элементов на странице.
5. Рекомендуется разделять структуру HTML и стили CSS. HTML должен описывать только структуру и содержимое, в то время как стили должны быть определены в отдельных файлах CSS.

Какая цветовая палитра используется в компьютерной графике, как задавать оттенки цветов

Для отображения широкого спектра цветов на электронных устройствах используется палитра RGB (Red-Green-Blue). В этой модели каждый цвет представлен комбинацией красного, зеленого и синего цветовых компонентов. Каждая компонента может иметь значение от 0 до 255, где 0 представляет отсутствие цвета, а 255 – максимальную интенсивность. Путем изменения значений этих компонентов, можно создавать различные цвета, включая все цвета радуги. Например, чисто красный цвет имеет значения R: 255, G: 0, B: 0, а чисто белый - R: 255, G: 255, B: 255.

Кроме палитры RGB, можно представлять и изменять цвет в формате HEX – этот способ использует шестнадцатеричную систему счисления. HEX-код цвета состоит из символа "#" и шести шестнадцатеричных цифр (0-9, A-F), которые представляют значения красного, зеленого и синего (RGB) компонентов цвета. Например, #FF0000 представляет полную насыщенность красного цвета, #00FF00 - зеленого цвета, а #0000FF – синего цвета. Сочетая значения RGB, можно создавать множество разных цветов в HEX-формате.

Чтобы работать с различными оттенками одного цвета, используется модель HSL (Hue, Saturation, Lightness). HSL – это цветовая модель, используемая в компьютерной графике и веб-дизайне для определения цветов на основе трех основных параметров: оттенка (hue), насыщенности (saturation) и яркости (lightness).

• Оттенок (Hue) представляет собой цветовой тон, определенный по кругу цветов. Он измеряется в градусах и может варьироваться от 0 до 360. Например, значения 0 и 360 соответствуют красному цвету, а 120 соответствует зеленому.
• Насыщенность (Saturation) определяет чистоту или интенсивность цвета. Она измеряется в процентах и может варьироваться от 0% (серый цвет) до 100% (насыщенный цвет). Более высокое значение насыщенности означает более яркий и насыщенный цвет.
• Яркость (Lightness) определяет яркость или темноту цвета. Также измеряется в процентах и может варьироваться от 0% (черный цвет) до 100% (белый цвет). Значение яркости влияет на интенсивность цвета, но не на его оттенок или насыщенность.

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

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

Способы изменения цвета HTML-элементов

Для изменения цвета HTML-элементов существуют различные методы. Приведем несколько примеров как изменить цвет текста.

Inline стиль

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

Заголовок с красным цветом

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

Внутренний CSS

Чтобы изменить цвет текста с помощью CSS, используйте свойство «color».

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

Заголовок с красным цветом

Код «color» устанавливает красный цвет для текста внутри абзацев. Вы можете заменить «red» на любой другой цвет, используя название цвета, HEX-код или RGB-значение.

Внешний CSS

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

Заголовок с определенным стилем из файла CSS

В CSS-файле (styles.css) вы определяете цвет элементов следующим образом:

Предопределенные классы

Вы можете использовать предопределенные классы, такие как text-primary, bg-success, и другие, которые определены во фреймворках CSS, например, Bootstrap. Вот вариант кода:

Заголовок с цветом текста, определенным классом

Чтобы эти классы были доступны, подключите соответствующую библиотеку CSS. Для этого используйте один из наиболее популярных способов – использование тега в разделе вашего HTML-документа.

В приведенном выше примере библиотека CSS хранится в файле styles.css. Файл должен находиться в той же папке, что и ваш HTML-документ. Если файл размещен в другом месте, относительный путь должен быть соответственно изменен.

JavaScript

Вы можете использовать JavaScript для динамического изменения цвета элементов. Например, с помощью метода getElementById и свойства style.color вы можете изменить цвет элемента.

Например, чтобы заголовок имел фиолетовый цвет:

Заголовок

const heading = document.getElementById('myHeading');

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

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

Изменим цвет фона с зеленого на красный с помощью HEX-кода:

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

Текст на красном фоне.

Значение #ff0000 задает красный цвет.

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

Как изменить цвет в программе на C

wikiHow работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали, в том числе анонимно, 13 человек(а).

Количество просмотров этой статьи: 14 523.

В этой статье:

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

Часть 1 из 2:

Изменение цвета выводимого текста

Подключите стандартную библиотеку ввода-вывода. Эта библиотека позволяет изменить цвет выводимого на экран текста. Добавьтев заголовок своей программы следующую строку: [1] X Источник информации

#include

Подключите библиотеку консольного ввода-вывода. Это позволит программе считать ввод с клавиатуры пользователем. Добавьте эту библиотеку под библиотекой stdio.h :

#include #include

Используйте функцию textcolor , чтобы задать цвет текста. С помощью этой функции вы можете разнообразить цвет выводимого текста. Цвета должны быть написаны заглавными буквами или представлены в цифровом виде:

#include #include main()  textcolor(RED); // Вместо «RED» можно было ввести «4», но тогда снизится читаемость кода > 

• Но на этом список цветов не заканчивается. Их доступность зависит от установленного графического драйвера и используемого цветового режима. Цвета должны быть написаны заглавными буквами. [2] X Источник информации

Добавьте выводимый текст и закончите программу. Используйте функцию cprintf для отображения текста в выбранном цвете. Добавьте функцию getch в конец программы, чтобы закрыть ее после нажатия пользователем любой клавиши.

#include #include main()  textcolor(RED); // Вместо «RED» можно было ввести «4», но тогда снизится читаемость кода cprintf("Hello, World!"); getch(); return 0; >