> For the complete documentation index, see [llms.txt](https://overleaf-pro.ayaka.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://overleaf-pro.ayaka.space/latex/uk/formatuvannya/13-using-colors-in-latex.md).

# Використання кольорів у LaTeX

## Вступ

Ця стаття пояснює, як використовувати колір у вашому документі LaTeX через [`color`](https://ctan.org/pkg/color?lang=en) або [`xcolor`](https://ctan.org/pkg/xcolor?lang=en) пакети. Зауважте, що користувацька документація до `color` пакета міститься в [Стандартний графічний пакет LaTeX](http://mirrors.ctan.org/macros/latex/required/graphics/grfguide.pdf).

Обидва пакети надають спільний набір команд для керування кольором, але `xcolor` є гнучкішим і підтримує більшу кількість колірних моделей, тож це рекомендований підхід.

Почнемо з такого прикладу:

```latex
\documentclass{article}
\usepackage{xcolor}
\begin{document}
Цей приклад показує кілька випадків використання пакета \texttt{xcolor}
для зміни кольору елементів у \LaTeX.

\begin{itemize}
\color{blue}
\item Перший пункт
\item Другий пункт
\end{itemize}

\noindent
{\color{red} \rule{\linewidth}{0.5mm}}
\end{document}
```

[Відкрийте цей `xcolor` приклад в Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=A+basic+xcolor+package+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%7Bxcolor%7D%0A%5Cbegin%7Bdocument%7D%0AThis+example+shows+some+instances+of+using+the+%5Ctexttt%7Bxcolor%7D+package+%0Ato+change+the+color+of+elements+in+%5CLaTeX.%0A%0A%5Cbegin%7Bitemize%7D%0A%5Ccolor%7Bblue%7D%0A%5Citem+First+item%0A%5Citem+Second+item%0A%5Cend%7Bitemize%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7Bred%7D+%5Crule%7B%5Clinewidth%7D%7B0.5mm%7D%7D%0A%5Cend%7Bdocument%7D)

Цей приклад дає такий результат:

![Приклад використання пакета xcolor у LaTeX](/files/0db7eb7b6ce1410bacb9d0d400b74ca97a11a65c)

У цьому прикладі пакет `xcolor` імпортується за допомогою

```latex
\usepackage{xcolor}
```

потім команда `\color{blue}` встановлює `blue` колір поточного блоку тексту. У цьому випадку для `itemize` середовищі.

Код для набору горизонтальної лінії, створеної за допомогою `\rule{\linewidth}{0.5mm}` міститься в групі, обмеженій { і }, щоб зберегти ефекти `\color{red}` локальними для цієї групи.

## Іменовані кольори, що надаються пакетом xcolor

Як зазначено в [документації пакета xcolor](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf), такі іменовані кольори завжди доступні без потреби завантажувати будь-які опції пакета:

![список кольорів у пакеті xcolor](/files/c5374c57fdeddf2b55dcef3fdf060912ef75c656)

### Доступ до додаткових іменованих кольорів

Додаткові іменовані кольори можна отримати через такі `xcolor` опції пакета:

* `dvipsnames`: завантажує 68 іменованих кольорів (CMYK)
* `svgnames`: завантажує 151 іменований колір (RGB)
* `x11names`: завантажує 317 іменованих кольорів (RGB)

Наприклад, якщо ви напишете

```latex
\usepackage[dvipsnames]{xcolor}
```

ви зможете отримати доступ до таких іменованих кольорів:

![кольори, завантажені опцією dvipsnames пакета xcolor](/files/acbf59e7a0fac9122c5c66e9ac6a5ba09819c1af)

Зверніться до [документації пакета xcolor](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf) до табличних списків кольорів, що надаються `svgnames` та `x11names` опціями.

### Приклад використання

Наступний приклад використовує іменовані кольори, завантажені через `dvipsnames` опції.

```latex
\documentclass{article}
\usepackage[dvipsnames]{xcolor}
\begin{document}
Цей приклад показує, як використовувати пакет \texttt{xcolor}
для зміни кольору елементів сторінки \LaTeX{}.

\begin{itemize}
\color{ForestGreen}
\item Перший пункт
\item Другий пункт
\end{itemize}

\noindent
{\color{RubineRed} \rule{\linewidth}{0.5mm}}

Фоновий колір тексту також можна \textcolor{red}{легко} встановити. Наприклад,
ви можете змінити використання \colorbox{BurntOrange}{помаранчевого фону}, а потім продовжити друкувати.
\end{document}
```

[Відкрийте цей `**xcolor**` приклад в Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Basic+xcolor+package+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D%0A%5Cbegin%7Bdocument%7D%0AThis+example+shows+how+to+use+the+%5Ctexttt%7Bxcolor%7D+package+%0Ato+change+the+color+of+%5CLaTeX%7B%7D+page+elements.%0A%0A%5Cbegin%7Bitemize%7D%0A%5Ccolor%7BForestGreen%7D%0A%5Citem+First+item%0A%5Citem+Second+item%0A%5Cend%7Bitemize%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7BRubineRed%7D+%5Crule%7B%5Clinewidth%7D%7B0.5mm%7D%7D%0A%0AThe+background+color+of+text+can+also+be+%5Ctextcolor%7Bred%7D%7Beasily%7D+set.+For+%0Ainstance%2C+you+can+change+use+an+%5Ccolorbox%7BBurntOrange%7D%7Borange+background%7D+and+then+continue+typing.%0A%5Cend%7Bdocument%7D)

Цей приклад дає такий результат:

![Демонстрація пакета xcolor](/files/95b519cb284e79f09b744d5587d3e69926143e14)

У прикладі також використовуються дві нові команди:

* `\textcolor{red}{легко}`: Змінює колір вбудованого тексту. Ця команда приймає два параметри: колір, який слід використати, і текст, колір якого змінюється. У прикладі слово `легко` надруковано в `red`.
* `\colorbox{BurntOrange}{помаранчевому тлі}`: Змінює колір фону тексту, переданого як другий аргумент. У наведеному вище прикладі слова `помаранчевий фон` набрані на тлі кольору `BurntOrange`.

## Завантаження та використання іменованих кольорів у пакеті color

Ви також можете використовувати `color` пакет і завантажувати іменовані кольори через його `usenames` та `dvipsnames` опції пакета:

```latex
\usepackage[usenames,dvipsnames]{color}
```

Наступний код використовує `color` пакет для застосування тих самих іменованих кольорів, що й у попередньому `xcolor` прикладі з пакетом.

```latex
\documentclass{article}
\usepackage[usenames,dvipsnames]{color} % використовується пакет color, а не xcolor
\begin{document}
Цей приклад показує, як використовувати пакет \texttt{\bfseries color}
для зміни кольору елементів сторінки \LaTeX{}.

\begin{itemize}
\color{ForestGreen}
\item Перший пункт
\item Другий пункт
\end{itemize}

\noindent
{\color{RubineRed} \rule{\linewidth}{0.5mm}}

Фоновий колір тексту також можна \textcolor{red}{легко} встановити. Наприклад,
ви можете змінити використання \colorbox{BurntOrange}{помаранчевого фону}, а потім продовжити друкувати.
\end{document}
```

[Відкрийте цей `**color**` приклад в Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Basic+color+package+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Busenames%2Cdvipsnames%5D%7Bcolor%7D+%25using+the+color+package%2C+not+xcolor%0A%5Cbegin%7Bdocument%7D%0AThis+example+shows+how+to+use+the+%5Ctexttt%7B%5Cbfseries+color%7D+package+%0Ato+change+the+color+of+%5CLaTeX%7B%7D+page+elements.%0A%0A%5Cbegin%7Bitemize%7D%0A%5Ccolor%7BForestGreen%7D%0A%5Citem+First+item%0A%5Citem+Second+item%0A%5Cend%7Bitemize%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7BRubineRed%7D+%5Crule%7B%5Clinewidth%7D%7B0.5mm%7D%7D%0A%0AThe+background+color+of+text+can+also+be+%5Ctextcolor%7Bred%7D%7Beasily%7D+set.+For+%0Ainstance%2C+you+can+change+use+an+%5Ccolorbox%7BBurntOrange%7D%7Borange+background%7D+and+then+continue+typing.%0A%5Cend%7Bdocument%7D)

Цей приклад дає той самий вивід, що й попередня `xcolor` версія:

![Демонстрація пакета color](/files/80de4ec5784d7ddffb378846b8bc2b0645000783)

## Драйвери та колір

Використання кольору під час набору тексту чи формул не було частиною початкового проєкту TeX; натомість використання/застосування кольору було передано зовнішнім «драйверам», які перетворювали оригінальний формат вихідного файлу TeX (DVI) у PostScript або PDF. Щоб колір працював, специфічні для драйвера інструкції потрібно було «вбудовувати» у вихід TeX за допомогою вбудованої команди TeX під назвою `\special` завдання якої — просто дозволити коду/даним пройти через процес набору й бути вбудованими у вихідний файл. Коли вибраний драйвер (програмне забезпечення) обробляв набраний вивід, він виявляв вбудований код/дані та діяв відповідно, щоб досягти того, що мав на меті користувач — наприклад, використання кольору.

Часи змінилися, і PDF тепер беззаперечно є найпоширенішим вихідним форматом, який використовують рушії TeX, давно витіснивши використання застарілих DVI-драйверів і створення PostScript. Користувачі також мають ширший вибір рушіїв TeX для набору своїх документів LaTeX, зокрема pdfTeX, XeTeX або LuaTeX/LuaHBTeX, тож і надалі важливо враховувати відмінності між цими рушіями TeX — забезпечуючи використання правильних механізмів для вставлення даних кольору (PDF-інструкцій) у їхні PDF-файли. Щоб підтримати й врахувати застарілий формат виводу DVI та ширше середовище рушіїв і робочих процесів TeX, що використовуються, ви, за потреби, можете налаштувати `color` або `xcolor` пакети на використання певного «драйвера», щоб LaTeX генерував дані кольору за відповідним методом.

### Драйвери для color і xcolor

Функція `color` пакет надає готову підтримку таких опцій драйвера:

* `dvipdfmx`, `dvips`, `dvisvgm`, `luatex`, `pdftex` та `xetex`

Є й інші опції, як описано в [`color` документація пакета](https://mirror.ox.ac.uk/sites/ctan.org/macros/latex/required/graphics/grfguide.pdf).

Функція `xcolor` пакет надає такі опції драйвера:

* `dvips`, `xdvi`, `dvipdf`, `dvipdfm`, `dvipdfmx`, `luatex`, `pdftex`, `dvipsone`, `dviwindo`, `emtex`, `dviwin`, `oztex`, `textures`, `pctexps`, `pctexwin`, `pctexhp`, `pctex32`, `truetex`, `tcidvi`, `vtex` та `xetex`.

### Автоматичне визначення драйвера кольору

Під час набору вашого документа LaTeX читає файл конфігурації під назвою `color.cfg` який містить код, що може визначити, чи ви використовуєте pdfTeX, XeTeX або LuaTeX, і автоматично завантажує відповідний драйвер (`.def` файл) для вас, тож вам не *не потрібно* потрібно вказувати опцію пакета драйвера для цих рушіїв.

### Більш просунутий приклад із використанням драйвера dvisvgm для створення файлу SVG

Наступний приклад використовує `color` пакет з опціями, що завантажують іменовані кольори та `dvisvgm` драйвер для виведення визначень/даних кольору за допомогою SVG-коду:

```latex
\usepackage[dvisvgm, usenames, dvipsnames]{color}
```

Зокрема, вихідний файл, набраний Overleaf, перетворюється на SVG за допомогою програми під назвою [`dvisvgm`](https://dvisvgm.de/), яка є частиною TeX Live і доступна на наших серверах. Щоб запустити `dvisvgm`, після набору сторінки, ми використовуємо [`latexmkrc` файлу](/latex/uk/dokladni-statti/28-how-to-use-latexmkrc-with-overleaf.md) який створюється, коли ви відкриваєте наступний код в Overleaf:

```latex
\documentclass{article}
\usepackage[dvisvgm, usenames, dvipsnames]{color}
\title{Створення SVG-графіки}
\author{Overleaf}
\begin{document}
\maketitle
Привіт, {\color{Apricot}у Apricot} і тепер у {\color{DarkOrchid} DarkOrchid}, але, можливо, буде краще, якщо ми використаємо {\color{JungleGreen}JungleGreen}---чи ні?
\end{document}
```

[Відкрийте цей приклад, щоб створити файл SVG](https://www.overleaf.com/docs?engine=latex_dvipdf\&snip_name\[]=main.tex\&snip\[]=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bdvisvgm%2C+usenames%2C+dvipsnames%5D%7Bcolor%7D%0A%5Ctitle%7BCreating+SVG+graphics%7D%0A%5Cauthor%7BOverleaf%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cmaketitle%0AHello%2C+%7B%5Ccolor%7BApricot%7Din+Apricot%7D+and+now+in+%7B%5Ccolor%7BDarkOrchid%7D+DarkOrchid%7D+but+perhaps+it+might+look+nicer+if+we+use+%7B%5Ccolor%7BJungleGreen%7DJungleGreen%7D---or+may+not%3F%0A%5Cend%7Bdocument%7D\&snip_name\[]=latexmkrc\&snip\[]=END+%7B%0Asystem%28%22dvisvgm+-n+-o+mygraphic.svg+.%2Foutput.dvi%22%29%0A%7D\&main_document=main.tex)

Щойно Overleaf завершить компіляцію, ви зможете отримати доступ до SVG-графіки під назвою `mygraphic.svg`, вибравши `Журнали та виводи` і вибравши `Інші журнали та файли` розкривний список:

![Доступ до згенерованого файла в Overleaf](/files/0edceead0d625f798d65d92a9927e7621ccf4c76)

## Створення власних кольорів

Можна визначати власні кольори; спосіб визначення кольору залежить від бажаної колірної моделі. Наступний приклад використовує 4 колірні моделі.

```latex
\documentclass{article}
\usepackage[dvipsnames]{xcolor}

\definecolor{mypink1}{rgb}{0.858, 0.188, 0.478}
\definecolor{mypink2}{RGB}{219, 48, 122}
\definecolor{mypink3}{cmyk}{0, 0.7808, 0.4429, 0.1412}
\definecolor{mygray}{gray}{0.6}

\begin{document}
Користувацькі кольори з різними колірними моделями:

\begin{enumerate}
\item \textcolor{mypink1}{Рожевий із rgb}
\item \textcolor{mypink2}{Рожевий із RGB}
\item \textcolor{mypink3}{Рожевий із cmyk}
\item \textcolor{mygray}{Сірий із gray}
\end{enumerate}
\end{document}
```

[Відкрити цей приклад в Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Example+of+user-defined+colours\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D%0A%0A%5Cdefinecolor%7Bmypink1%7D%7Brgb%7D%7B0.858%2C+0.188%2C+0.478%7D%0A%5Cdefinecolor%7Bmypink2%7D%7BRGB%7D%7B219%2C+48%2C+122%7D%0A%5Cdefinecolor%7Bmypink3%7D%7Bcmyk%7D%7B0%2C+0.7808%2C+0.4429%2C+0.1412%7D%0A%5Cdefinecolor%7Bmygray%7D%7Bgray%7D%7B0.6%7D%0A%0A%5Cbegin%7Bdocument%7D%0AUser-defined+colors+with+different+color+models%3A%0A%0A%5Cbegin%7Benumerate%7D%0A%5Citem+%5Ctextcolor%7Bmypink1%7D%7BPink+with+rgb%7D%0A%5Citem+%5Ctextcolor%7Bmypink2%7D%7BPink+with+RGB%7D%0A%5Citem+%5Ctextcolor%7Bmypink3%7D%7BPink+with+cmyk%7D%0A%5Citem+%5Ctextcolor%7Bmygray%7D%7BGray+with+gray%7D%0A%5Cend%7Benumerate%7D%0A%5Cend%7Bdocument%7D)

Цей приклад дає такий результат:

![Приклад LaTeX, що створює користувацькі кольори](/files/04903c42a8f664387c95d92cbd1d6d9d1c950ff0)

Команда `\definecolor` приймає три параметри: назву нового кольору, модель і визначення кольору. Грубо кажучи, кожне число представляє, скільки кожного кольору ви додаєте до суміші, з якої складається фінальний колір.

* `**rgb**`: Червоний, зелений, синій. Три значення, розділені комами, між 0 і 1 визначають компоненти кольору.
* `**RGB**`: Те саме, що й `rgb`, але числа є цілими між 0 і 255.
* `**cmyk**`: Блакитний, пурпуровий, жовтий і чорний. Список із чотирьох чисел, розділених комами, між 0 і 1, які визначають колір відповідно до [субтрактивної моделі CMYK](https://en.wikipedia.org/wiki/CMYK_color_model) що використовується комерційними друкарями.
* `**gray**`: Сіра шкала. Одне число між 0 і 1.

У прикладі, `mypink1`, `mypink2` та `mypink3` визначають той самий колір, але для різних моделей. Насправді можна побачити, що той, що визначений `cmyk` є трохи іншим.

Кольори, визначені будь-якою моделлю, згодом можна використовувати у вашому документі не лише для встановлення кольору тексту, а й для будь-якого іншого елемента, що приймає колір як параметр, наприклад [таблиці](/latex/uk/risunki-ta-tablici/01-tables.md#colouring-a-table-28cells2c-rows2c-columns-and-lines29) (ви повинні додати `table` опцію до `xcolor`), [графічних елементів, створених за допомогою TikZ](/latex/uk/risunki-ta-tablici/05-tikz-package.md), [графіків](/latex/uk/specializovani/08-pgfplots-package.md), [вертикальних лінійок у багатоколонкових документах](/latex/uk/formatuvannya/09-multiple-columns.md#inserting-vertical-rulers) та [фрагментів коду](/latex/uk/formatuvannya/11-code-listing.md#code-styles-and-colours).

### лише моделі кольорів xcolor

Функція `xcolor` пакет надає додаткові команди, які забезпечують підтримку більшої кількості колірних моделей і зручне змішування кольорів, як показано в наступному прикладі:

```latex
\documentclass{article}
\usepackage[dvipsnames]{xcolor}
\colorlet{LightRubineRed}{RubineRed!70}
\colorlet{Mycolor1}{green!10!orange}
\definecolor{Mycolor2}{HTML}{00F9DE}
\begin{document}
Цей документ містить кілька прикладів, що показують, як використовувати пакет \texttt{xcolor}
для зміни кольору елементів сторінки \LaTeX{}.

\begin{itemize}
\item \textcolor{Mycolor1}{Перший пункт}
\item \textcolor{Mycolor2}{Другий пункт}
\end{itemize}

\noindent
{\color{LightRubineRed} \rule{\linewidth}{1mm}}

\noindent
{\color{RubineRed} \rule{\linewidth}{1mm}}
\end{document}
```

[Відкрити цей приклад в Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Custom+colours+with+xcolor\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D%0A%5Ccolorlet%7BLightRubineRed%7D%7BRubineRed%2170%7D%0A%5Ccolorlet%7BMycolor1%7D%7Bgreen%2110%21orange%7D%0A%5Cdefinecolor%7BMycolor2%7D%7BHTML%7D%7B00F9DE%7D%0A%5Cbegin%7Bdocument%7D%0AThis+document+presents+several+examples+showing+how+to+use+the+%5Ctexttt%7Bxcolor%7D+package+%0Ato+change+the+color+of+%5CLaTeX%7B%7D+page+elements.%0A%0A%5Cbegin%7Bitemize%7D%0A%5Citem+%5Ctextcolor%7BMycolor1%7D%7BFirst+item%7D%0A%5Citem+%5Ctextcolor%7BMycolor2%7D%7BSecond+item%7D%0A%5Cend%7Bitemize%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7BLightRubineRed%7D+%5Crule%7B%5Clinewidth%7D%7B1mm%7D%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7BRubineRed%7D+%5Crule%7B%5Clinewidth%7D%7B1mm%7D%7D%0A%5Cend%7Bdocument%7D)

Цей приклад дає такий результат:

![Користувацькі кольори, створені пакетом xcolor](/files/6defae58b289d8ec7dc3a9cafc393cb5c3138c84)

У цьому прикладі визначено три нові кольори, кожен у різний спосіб.

* `\colorlet{LightRubineRed}{RubineRed!70}`: Створюється новий колір під назвою `LightRubineRed` він має 70% інтенсивності оригінального `RubineRed` кольору. Його можна уявити як суміш 70% RubineRed і 30% білого. Визначення кольорів у такий спосіб дає змогу отримувати різні відтінки основного кольору — поширена практика в корпоративному брендингу. У прикладі ви можете побачити оригінальний `RubineRed` і новий `LightRubineRed` використовуються у двох послідовних горизонтальних лініях.
* `\colorlet{Mycolor1}{green!10!orange}`: Колір під назвою `Mycolor1` створюється з 10% зеленого і 90% помаранчевого.
* `\definecolor{Mycolor2}{HTML}{00F9DE}`: Колір `Mycolor2` створюється з використанням `моделі HTML. Кольори в цій моделі мають створюватися за допомогою 6 шістнадцяткових цифр, символи A, B, C, D, E і F мають бути великими літерами.` Моделі кольорів, які підтримує лише

наступні: `xcolor` підтримує:

* `cmy`: блакитний, пурпуровий, жовтий
* `hsb`: відтінок, насиченість, яскравість
* `моделі HTML. Кольори в цій моделі мають створюватися за допомогою 6 шістнадцяткових цифр, символи A, B, C, D, E і F мають бути великими літерами.`: RRGGBB
* `Сірий`: Шкала сірого, число між 1 і 15.
* `wave`: Довжина хвилі, число між 363 і 814. Число представляє довжину хвилі світла в нанометрах (nm)

## Встановлення кольору фону сторінки

Колір фону всієї сторінки можна легко змінити за допомогою `\pagecolor`. Наступний код демонструє це, використовуючи текст із попереднього прикладу::

```latex
\documentclass{article}
\usepackage[dvipsnames]{xcolor}
\colorlet{LightRubineRed}{RubineRed!70}
\colorlet{Mycolor1}{green!10!orange}
\definecolor{Mycolor2}{HTML}{00F9DE}
\begin{document}
\pagecolor{black}
\color{white}% встановити колір за замовчуванням на білий
Цей документ містить кілька прикладів, що показують, як використовувати пакет \texttt{xcolor}
для зміни кольору елементів сторінки \LaTeX{}.

\begin{itemize}
\item \textcolor{Mycolor1}{Перший пункт}
\item \textcolor{Mycolor2}{Другий пункт}
\end{itemize}

\noindent
{\color{LightRubineRed} \rule{\linewidth}{1mm}}

\noindent
{\color{RubineRed} \rule{\linewidth}{1mm}}
\end{document}
```

[Відкрити цей приклад в Overleaf](https://www.overleaf.com/docs?engine=pdflatex\&snip_name=Custom+colors+with+xcolor\&snip=%5Cdocumentclass%7Barticle%7D%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D%0A%5Ccolorlet%7BLightRubineRed%7D%7BRubineRed%2170%7D%0A%5Ccolorlet%7BMycolor1%7D%7Bgreen%2110%21orange%7D%0A%5Cdefinecolor%7BMycolor2%7D%7BHTML%7D%7B00F9DE%7D%0A%5Cbegin%7Bdocument%7D%0A%5Cpagecolor%7Bblack%7D%0A%5Ccolor%7Bwhite%7D%25+set+the+default+colour+to+white%0AThis+document+presents+several+examples+showing+how+to+use+the+%5Ctexttt%7Bxcolor%7D+package+%0Ato+change+the+color+of+%5CLaTeX%7B%7D+page+elements.%0A%0A%5Cbegin%7Bitemize%7D%0A%5Citem+%5Ctextcolor%7BMycolor1%7D%7BFirst+item%7D%0A%5Citem+%5Ctextcolor%7BMycolor2%7D%7BSecond+item%7D%0A%5Cend%7Bitemize%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7BLightRubineRed%7D+%5Crule%7B%5Clinewidth%7D%7B1mm%7D%7D%0A%0A%5Cnoindent%0A%7B%5Ccolor%7BRubineRed%7D+%5Crule%7B%5Clinewidth%7D%7B1mm%7D%7D%0A%5Cend%7Bdocument%7D)

Цей приклад дає такий результат:

![Встановлення кольору фону сторінки в LaTex](/files/f056eedbe190ee56df76a6c1850ee2f0e4023224)

Команда `\pagecolor{black}` встановлює колір сторінки `чорний`. Це перемикаюча команда, тобто вона діятиме в усьому документі, доки інша перемикаюча команда не скасує її. `\nopagecolor` змінить фон назад на нормальний.

## Додаткові пакети кольорів для LuaLaTeX

Окрім стандартних `color` та `xcolor` пакетів, LuaLaTeX підтримує [`luacolor`](https://ctan.org/pkg/luacolor?lang=en) та [`lua-ul`](https://ctan.org/pkg/lua-ul?lang=en) пакети — обидва написані спеціально для використання з LuaLaTeX, і жоден не сумісний з pdfLaTeX або XeLaTeX.

### Пакет luacolor

Функція `luacolor` пакет перевизначає деякі внутрішні елементи команд стандартного `color` пакета, використовуючи техніки, унікальні для рушіїв TeX на основі LuaTeX.

Хоча `luacolor` автоматично включає `color` пакет, якщо ви хочете зробити будь-що з наведеного нижче:

* використовувати певні опції `color` пакета, такі як `\usepackage[usenames,dvipsnames]{color}`, або
* використайте `xcolor` accents

вам потрібно завантажити `color` або `xcolor` пакет перед `luacolor`. Наприклад, ви можете завантажити `color` пакет, використовуючи:

```latex
\usepackage[usenames,dvipsnames]{color} % приклад опцій пакета color, див. документацію
\usepackage{luacolor} % завантажується після пакета color
```

або завантажити `xcolor` пакет за допомогою:

```latex
\usepackage[dvipsnames]{xcolor} % приклад опції пакета xcolor, див. документацію
\usepackage{luacolor} % завантажується після пакета xcolor
```

Зверніться до документації [`color`](http://mirrors.ctan.org/macros/latex/required/graphics/grfguide.pdf) та [`xcolor`](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf) щодо подробиць опцій пакета.

Використовуючи можливості LuaLaTeX, `luacolor` дає змогу більш просунуті застосування кольору; наприклад, зафарбування окремих гліфів у складних писемних мовах або застосування кольору до діакритичних знаків. `luacolor` також дає змогу уникнути проблем із кернінгом під час застосування кольору до окремих символів — див. запитання tex.stackexchange [тут](https://tex.stackexchange.com/questions/622544/kerning-when-coloring-single-letters) та [тут](https://tex.stackexchange.com/questions/567220/kerning-with-xcolor) для прикладів цього.

### Пакет lua-ul

Цей пакет згадується тому, що має функції підсвічування кольором. Він використовує розширені можливості LuaTeX для забезпечення підкреслення, закреслення та підсвічування методами, у яких кернінг не порушується, підкреслений текст може використовувати довільні команди, перенос рядків працює, а лігатури зберігаються.

### Приклад: luacolor

Тут ми продемонструємо використання `luacolor` для розфарбування тексту, набраного хінді та арабською, разом із діакритичними знаками, що використовуються в латинському письмі (на основі [цього прикладу](https://tex.stackexchange.com/questions/698933/color-breaks-diacritics-stacking)). Наступний приклад використовує [пакет babel](/latex/uk/movi/02-multilingual-typesetting-on-overleaf-using-babel-and-fontspec.md) для налаштування LuaLaTeX на набір хінді та арабської мовами з використанням шрифтів, наявних в Overleaf.

```latex
\documentclass{article}

% Для демонстрації краще вузьку ширину сторінки
\usepackage[paperwidth=15cm]{geometry}

% Використовуйте babel з арабською, хінді та англійською мовами
% Англійську завантажено останньою, що робить її мовою за замовчуванням
\usepackage[hindi,english]{babel}
\babelprovide[import=ar]{arabic}
% Встановіть шрифт Roman для арабської
\babelfont[arabic]{rm}{Scheherazade}

% Встановіть шрифти Roman і sans serif для англійської
\babelfont{rm}{Noto Serif}
\babelfont{sf}{Noto Sans}

% Встановіть шрифти Roman і sans serif для хінді
\babelfont[hindi]{rm}[Language=Default]{Noto Serif Devanagari}
\babelfont[hindi]{sf}[Language=Default]{Noto Sans Devanagari}

% Оскільки ми хочемо використати опцію "dvipsnames" для
% отримання доступу до додаткових іменованих кольорів, ми повинні завантажити xcolor
% перед luacolor (див. документацію пакета luacolor)
\usepackage[dvipsnames]{xcolor}
\usepackage{luacolor}

% Створіть зручну команду для набору хінді
\newcommand\hinditext[1]{\foreignlanguage{hindi}{#1}}

% Створіть зручну команду для набору арабською
\newcommand\arabictext[1]{\foreignlanguage{arabic}{#1}}

\usepackage{hyperref}
\hypersetup{
colorlinks=true,
urlcolor=cyan
}
\begin{document}
% Шрифтам Noto корисний більший міжрядковий інтервал
\setlength{\baselineskip}{14bp}

\section{Розфарбування тексту хінді}
Google перекладає слово хінді \textsf{\hinditext{किंकर्तव्यविमूढ़}} як
«спантеличений». Використовуючи пакет \texttt{luacolor}, можна розфарбовувати гліфи в тексті хінді; наприклад \hinditext{किंक\textcolor{purple}{र्तव्यव}\textcolor{green}{िमूढ़}}. Також можна додати колір до всього слова: \hinditext{\textcolor{blue}{किंकर्तव्यविमूढ़}}.

\section{Розфарбування арабського тексту}
% Створіть власне середовище, щоб
% набирати арабський текст із кольором
\newenvironment{colorarabic}
{% Набирати арабський текст більшим шрифтом
\fontsize{30}{30}
% Встановіть напрями абзацу і тексту справа наліво
\pardir TRT\textdir TRT}
{}

Ось трохи арабського тексту з кольором:  \begin{colorarabic}
\textcolor{red}{\arabictext{هَذَا}} \arabictext{نَصٌّ عَرَب}\textcolor{green}{\arabictext{ِ}}\arabictext{ي}\textcolor{blue}{\arabictext{ٌّ}}
\end{colorarabic}
\section{Розфарбовування діакритичних знаків}
Цей приклад базується на \href{https://tex.stackexchange.com/questions/698933/color-breaks-diacritics-stacking}{коді з tex.stackexchange}.

\vspace{12pt}
\bgroup
\newcommand{\emptydiacritic}{\char"034F}
\fontsize{60}{60}\selectfont
á̀̐{\color{blue}a\emptydiacritic\color{green}́\color{red}̀\color{magenta}̐
\egroup
\end{document}
```

[Відкрийте цей приклад luacolor в Overleaf.](/latex/uk/formatuvannya/13-using-colors-in-latex.md)

Цей приклад дає такий результат:

![приклад виводу з використанням пакета luacolor](/files/5bcaffa1c15a844cf434e654228fb4ad7c139681)

### Приклад: lua-ul

Цей приклад демонструє такі `lua-ul` команди пакета:

* `\highLight[*color*]{*text to highlight*}` яка застосовує (необов’язковий) `*color*` на `*текст для виділення*`. Зверніть увагу на велику **`Л`** у написанні `\high**L**ight` команди!
* `\LuaULSetHighLightColor{*default color*}`: це встановлює `*колір за замовчуванням*` використовується для `\highLight` команду, коли необов’язковий `[*color*]` не вказано.

Примітка: `luacolor` пакет також має бути завантажений під час використання `\highLight` команди, наданої `lua-ul` пакет.

```latex
\documentclass{article}
% Для демонстрації краще вузьку ширину сторінки
\usepackage[paperwidth=12cm]{geometry}

\usepackage[dvipsnames]{xcolor} % Щоб отримати доступ до деяких іменованих кольорів, що використовуються з \highLight
\usepackage{luacolor} % Потрібно для використання команди lua-ul \highLight
\usepackage{lua-ul}

\usepackage{blindtext}
\begin{document}
% Використайте колір Apricot, щоб виділити текст
\highLight[Apricot]{\blindtext}

% Використайте \LuaULSetHighLightColor, щоб встановити кольори за замовчуванням для
% команди \highLight
\begin{itemize}
    \item \LuaULSetHighLightColor{CornflowerBlue} \highLight{\blindtext[1]}.
    \item \LuaULSetHighLightColor{Goldenrod}\highLight{{\(y=f(x)\)}}
\end{itemize}
\end{document}
```

[Відкрийте цей `lua-ul` приклад в Overleaf.](https://www.overleaf.com/docs?engine=lualatex\&snip_name=lua-ul+package+example\&snip=%5Cdocumentclass%7Barticle%7D%0A%25+Prefer+a+small+page+width+for+the+demo%0A%5Cusepackage%5Bpaperwidth%3D12cm%5D%7Bgeometry%7D%0A++%0A%5Cusepackage%5Bdvipsnames%5D%7Bxcolor%7D+%25+To+access+some+named+colors+used+with+%5ChighLight%0A%5Cusepackage%7Bluacolor%7D+%25+Required+to+use+the+lua-ul+%5ChighLight+command+%0A%5Cusepackage%7Blua-ul%7D+%0A++%0A%5Cusepackage%7Bblindtext%7D%0A%5Cbegin%7Bdocument%7D%0A%25+Use+the+Apricot+color+to+highlight+the+text++%0A%5ChighLight%5BApricot%5D%7B%5Cblindtext%7D+%0A%0A%25+Use+%5CLuaULSetHighLightColor+to+set+default+colors+for+%0A%25+the+%5ChighLight+command%0A%5Cbegin%7Bitemize%7D%0A++++%5Citem+%5CLuaULSetHighLightColor%7BCornflowerBlue%7D+%5ChighLight%7B%5Cblindtext%5B1%5D%7D.%0A++++%5Citem+%5CLuaULSetHighLightColor%7BGoldenrod%7D%5ChighLight%7B%7B%5C%28y%3Df%28x%29%5C%29%7D%7D%0A%5Cend%7Bitemize%7D%0A%5Cend%7Bdocument%7D)

Цей приклад дає такий результат:

![Виділення тексту за допомогою пакета lua-ul](/files/a2611c0912c193e5a6f50d7d2a544b76d7f865d4)

## Додаткове читання

Докладніше див.:

* [Функція **color** документація пакета](http://mirrors.ctan.org/macros/latex/required/graphics/grfguide.pdf) (або [доступ через `texdoc.org`](https://texdoc.org/serve/color/5))
* [Функція **xcolor** документація пакета](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf) (або [доступ через `texdoc.org`](https://texdoc.org/serve/xcolor/0))
* [Довжини в LaTeX](/latex/uk/formatuvannya/01-lengths-in-latex.md)
* [Розміри, гарнітури та стилі шрифтів](/latex/uk/shrifti/01-font-sizes-families-and-styles.md)
* [Гарнітури шрифтів](/latex/uk/shrifti/02-font-typefaces.md)
* [Підтримка сучасних шрифтів у XeLaTeX](/latex/uk/shrifti/03-xelatex.md)
* [Таблиці](/latex/uk/risunki-ta-tablici/01-tables.md)
* [Вставлення зображень](/latex/uk/inshi-temi/27-inserting-images.md)
* [Beamer](/latex/uk/prezentaciyi/01-beamer.md)
* [Powerdot](/latex/uk/prezentaciyi/02-powerdot.md)
* [Постери](/latex/uk/prezentaciyi/03-posters.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://overleaf-pro.ayaka.space/latex/uk/formatuvannya/13-using-colors-in-latex.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.