Warna CSS

Warna dalam CSS ditentukan menggunakan nama warna, atau nilai RGB, HEX, HSL, RGBA, HSLA.

Nama Warna CSS

Di CSS, warna dapat ditentukan dengan menggunakan nama warna yang telah ditentukan sebelumnya, seperti: Aqua, Black, Coral, DarkRed, ForestGreen, Indigo, LightPink, Olive, Teal.

Warna Background (Latar Belakang) CSS

Anda dapat mengatur warna latar belakang untuk elemen HTML.

Contoh

<h1 style="background-color:Aqua;">Hello World</h1>
<p style="background-color:Coral;">Lorem ipsum...</p>

Warna Teks CSS

Anda dapat mengatur warna teks.

Contoh

<h1 style="color:DarkRed;">Hello World</h1>
<p style="color:ForestGreen;">Lorem ipsum...</p>
<p style="color:Indigo;">Assalamu'alaikum</p>

Warna Border CSS

Anda dapat mengatur warna border/batas.

Contoh

<h1 style="border:2px solid OrangeRed;">Hello World</h1>
<h1 style="border:2px solid Navy;">Hello World</h1>
<h1 style="border:2px solid RoyalBlue;">Hello World</h1>

Nilai Warna CSS

Dalam CSS, warna juga dapat ditentukan menggunakan nilai RGB, nilai HEX, nilai HSL, nilai RGBA, dan nilai HSLA.

Contoh

<h1 style="background-color:rgb(0,0,139);">...</h1>
<h1 style="background-color:#00008B;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

Sumber referensi: w3schools.com