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!

Kopya kağıdı

RGB renkleri, kırmızı, yeşil ve mavi için 0 ile 255 arasındaki değerlerle rgb() fonksiyonel notasyonunu kullanır:

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

Örnekler:

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ı */
}

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>