6css renkler.fw min

Css Ders 6 | Renkler

Renkler, önceden tanımlanmış renk adları veya RGB, HEX, HSL, RGBA, HSLA değerleri kullanılarak belirtilir.

CSS Renk Adları

CSS’de, önceden tanımlanmış bir renk adı kullanılarak bir renk belirtilebilir:

cssder6img1

CSS Arka Plan Rengi

HTML öğeleri için arka plan rengini ayarlayabilirsiniz:

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

CSS Metin Rengi

Metnin rengini şu şekilde ayarlayabilirsiniz:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Örnek:

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

CSS Kenar Rengi

Kenarlıkların rengini ayarlayabilirsiniz:

cssder6img2
<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

CSS Renk Değerleri

CSS’de renkler ayrıca RGB değerleri, HEX değerleri, HSL değerleri, RGBA değerleri ve HSLA değerleri kullanılarak da belirtilebilir:

Örneğin renk adı = “Tomato” :

cssder6img3

Örneğin renk adı = “Tomato” ancak %50 şeffaf:

cssder6img4
<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</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>

RGB Değeri

CSS‘de, şu formül kullanılarak bir renk RGB değeri olarak belirtilebilir:

rgb(red, greenblue)

Her parametre (kırmızı, yeşil ve mavi) rengin yoğunluğunu 0 ile 255 arasında tanımlar.

Örneğin, rgb (255, 0, 0) kırmızı olarak görüntülenir, çünkü kırmızı en yüksek değerine (255) ve diğerleri 0’a ayarlanmıştır.

Siyahı görüntülemek için, tüm renk parametrelerini şu şekilde 0 olarak ayarlayın: rgb (0, 0, 0).

Beyazı görüntülemek için tüm renk parametrelerini 255 olarak ayarlayın, şu şekilde: rgb (255, 255, 255).

cssder6img5

Grinin tonları genellikle 3 ışık kaynağının tümü için eşit değerler kullanılarak tanımlanır:

RGBA Değeri

RGBA renk değerleri, bir rengin opaklığını belirten alfa kanallı RGB renk değerlerinin bir uzantısıdır.

Aşağıdakilerle bir RGBA renk değeri belirtilir:

rgba(red, greenblue, alpha)

Alfa parametresi 0,0 (tamamen şeffaf) ile 1,0 (hiç şeffaf değil) arasında bir sayıdır:

cssder6img6
İletişim: admin@herseymi.com
Yazı oluşturuldu 96

Bir Yorum Yazın

Benzer yazılar

Aramak istediğinizi üstte yazmaya başlayın ve aramak için enter tuşuna basın. İptal için ESC tuşuna basın.

Üste dön