Warna dalam HTML (HTML Colors)

Warna sangat penting untuk membuat tampilan web lebih menarik. Kamu bisa menerapkan warna pada teks, latar belakang, border, dan elemen lainnya menggunakan CSS.

1. Menggunakan Nama Warna

HTML mendukung lebih dari 140 nama warna standar seperti red, blue, green, dan lainnya.

<h2 style="color:red;">Teks berwarna Merah</h2>
<h2 style="color:blue;">Teks berwarna Biru</h2>
<h2 style="color:green;">Teks berwarna Hijau</h2>

2. Menggunakan Kode HEX

Kode HEX dimulai dengan # diikuti enam digit, seperti #ff0000 untuk merah.

<h2 style="color:#ff0000;">Merah (#ff0000)</h2>
<h2 style="color:#0000ff;">Biru (#0000ff)</h2>
<h2 style="color:#008000;">Hijau (#008000)</h2>

3. Menggunakan RGB

Format rgb(red, green, blue) dengan nilai 0–255 untuk masing-masing warna.

<h2 style="color:rgb(255,0,0);">Merah (RGB)</h2>
<h2 style="color:rgb(0,0,255);">Biru (RGB)</h2>
<h2 style="color:rgb(0,128,0);">Hijau (RGB)</h2>

4. Menggunakan HSL

Format hsl(hue, saturation, lightness) memberikan kontrol lebih terhadap nuansa warna.

<h2 style="color:hsl(0, 100%, 50%);">Merah (HSL)</h2>
<h2 style="color:hsl(240, 100%, 50%);">Biru (HSL)</h2>
<h2 style="color:hsl(120, 100%, 25%);">Hijau (HSL)</h2>

Dengan pemahaman ini, kamu bisa lebih bebas berkreasi dalam mendesain tampilan halaman web menggunakan berbagai kombinasi warna!