Warna RGB

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 27 dari 76.

Dalam CSS, warna RGB adalah cara untuk menentukan warna menggunakan notasi fungsi rgb(). RGB adalah singkatan dari Red, Green, dan Blue, dan setiap warna dinyatakan dengan nilai dalam rentang 0 hingga 255. Dengan menggabungkan berbagai intensitas dari ketiga warna primer ini, kamu dapat membuat spektrum warna yang luas.

Berikut sintaks dasar untuk menggunakan warna RGB dalam CSS:

selector {
    color: rgb(red, green, blue);
    background-color: rgb(red, green, blue);
}

Contohnya:

p {
    color: rgb(255, 0, 0); /* Merah */
    background-color: rgb(0, 255, 0); /* Hijau */
}

h1 {
    color: rgb(0, 0, 255); /* Biru */
}

.highlight {
    background-color: rgb(255, 255, 0); /* Kuning */
}

Tantangan

Mudah

Kamu diberi dokumen HTML dengan heading (<h1>), paragraf (<p>), dan elemen div (<div>). Berikan warna latar belakang dan warna teks pilihanmu ke semua elemen di halaman, gunakan rgb() untuk melakukannya.

Warna default tidak akan diterima!

Coba sendiri

<html>
<head>
    <title>RGB Colors</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>