> 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/id/pemformatan/13-using-colors-in-latex.md).

# Menggunakan warna dalam LaTeX

## Pendahuluan

Artikel ini menjelaskan cara menggunakan warna di dokumen LaTeX Anda melalui [`warna`](https://ctan.org/pkg/color?lang=en) atau [`xcolor`](https://ctan.org/pkg/xcolor?lang=en) paket-paket. Perhatikan bahwa dokumentasi tingkat pengguna dari `warna` paket terdapat dalam [Bundel grafis standar LaTeX](http://mirrors.ctan.org/macros/latex/required/graphics/grfguide.pdf).

Kedua paket menyediakan satu set perintah umum untuk manipulasi warna, tetapi `xcolor` lebih fleksibel dan mendukung lebih banyak model warna, sehingga merupakan pendekatan yang direkomendasikan.

Kita akan mulai dengan contoh berikut:

```latex
\documentclass{article}
\usepackage{xcolor}
\begin{document}
Contoh ini menunjukkan beberapa contoh penggunaan paket \texttt{xcolor}
untuk mengubah warna elemen di \LaTeX.

\begin{itemize}
\color{blue}
\item Item pertama
\item Item kedua
\end{itemize}

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

[Buka `xcolor` contoh di 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)

Contoh ini menghasilkan keluaran berikut:

![Contoh penggunaan paket xcolor di LaTeX](/files/23dd91987ee9b15d0f72dec6081f9173708c264b)

Dalam contoh ini, paket `xcolor` diimpor dengan

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

lalu perintah `\color{blue}` menetapkan `blue` warna untuk blok teks saat ini. Dalam hal ini untuk `itemize` lingkungan.

Kode untuk menata garis horizontal yang dibuat oleh `\rule{\linewidth}{0.5mm}` terdapat dalam sebuah grup, dibatasi oleh { dan }, untuk mempertahankan efek dari `\color{red}` tetap lokal pada grup tersebut.

## Warna bernama yang disediakan oleh paket xcolor

Seperti yang disebutkan dalam [dokumentasi paket xcolor](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf), warna-warna bernama berikut selalu tersedia tanpa perlu memuat opsi paket apa pun:

![daftar warna dalam paket xcolor](/files/2900a91b73fbca1753dd7b4a217bd05fe0bb4914)

### Mengakses warna bernama tambahan

Warna bernama tambahan dapat diakses melalui `xcolor` opsi paket berikut:

* `dvipsnames`: memuat 68 warna bernama (CMYK)
* `svgnames`: memuat 151 warna bernama (RGB)
* `x11names`: memuat 317 warna bernama (RGB)

Misalnya, jika Anda menulis

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

Anda dapat mengakses warna bernama berikut:

![warna yang dimuat oleh opsi dvipsnames dari paket xcolor](/files/a49d9953a01d6622c508cbca68e8d2a23dd0f850)

Rujuk ke [dokumentasi paket xcolor](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf) untuk daftar warna bertabel yang disediakan oleh `svgnames` dan `x11names` opsi.

### Contoh penggunaan

Contoh berikut menggunakan warna bernama yang dimuat melalui `dvipsnames` dan buka ke opsi

```latex
\documentclass{article}
\usepackage[dvipsnames]{xcolor}
\begin{document}
Contoh ini menunjukkan cara menggunakan paket \texttt{xcolor}
untuk mengubah warna elemen halaman \LaTeX{}.

\begin{itemize}
\color{ForestGreen}
\item Item pertama
\item Item kedua
\end{itemize}

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

Warna latar belakang teks juga dapat dengan \textcolor{red}{mudah} diatur. Sebagai
contoh, Anda dapat menggunakan \colorbox{BurntOrange}{latar oranye} lalu melanjutkan mengetik.
\end{document}
```

[Buka `**xcolor**` contoh di 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)

Contoh ini menghasilkan keluaran berikut:

![Demonstrasi paket xcolor](/files/91b699fd00becfaded0c2777aa75992aee6b5f5c)

Dua perintah baru juga digunakan dalam contoh:

* `\textcolor{red}{mudah}`: Mengubah warna teks sebaris. Perintah ini menerima dua parameter, warna yang akan digunakan dan teks yang warnanya diubah. Dalam contoh, kata `mudah` dicetak dalam `merah`.
* `\colorbox{BurntOrange}{latar oranye}`: Mengubah warna latar belakang teks yang diteruskan sebagai argumen kedua. Pada contoh di atas, kata-kata `latar oranye` ditampilkan dengan warna latar `BurntOrange`.

## Memuat dan menggunakan warna bernama dalam paket color

Anda juga dapat menggunakan `warna` paket dan memuat warna bernama melalui `usenames` dan `dvipsnames` opsi paket berikut:

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

Kode berikut menggunakan `warna` paket untuk menerapkan warna bernama yang sama seperti pada `xcolor` contoh paket sebelumnya.

```latex
\documentclass{article}
\usepackage[usenames,dvipsnames]{color} % menggunakan paket color, bukan xcolor
\begin{document}
Contoh ini menunjukkan cara menggunakan paket \texttt{\bfseries color}
untuk mengubah warna elemen halaman \LaTeX{}.

\begin{itemize}
\color{ForestGreen}
\item Item pertama
\item Item kedua
\end{itemize}

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

Warna latar belakang teks juga dapat dengan \textcolor{red}{mudah} diatur. Sebagai
contoh, Anda dapat menggunakan \colorbox{BurntOrange}{latar oranye} lalu melanjutkan mengetik.
\end{document}
```

[Buka `**color**` contoh di 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)

Contoh ini menghasilkan keluaran yang sama seperti `xcolor` versi sebelumnya:

![Demonstrasi paket color](/files/99b1d29042a338cb6f83eeccae7eb761a16a364a)

## Driver dan warna

Penggunaan warna saat menata teks atau matematika bukan bagian dari desain asli TeX; sebagai gantinya, penggunaan/penerapan warna didelegasikan ke “driver” eksternal yang mengonversi format file keluaran asli TeX (DVI) menjadi PostScript atau PDF. Agar warna berfungsi, instruksi khusus driver harus “disisipkan” ke dalam keluaran TeX dengan menggunakan perintah TeX bawaan yang disebut `\special` yang tugasnya hanya memungkinkan kode/data melewati proses penataan huruf dan menjadi tertanam dalam file keluaran. Ketika driver (perangkat lunak) yang dipilih memproses keluaran yang ditata huruf, ia akan mendeteksi kode/data yang tertanam dan bertindak atasnya untuk mencapai apa pun yang diinginkan pengguna—seperti penggunaan warna.

Zaman telah berubah, dan PDF sekarang sejauh ini merupakan format keluaran paling umum yang digunakan oleh mesin TeX, yang lama telah menggantikan penggunaan driver DVI lama dan pembuatan PostScript. Pengguna juga memiliki pilihan mesin TeX yang lebih banyak untuk digunakan dalam menata dokumen LaTeX mereka, terutama pdfTeX, XeTeX, atau LuaTeX/LuaHBTeX, jadi tetap penting untuk memperhitungkan perbedaan di antara mesin-mesin TeX tersebut—memastikan mekanisme yang benar digunakan untuk menyisipkan data warna (instruksi PDF) ke dalam file PDF mereka. Untuk mendukung dan mengakomodasi format keluaran DVI lama serta lingkungan mesin TeX dan alur kerja yang lebih luas yang digunakan, Anda dapat, jika diperlukan, mengonfigurasi `warna` atau `xcolor` paket-paket tersebut untuk menggunakan “driver” tertentu sehingga LaTeX akan menghasilkan data warna menggunakan metode yang sesuai.

### Driver untuk color dan xcolor

Fitur `warna` paket menyediakan dukungan siap pakai untuk opsi driver berikut:

* `dvipdfmx`, `dvips`, `dvisvgm`, `luatex`, `pdftex` dan `xetex`

Ada opsi lain seperti dijelaskan dalam [`warna` dokumentasi paket](https://mirror.ox.ac.uk/sites/ctan.org/macros/latex/required/graphics/grfguide.pdf).

Fitur `xcolor` paket menyediakan opsi driver berikut:

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

### Deteksi driver warna otomatis

Saat menata dokumen Anda, LaTeX membaca file konfigurasi bernama `color.cfg` yang berisi kode yang dapat menentukan apakah Anda menjalankan pdfTeX, XeTeX, atau LuaTeX dan secara otomatis memuat driver yang sesuai (`.def` file) untuk Anda, jadi Anda tidak perlu *perlu* menentukan opsi paket driver untuk mesin-mesin tersebut.

### Contoh lebih lanjut menggunakan driver dvisvgm untuk membuat file SVG

Contoh berikut menggunakan `warna` paket dengan opsi yang memuat warna bernama dan `dvisvgm` driver untuk mengeluarkan definisi/data warna menggunakan kode SVG:

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

Secara khusus, file keluaran yang ditata oleh Overleaf dikonversi ke SVG menggunakan program bernama [`dvisvgm`](https://dvisvgm.de/), yang merupakan bagian dari TeX Live dan tersedia di server kami. Untuk menjalankan `dvisvgm`, setelah halaman ditata, kita menggunakan sebuah [`latexmkrc` yang dapat diedit](/latex/id/artikel-mendalam/28-how-to-use-latexmkrc-with-overleaf.md) yang dibuat saat Anda membuka kode berikut di Overleaf:

```latex
\documentclass{article}
\usepackage[dvisvgm, usenames, dvipsnames]{color}
\title{Creating SVG graphics}
\author{Overleaf}
\begin{document}
\maketitle
Hello, {\color{Apricot}dalam Apricot} dan sekarang dalam {\color{DarkOrchid} DarkOrchid} tetapi mungkin akan terlihat lebih bagus jika kita menggunakan {\color{JungleGreen}JungleGreen}—atau mungkin tidak?
\end{document}
```

[Buka contoh ini untuk membuat file 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)

Setelah Overleaf selesai mengompilasi, Anda dapat mengakses grafik SVG, bernama `mygraphic.svg`, dengan memilih `Log dan keluaran` dan memilih `Log dan file lainnya` daftar tarik-turun:

![Mengakses file yang dihasilkan di Overleaf](/files/b2ea12b0f8e0b93f8500e3f56265213b42a2cd17)

## Membuat warna Anda sendiri

Dimungkinkan untuk mendefinisikan warna Anda sendiri, cara warna didefinisikan bergantung pada model warna yang dipilih. Contoh berikut menggunakan 4 model warna.

```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}
Warna yang ditentukan pengguna dengan model warna yang berbeda:

\begin{enumerate}
\item \textcolor{mypink1}{Merah muda dengan rgb}
\item \textcolor{mypink2}{Merah muda dengan RGB}
\item \textcolor{mypink3}{Merah muda dengan cmyk}
\item \textcolor{mygray}{Abu-abu dengan gray}
\end{enumerate}
\end{document}
```

[Buka contoh ini di 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)

Contoh ini menghasilkan keluaran berikut:

![Contoh LaTeX membuat warna buatan pengguna](/files/d3eb11aa9639ee2775162f62032dbc1159ea7420)

Perintah `\definecolor` menerima tiga parameter: nama warna baru, model, dan definisi warna. Secara kasar, setiap angka merepresentasikan seberapa banyak dari setiap warna yang Anda tambahkan ke campuran yang membentuk warna akhir.

* `**rgb**`: Merah, Hijau, Biru. Tiga nilai yang dipisahkan koma antara 0 dan 1 mendefinisikan komponen warna.
* `**RGB**`: Sama seperti `rgb`, tetapi angkanya adalah bilangan bulat antara 0 dan 255.
* `**cmyk**`: Cyan, Magenta, Kuning, dan hitam. Daftar empat angka yang dipisahkan koma antara 0 dan 1 yang menentukan warna menurut [model CMYK subtraktif](https://en.wikipedia.org/wiki/CMYK_color_model) yang digunakan oleh percetakan komersial.
* `**gray**`: Skala abu-abu. Satu angka antara 0 dan 1.

Dalam contoh, `mypink1`, `mypink2` dan `mypink3` mendefinisikan warna yang sama tetapi untuk model yang berbeda. Anda sebenarnya dapat melihat bahwa yang ditentukan oleh `cmyk` sedikit berbeda.

Warna yang didefinisikan oleh salah satu model nantinya dapat digunakan di dalam dokumen Anda tidak hanya untuk mengatur warna teks, tetapi juga untuk elemen lain apa pun yang menerima warna sebagai parameter, misalnya [tabel](/latex/id/gambar-dan-tabel/01-tables.md#colouring-a-table-28cells2c-rows2c-columns-and-lines29) (Anda harus menambahkan `table` opsi ke `xcolor`), [elemen grafis yang dibuat dengan TikZ](/latex/id/gambar-dan-tabel/05-tikz-package.md), [plot](/latex/id/bidang-khusus/08-pgfplots-package.md), [penggaris vertikal dalam dokumen multikolom](/latex/id/pemformatan/09-multiple-columns.md#inserting-vertical-rulers) dan [daftar kode](/latex/id/pemformatan/11-code-listing.md#code-styles-and-colours).

### model warna khusus xcolor

Fitur `xcolor` paket menyediakan perintah tambahan yang memberikan dukungan untuk lebih banyak model warna dan pencampuran warna yang mudah, seperti ditunjukkan dalam contoh berikut:

```latex
\documentclass{article}
\usepackage[dvipsnames]{xcolor}
\colorlet{LightRubineRed}{RubineRed!70}
\colorlet{Mycolor1}{green!10!orange}
\definecolor{Mycolor2}{HTML}{00F9DE}
\begin{document}
Dokumen ini menyajikan beberapa contoh yang menunjukkan cara menggunakan paket \texttt{xcolor}
untuk mengubah warna elemen halaman \LaTeX{}.

\begin{itemize}
\item \textcolor{Mycolor1}{Item pertama}
\item \textcolor{Mycolor2}{Item kedua}
\end{itemize}

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

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

[Buka contoh ini di 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)

Contoh ini menghasilkan keluaran berikut:

![Warna khusus yang dihasilkan oleh paket xcolor](/files/0e89aa8b4da9a921669d44649647420488320e30)

Tiga warna baru didefinisikan dalam contoh ini, masing-masing dengan cara yang berbeda.

* `\colorlet{LightRubineRed}{RubineRed!70}`: Sebuah warna baru bernama `LightRubineRed` dibuat, warna ini memiliki intensitas 70% dari warna asli `RubineRed` warna. Anda dapat menganggapnya sebagai campuran 70% RubineRed dan 30% putih. Mendefinisikan warna seperti ini memungkinkan Anda menurunkan berbagai rona dari warna utama—praktik umum dalam branding perusahaan. Dalam contoh, Anda dapat melihat `RubineRed` dan yang baru `LightRubineRed` yang digunakan dalam dua aturan horizontal berturut-turut.
* `\colorlet{Mycolor1}{green!10!orange}`: Sebuah warna bernama `Mycolor1` dibuat dengan 10% hijau dan 90% oranye.
* `\definecolor{Mycolor2}{HTML}{00F9DE}`: Warna `Mycolor2` dibuat menggunakan `HTML` model. warna dalam model ini harus dibuat dengan 6 digit heksadesimal, karakter A, B,C, D, E dan F harus dalam huruf besar.

Model warna yang hanya `xcolor` mendukung adalah:

* `cmy`: cyan, magenta, kuning
* `hsb`: rona, saturasi, kecerahan
* `HTML`: RRGGBB
* `Gray`: Skala abu-abu, angka antara 1 dan 15.
* `wave`: Panjang gelombang, angka antara 363 dan 814. Angka tersebut merepresentasikan panjang gelombang cahaya, dalam nanometer (nm)

## Mengatur warna latar belakang halaman

Warna latar belakang seluruh halaman dapat dengan mudah diubah dengan `\pagecolor`. Kode berikut mendemonstrasikan ini, menggunakan teks dari contoh sebelumnya::

```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}% setel warna default menjadi putih
Dokumen ini menyajikan beberapa contoh yang menunjukkan cara menggunakan paket \texttt{xcolor}
untuk mengubah warna elemen halaman \LaTeX{}.

\begin{itemize}
\item \textcolor{Mycolor1}{Item pertama}
\item \textcolor{Mycolor2}{Item kedua}
\end{itemize}

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

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

[Buka contoh ini di 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)

Contoh ini menghasilkan keluaran berikut:

![Mengatur warna latar belakang halaman di LaTeX](/files/af113203c9f1ef45b0ee2d0f92e0581a0480f083)

Perintah `\pagecolor{black}` setel warna halaman menjadi `hitam`. Ini adalah perintah sakelar, artinya akan berlaku pada seluruh dokumen kecuali perintah sakelar lain digunakan untuk mengembalikannya. `\nopagecolor` akan mengubah latar belakang kembali normal.

## Paket warna tambahan untuk LuaLaTeX

Selain paket standar `warna` dan `xcolor` paket, LuaLaTeX mendukung [`luacolor`](https://ctan.org/pkg/luacolor?lang=en) dan [`lua-ul`](https://ctan.org/pkg/lua-ul?lang=en) paket—keduanya ditulis khusus untuk digunakan dengan LuaLaTeX dan keduanya tidak kompatibel dengan pdfLaTeX atau XeLaTeX.

### Paket luacolor

Fitur `luacolor` paket mendefinisikan ulang beberapa internal dari perintah paket standar `warna` menggunakan teknik yang unik untuk mesin TeX berbasis LuaTeX.

Meskipun `luacolor` secara otomatis menyertakan `warna` paket, jika Anda ingin melakukan salah satu dari berikut:

* menggunakan opsi khusus dari `warna` paket, seperti `\usepackage[usenames,dvipsnames]{color}`, atau
* gunakan `xcolor` ke preambel dokumen Anda (seperti disarankan

Anda perlu memuat `warna` atau `xcolor` paket sebelum `luacolor`. Misalnya, Anda dapat memuat `warna` paket menggunakan:

```latex
\usepackage[usenames,dvipsnames]{color} % contoh opsi paket color, lihat dokumentasinya
\usepackage{luacolor} % dimuat setelah paket color
```

atau memuat `xcolor` paket dengan:

```latex
\usepackage[dvipsnames]{xcolor} % contoh opsi paket xcolor, lihat dokumentasinya
\usepackage{luacolor} % dimuat setelah paket xcolor
```

Lihat dokumentasi [`warna`](http://mirrors.ctan.org/macros/latex/required/graphics/grfguide.pdf) dan [`xcolor`](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf) untuk detail opsi paket.

Dengan memanfaatkan kemampuan LuaLaTeX, `luacolor` memungkinkan aplikasi warna yang lebih canggih; misalnya, mewarnai glif individual dalam bahasa skrip kompleks atau menerapkan warna pada tanda diakritik. `luacolor` juga menghindari masalah kerning saat menerapkan warna pada karakter tunggal—lihat pertanyaan tex.stackexchange [di sini](https://tex.stackexchange.com/questions/622544/kerning-when-coloring-single-letters) dan [di sini](https://tex.stackexchange.com/questions/567220/kerning-with-xcolor) untuk contohnya.

### Paket lua-ul

Paket ini disebutkan karena memiliki fitur penyorotan warna. Paket ini menerapkan kemampuan lanjutan LuaTeX untuk menyediakan garis bawah, coretan, dan penyorotan menggunakan metode yang tidak memengaruhi kerning, teks bergaris bawah dapat menggunakan perintah apa pun, pemenggalan kata berfungsi, dan ligatur dipertahankan.

### Contoh: luacolor

Di sini, kita akan mendemonstrasikan penggunaan `luacolor` untuk mewarnai teks yang ditata dalam bahasa Hindi dan Arab bersama dengan diakritik yang digunakan pada skrip Latin (berdasarkan [contoh ini](https://tex.stackexchange.com/questions/698933/color-breaks-diacritics-stacking)). Contoh berikut menggunakan [paket babel](/latex/id/bahasa/02-multilingual-typesetting-on-overleaf-using-babel-and-fontspec.md) untuk mengonfigurasi LuaLaTeX agar menata Hindi dan Arab menggunakan font yang tersedia di Overleaf.

```latex
\documentclass{article}

% Lebih suka lebar halaman kecil untuk demo
\usepackage[paperwidth=15cm]{geometry}

% Gunakan babel dengan bahasa Arab, Hindi, dan Inggris
% Bahasa Inggris dimuat terakhir, menjadikannya bahasa default
\usepackage[hindi,english]{babel}
\babelprovide[import=ar]{arabic}
% Setel font Roman untuk bahasa Arab
\babelfont[arabic]{rm}{Scheherazade}

% Setel font Roman dan sans serif untuk bahasa Inggris
\babelfont{rm}{Noto Serif}
\babelfont{sf}{Noto Sans}

% Setel font Roman dan sans serif untuk bahasa Hindi
\babelfont[hindi]{rm}[Language=Default]{Noto Serif Devanagari}
\babelfont[hindi]{sf}[Language=Default]{Noto Sans Devanagari}

% Karena kita ingin menggunakan opsi "dvipsnames" untuk
% mengakses warna bernama tambahan, kita harus memuat xcolor
% sebelum luacolor (lihat dokumentasi paket luacolor)
\usepackage[dvipsnames]{xcolor}
\usepackage{luacolor}

% Buat perintah praktis untuk menata Hindi
\newcommand\hinditext[1]{\foreignlanguage{hindi}{#1}}

% Buat perintah praktis untuk menata Arab
\newcommand\arabictext[1]{\foreignlanguage{arabic}{#1}}

\\usepackage{hyperref}
\hypersetup{
colorlinks=true,
urlcolor=cyan
}
\begin{document}
% Font Noto mendapat manfaat dari spasi baris yang lebih besar
\setlength{\baselineskip}{14bp}

\section{Mewarnai teks Hindi}
Google menerjemahkan kata Hindi \textsf{\hinditext{किंकर्तव्यविमूढ़}} sebagai
``bingung''. Dengan menggunakan paket \texttt{luacolor}, dimungkinkan untuk mewarnai glif dalam teks Hindi; misalnya \hinditext{किंक\textcolor{purple}{र्तव्यव}\textcolor{green}{िमूढ़}}. Anda juga dapat menambahkan warna pada seluruh kata: \hinditext{\textcolor{blue}{किंकर्तव्यविमूढ़}}.

\section{Mewarnai teks Arab}
% Buat lingkungan kustom untuk
% menata teks Arab berwarna
\newenvironment{colorarabic}
{% Menata teks Arab menggunakan font yang lebih besar
\fontsize{30}{30}
% Mengatur arah paragraf dan teks dari kanan ke kiri
\pardir TRT\textdir TRT}
{}

Berikut adalah beberapa teks Arab berwarna:  \begin{colorarabic}
\textcolor{red}{\arabictext{هَذَا}} \arabictext{نَصٌّ عَرَب}\textcolor{green}{\arabictext{ِ}}\arabictext{ي}\textcolor{blue}{\arabictext{ٌّ}}
\end{colorarabic}
\section{Pewarnaan diakritik}
Contoh ini didasarkan pada \href{https://tex.stackexchange.com/questions/698933/color-breaks-diacritics-stacking}{kode dari 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}
```

[Buka contoh luacolor ini di Overleaf.](/latex/id/pemformatan/13-using-colors-in-latex.md)

Contoh ini menghasilkan keluaran berikut:

![contoh keluaran menggunakan paket luacolor](/files/f5d388db40d48d08577cd9cc1a03296315366bb1)

### Contoh: lua-ul

Contoh ini mendemonstrasikan hal berikut `lua-ul` perintah paket:

* `\highLight[*color*]{*text to highlight*}` yang menerapkan (opsional) `*warna*` ke `*teks yang akan disorot*`. Perhatikan huruf kapital **`L`** pada ejaan `\high**L**ight` perintah!
* `\LuaULSetHighLightColor{*warna default*}`: ini menetapkan `*warna default*` digunakan oleh `\highLight` perintah ketika opsional `[*color*]` tidak ditentukan.

Catatan: paket `luacolor` juga harus dimuat saat menggunakan `\highLight` perintah yang disediakan oleh `lua-ul` paket.

```latex
\documentclass{article}
% Lebih suka lebar halaman kecil untuk demo
\usepackage[paperwidth=12cm]{geometry}

\usepackage[dvipsnames]{xcolor} % Untuk mengakses beberapa warna bernama yang digunakan dengan \highLight
\usepackage{luacolor} % Diperlukan untuk menggunakan perintah \highLight lua-ul
\usepackage{lua-ul}

\usepackage{blindtext}
\begin{document}
% Gunakan warna Apricot untuk menyorot teks
\highLight[Apricot]{\blindtext}

% Gunakan \LuaULSetHighLightColor untuk menetapkan warna default untuk
% perintah \highLight
\begin{itemize}
    \item \LuaULSetHighLightColor{CornflowerBlue} \highLight{\blindtext[1]}.
    \item \LuaULSetHighLightColor{Goldenrod}\highLight{{\(y=f(x)\)}}
\end{itemize}
\end{document}
```

[Buka `lua-ul` contoh di 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)

Contoh ini menghasilkan keluaran berikut:

![Menyorot teks dengan paket lua-ul](/files/b42d63f43af769c1d973d62c1da17bfe60e64dd0)

## Bacaan lanjutan

Untuk informasi lebih lanjut lihat:

* [Fitur **warna** dokumentasi paket](http://mirrors.ctan.org/macros/latex/required/graphics/grfguide.pdf) (atau [akses melalui `texdoc.org`](https://texdoc.org/serve/color/5))
* [Fitur **xcolor** dokumentasi paket](http://mirrors.ctan.org/macros/latex/contrib/xcolor/xcolor.pdf) (atau [akses melalui `texdoc.org`](https://texdoc.org/serve/xcolor/0))
* [Panjang dalam LaTeX](/latex/id/pemformatan/01-lengths-in-latex.md)
* [Ukuran font, keluarga font, dan gaya](/latex/id/font/01-font-sizes-families-and-styles.md)
* [Jenis huruf](/latex/id/font/02-font-typefaces.md)
* [Mendukung font modern dengan XeLaTeX](/latex/id/font/03-xelatex.md)
* [Tabel](/latex/id/gambar-dan-tabel/01-tables.md)
* [Menyisipkan Gambar](/latex/id/topik-lainnya/27-inserting-images.md)
* [Beamer](/latex/id/presentasi/01-beamer.md)
* [Powerdot](/latex/id/presentasi/02-powerdot.md)
* [Poster](/latex/id/presentasi/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/id/pemformatan/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.