Renk Kodları HTML Dersleri [3]

Renk Kodları

Çiçekleri hepimiz severiz. Öyleyse renkleri de hepimiz severiz. Renk kodlarını çok seveceksiniz. Renk kodları nedir bu derste bu sevimli konuyu işleyeceğiz.

Hatırlatma:
TR etiketi "Table Row" kelimelerinin ilk harfleri ile oluşmuş bir html etiketidir.
TD "Table Data" kelimelerinin baş harfleri ile oluşmuş etikettir.
Sırasıyla önce Table etiketi açılır sonra TR etiketi açılır ve En son TD etiketi açılır.

Şimdi size 16lık sayma düzeninde 6 basamaklı dört sayı söyleyeceğim:
395144
4E6C50
AA8B56
F0EBCE

Bu yukarıdaki sayılar yazının içinde hiçbir işe yaramaz. Renk falan vermezler. Ne zaman ki bu sayıları bgcolor (background = bg) özelliğine değer olarak verirsek o zaman ortalık renklenir. HTML etiketine renk verirken etikete renk vermek için bgcolor isimli parametreye şu şekilde renk kodu atayabiliriz.

bgcolor=#395144
bgcolor='#395144'
bgcolor="#395144"

[HTML Dersleri 2] de table etiketini gördük. Orada bgcolor özelliği ile hücreye renk verdiğimizi hatırlayın lütfen. Aşağıdaki renkleri hücre etiketinin (TD) bgcolor özelliğine içlerindeki renk kodları değer olarak verilmiştir.

395144

4E6C50

AA8B56

F0EBCE

Yukarıdaki görüntüyü oluşturan HTML kodu şu aşağıdaki gibidir. Renk kodu ben TR etiketine atadım. Siz TD ye taşıyabilirsiniz. Görüntü aynı olacaktır. Çünkü her satırda tek bir hücre vardır.

Renk Kodları ve RGB Nedir?

Renk kodları renklerin ekranda görünmesini sağlayan sayılardır. Bu sayılar onluk sayma düzeninde değildir. Onaltılık sayma düzenini bilirsek bu renk kodları olayını çözeriz.

Bilmem okulda resim dersi gördünüz mü? Bizim zamanımızda resim dersi vardı. Palet ve fırça yanında bide aralarda ince kopya kağıdı olan resim defterlerimiz vardı. Haftada bir kez sulu boya götürürdük okula. Sulu boyalardan iki farklı rengi karıştırır; oluşan yeni rengin heyecanını yaşardık.

Konu web programlama olduğunda bu iş rakamların karıştırılması şekline döner ve RGB adını alır.

RGB üç farklı rengin belli oranlarda birleştirilmesidir. Renk kodları 16lık sayma düzeniyle kodlanmıştır. Resim paletinin bilgisayarda yerini 6 basamaklı bir sayı alır. Sulu boyaları palette karıştırıyorduk ya burada renk karıştırma işi sayı karıştırmaya dönüşüyor.

Yanyana 3 renk kodu yazılırken üstümüz başımız sayı oluyor :)

Renk Kodları (RED)

Kırmızı renk miktarını 0 ile FF arası bir rakam ile ilk iki basamakta belirtiyoruz.

Renk Kodları (GREEN)

Yeşil renk miktarını 0 ile FF arası bir rakamla ikinci sırada belirtiyoruz.

Renk Kodları (BLUE)

RGB kodunun sondaki iki basamağına da 0 ile FF arası değer verilir. Bu maksimum 256 olan sayı ile de ne kadar mavi renk olacağı belirtilir.

Her üçünde de sayı tek haneli ise başına sıfır yazılarak belirtilir.
buraya çiçek resimleri gelecek ...

Onaltılık Sayma Düzeni Nedir?

Biz hani 1-2-3 diye sayarken 9 dan sonra 10 deriz ya onaltılık sayma düzeninde 9 dan sonra 11 değil A gelir. Peki 10 ne zaman gelir? 9 dan sonra A-B-C-D-E-F diye sayılır. Bu 6 harf bitince F den sonra da 10 gelir.

Onluk sayma sistemindeki bir sayının 16lık düzende (sayma düzeni) kaça isabet ettiğini otomatik elde etmek için hesapmakinasını programcı moduna alabilirsiniz.

Renk Kodu Bulma

Web tarayıcısı ile gezinirken web sayfasındaki bir renk kodunu nasıl bulursunuz? Firefox uygulama menüsüne girin; Daha fazla araçlar seçeneğinin damlalık seçeneğine tıklayın: Renk kodunu bulmak istediğiniz yerin üzerine geldiğinizde renk kodu elde edilir.

Bilgisayarda herhangi bir yerde renk kodu bulmak için de pixie.exe dosyasını kullanabilirsiniz.

Elinizdeki bir resimdeki renk kodlarının listesini elde etmek istiyorsanız şu vereceğim site adı hala çalışıyorsa sizin işinizi görecektir.
Verdiğim site adı sonradan ölü bağlantı şeklini almış o yüzden kaldırdım ve kalıcı bir bilgi vermek için anahtar kelime vermek istedim:
Extract colors from image şeklinde aratırsanız bu hizmeti veren sayfalara ulaşırsınız.

Renk Uyumu

Renk uyumu konusunda çalışma yayınlayan birkaç site adı vereyim sizlere:

colorswall.com
colorhunt.co

Bir önceki dersimiz de table etiketi ile örnekler çalışmıştınız. Şimdi o örnekleri tekrar çalışır mısınız. Çalışırken table etiketini dışardan body etiketi sarsın yani table kodlarını <body> </body> etiketi arasına alınız ve body HTML etiketine bgcolor parametresi vererek boyama yapın lütfen.

Bir örneğin bodylenmesini ben göstereyim:

Renklerin Anlamları

Hacker olmak isteyen arkadaşı unutmuşum; birkaç kelam ilave edeyim onun da gönlünü alalım. Beyaz şapkalı hacker diye bir ifade vardır. Bu kişi derin yazılım ve derin donanım bilgisini iyilikten yana kullanır. Siyah şapkalı hakcer insanların sistemlerine zarar verir. Tehdit ve şantaj ile menfaat elde eder. Beyaz şapkalı olanlar ise hackerlık bilgisine sahiptir lakin bu bilgiyi savunma amaçlı kullanır. Lamer olanların şapkası yoktur ki rengi olsun :)

(DT=1973 - ÖT=) İsmail PALA

HTML Ana Sayfa Tüm Sponsorlar

Bu Sayfanın Detayı:
Konusu: Web Yazılım için HTML Dersi.
Hazırlayan: İsmail PALA (1973-)
Yayın Tarihi: 2022-10-23 05:42:10
Tekil Ziyaretçi : 489