RGB Renkleri

Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 27 / 76.

CSS'de, RGB renkleri rgb() fonksiyonel notasyonunu kullanarak renkleri belirtmenin bir yoludur. RGB; Kırmızı (Red), Yeşil (Green) ve Mavi (Blue) anlamına gelir ve her renk 0 ile 255 arasında değişen bir değerle temsil edilir. Bu üç ana rengin farklı yoğunluklarını birleştirerek geniş bir renk yelpazesi oluşturabilirsiniz.

CSS'de RGB renklerini kullanmak için temel sözdizimi şöyledir:

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

Örneğin:

p {
    color: rgb(255, 0, 0); /* Kırmızı */
    background-color: rgb(0, 255, 0); /* Yeşil */
}

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

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

Görev

Kolay

Bir başlık (<h1>), bir paragraf (<p>) ve bir bölüm (<div>) içeren bir HTML belgesi size verilmiştir. Sayfadaki tüm öğelere kendi seçtiğiniz arka plan rengini ve metin rengini verin, bunu yapmak için rgb() kullanın.

Varsayılan renkler kabul edilmeyecektir!

Kendin dene

<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>