HTML Renkler

HTML Renkler

HTML'de yazı rengi, html nesnesinin rengi, kenarlık rengi verme gibi özellikler CSS ile biçimlendirme konusunun alanına girmektedir. Ancak renklerin isimlerinin ve renk kodlarının tanıtılması için burda kısaca değinilmiştir.

HTML stil özelliği eklemek için style parametresi kullanılır. Bu parametre içine yazılacaklar aşağıda gösterilmiştir.

<h1 style="color:green;">HTML Renkler</h1>

Yukarıdaki kod içerisinde style parametresinden sonra eklenen kısım CSS kodudur.
color yazı rengini değiştirmek için green ise rengin alacağı değeri gösterir.

Renkler ile ilgili olarak genelde RGB adı verilen ve 16'lık sayı 6 veya 3 basamaklı sayılardan oluşan kodlama türü kullanılmaktadır.
Bu sistemde;
R -> Red -> Kırmızı
G -> Green -> Yeşil
B -> Blue -> Mavi
renklerini ifade eder.
Bu 3 rengin boya paleti içinde birbirine karıştırılarak yeni renkler elde edilmesi şeklinde çalışmaktadır.
Bu durumda 000099 sayısı kullanılarak bir renk verildiğinde ilk iki basamak kırmızı rengi, ortadaki iki basamak yeşil rengi son iki basamak ise mavi rengi ifade eder. Bu sayıda sadece mavi renk değerinde sayı bulunduğu için renk mavi olacaktır.
Bu sistemde sayılar 00'dan FF'e kadar değer alır. Eklenen değer FF'e ne kadar yakınsa boya paletine o renkten o kadar fazla konmuş demektir.
Örnek:

<p style="background-color: #a0b312"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

Son Yorumlar

İletişim

  • info@frontendokulu.com