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;

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.