CSS Renkleri

Renk belirleme, önceden tanımlanmış renk adlarını veya RGB, HEX, HSL, RGBA, HSLA değerlerini kullanarak yapılır。

CSS renk adları

CSS'te renkleri belirtmek için renk adlarını kullanabilirsiniz：

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray

Kişisel olarak deneyin

CSS/HTML Desteği 140 Adet Standart Renk Adı。

CSS Arka Plan Rengi

HTML öğesine arka plan rengi ayarlayabilirsiniz:

Çin'e Hoş Geldiniz
Çin, büyük bir ülke!

Örnek

<h1 style="background-color:DodgerBlue;">Çin</h1>
<p style="background-color:Tomato;">Çin, büyük bir ülke!</p>

Kişisel olarak deneyin

CSS Metin Rengi

Metin rengini ayarlayabilirsiniz:

Çin

Çin, büyük bir ülke!

Çin, resmi olarak Çin Halk Cumhuriyeti, Doğu Asya'da bir ülkedir.

Örnek

<h1 style="color:Tomato;">Çin</h1>
<p style="color:DodgerBlue;">Çin, büyük bir ülke!</p>
<p style="color:MediumSeaGreen;">Çin, resmi olarak Çin Halk Cumhuriyeti...</p>

Kişisel olarak deneyin

CSS Kenarlık Renkleri

Kenar çizgisi rengini ayarlayabilirsiniz:

Hello World
Hello World
Hello World

Örnek

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

Kişisel olarak deneyin

CSS Renk Değerleri

CSS'te, renkleri belirlemek için RGB değerleri, HEX değerleri, HSL değerleri, RGBA değerleri veya HSLA değerleri kullanılabilir:

Renk adı "Tomato" ile eşdeğerdir:

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

Renk adı "Tomato" ile eşdeğerdir, ancak şeffaflık oranı %50:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)
<h3>Örnek</h3> 
<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>

Kişisel olarak deneyin

Renk değerleri hakkında daha fazla bilgi edinin

Bir sonraki bölümde, renk değerleri hakkında daha fazla öğreneceksiniz RGB、HEX ve HSL daha fazla bilgi için.