Renkler

HTML Renkler (RGB, HEX, HSL, RGBA, HSLA)

HTML’de oluşturduğum tagleri ve elementleri renklendirmemiz mümkündür. Bunu style niteliği içerisinde yapabilceğimiz gibi bazı özel niteliklerde bize yardımcı olmaktadır. HTML bir çok renk formatını desteklemektedir. Bunlar;

  • RGB
  • HEX
  • HSL
  • RGBA
  • HSLA

Ayrıca HTML’in kendine ait bazı renkleri bulunmaktadır. Bunlar;

html renkler

Renklerin kullanımı için temel yapıları renklendirmeye başlayalım;

Örnek:

<p style="color:tomato;"> Benim adım Çağrı Güngör yeni şeyler öğrenmeyi ve bildiklerimi başkalarıyla paylaşmayı çok seviyorum. </p>

Önizleme:

Benim adım Çağrı Güngör yeni şeyler öğrenmeyi ve bildiklerimi başkalarıyla paylaşmayı çok seviyorum.

Başka bir özellik olan arkaplan için de bir örnek yapalım.

Örnek:

<p style="color:white;background-color:tomato;"> Benim adım Çağrı Güngör yeni şeyler öğrenmeyi ve bildiklerimi başkalarıyla paylaşmayı çok seviyorum. </p>

 

Önizleme:

Benim adım Çağrı Güngör yeni şeyler öğrenmeyi ve bildiklerimi başkalarıyla paylaşmayı çok seviyorum.

HTML Kodlarının Kullanımı

Html’de en çok kullanılan renk sistemlerinin başında HEX sistemi gelmektedir. HEX kodlarının internette bir çok kaynakta bulabilceğiniz gibi Photoshop gibi yazılımlar içerisinde de bulabilirsiniz.

Örnek:

<p style="color:#000000;background-color:#cccccc;"> Benim adım Çağrı Güngör yeni şeyler öğrenmeyi ve bildiklerimi başkalarıyla paylaşmayı çok seviyorum. </p>

Önizleme:

Benim adım Çağrı Güngör yeni şeyler öğrenmeyi ve bildiklerimi başkalarıyla paylaşmayı çok seviyorum.

 

5 1 vote5 1
Article Rating
Subscribe
Bildir
guest
1 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Selin
Selin
8 ay önce

Renkleri nasıl photoshop’dan çekeriz. Tam olarak açıklayabilir misiniz?

1
0
Would love your thoughts, please comment.x
()
x