Bej renkli html. Minecraft'ta Renk Kodları
Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, ondalık sistemden farklı olarak adından da anlaşılacağı gibi 16 sayısını temel alır. Sayılar şu şekilde olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10'dan 15'e kadar olan sayıların yerini Latin harfleri alır. Onaltılık sistemde 15'ten büyük sayılar iki sayının birleştirilmesiyle oluşur. Örneğin ondalık sistemde 255 sayısı, onaltılık sistemde FF sayısına karşılık gelir. Sayı sistemini belirlerken karışıklığı önlemek için, onaltılık sayının önüne # karma sembolü yerleştirilir, örneğin #666999. Üç rengin her biri (kırmızı, yeşil ve mavi) 00'dan FF'ye kadar değerler alabilir. Böylece, renk sembolü üç bileşene bölünmüştür #rrggbb; burada ilk iki sembol rengin kırmızı bileşenini, ortadaki iki - yeşil ve son iki - mavi bileşenini gösterir. Her karakterin iki katına çıkarılması gereken #rgb kısaltılmış formunun kullanılmasına izin verilir. Bu nedenle #fe0 girişi #ffee00 olarak kabul edilmelidir.
İsimle
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Tarayıcılar bazı renkleri adlarına göre destekler. Masada 1 adları, onaltılık kodu, RGB, HSL değerlerini ve açıklamasını gösterir.
İsim | Renk | Kod | RGB | HSL | Tanım |
---|---|---|---|---|---|
beyaz | #ffffff veya #ffff | rgb(255,255,255) | hsl(%0,0,%100) | Beyaz | |
gümüş | #c0c0c0 | RGB(192,192,192) | hsl(0,0%,75%) | Gri | |
gri | #808080 | RGB(128,128,128) | hsl(%0,0,%50) | Koyu gri | |
siyah | #000000 veya #000 | RGB(0,0,0) | hsl(0,0%,0%) | Siyah | |
kestane rengi | #800000 | RGB(128,0,0) | hsl(0,100%,25%) | Koyu Kırmızı | |
kırmızı | #ff0000 veya #f00 | RGB(255,0,0) | hsl(0,100%,50%) | Kırmızı | |
turuncu | #ffa500 | RGB(255,165,0) | hsl(38,8,100%,50%) | Turuncu | |
sarı | #ffff00 veya #ff0 | RGB(255,255,0) | hsl(60,100%,50%) | Sarı | |
zeytin | #808000 | RGB(128,128,0) | hsl(60,100%,25%) | zeytin | |
kireç | #00ff00 veya #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Açık yeşil | |
yeşil | #008000 | RGB(0,128,0) | hsl(120,100%,25%) | Yeşil | |
su | #00ffff veya #0ff | RGB(0,255,255) | hsl(180,100%,50%) | Mavi | |
mavi | #0000ff veya #00f | RGB(0,0,255) | hsl(240,100%,50%) | Mavi | |
Donanma | #000080 | RGB(0,0,128) | hsl(240,100%,25%) | Koyu mavi | |
turkuaz | #008080 | RGB(0,128,128) | hsl(180,100%,25%) | Mavi-yeşil | |
fuşya | #ff00ff veya #f0f | RGB(255,0,255) | hsl(300,100%,50%) | Pembe | |
mor | #800080 | RGB(128,0,128) | hsl(300,100%,25%) | Menekşe |
RGB'yi kullanma
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Kırmızı, yeşil ve mavi değerlerini ondalık sayılarla kullanarak rengi tanımlayabilirsiniz. Üç renk bileşeninin her biri 0 ile 255 arasında bir değer alır. Rengin yüzde olarak belirtilmesine de izin verilir; %100, 255 sayısına karşılık gelir. Önce rgb anahtar sözcüğünü belirtin, ardından parantez içinde renk bileşenlerini belirtin. virgülle ayrılmış olarak, örneğin rgb(255 , 128, 128) veya rgb(100%, 50%, 50%).
RGBA
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA formatı söz dizimi açısından RGB'ye benzer ancak öğenin şeffaflığını belirten bir alfa kanalı içerir. 0 değeri tamamen şeffaftır, 1 opaktır ve 0,5 gibi bir ara değer yarı şeffaftır.
RGBA, CSS3'e eklendiğinden CSS kodunun bu sürüme göre doğrulanması gerekir. CSS3 standardının halen geliştirilme aşamasında olduğunu ve bazı özelliklerin değişebileceğini belirtelim. Örneğin, arka plan rengi özelliğine eklenen RGB biçimindeki bir renk doğrulanır, ancak arka plan özelliğine eklenen renk artık geçerli değildir. Aynı zamanda tarayıcılar her iki özelliğin rengini de oldukça doğru anlıyor.
HSL
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSL formatının adı, Hue (ton), Doygunluk (doygunluk) ve Lightness (açıklık) ilk harflerinin birleşiminden türetilmiştir. Ton, renk tekerleğindeki (Şekil 1) renk değeridir ve derece cinsinden verilir. 0° kırmızıya, 120° yeşile ve 240° maviye karşılık gelir. Renk tonu değeri 0 ila 359 arasında değişebilir.
Pirinç. 1. Renk tekerleği
Doygunluk bir rengin yoğunluğudur ve %0 ile %100 arasında bir yüzde olarak ölçülür. %0 değeri renk olmadığını ve gri tonunu belirtir; %100 doygunluk için maksimum değerdir.
Açıklık, rengin ne kadar parlak olduğunu belirtir ve %0 ile %100 arasında bir yüzde olarak belirtilir. Düşük değerler rengi daha koyu, yüksek değerler ise rengi daha açık yapar; %0 ve %100 gibi uç değerler siyah beyaza karşılık gelir.
HSLA
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formatı söz dizimi açısından HSL'ye benzer ancak öğenin şeffaflığını belirtmek için bir alfa kanalı içerir. 0 değeri tamamen şeffaftır, 1 opaktır ve 0,5 gibi bir ara değer yarı şeffaftır.
RGBA, HSL ve HSLA renk değerleri CSS3'e eklendiğinden bu formatları kullanırken lütfen kodunuzun sürüm geçerliliğini kontrol edin.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Uyarı
Sitede listelenen tüm aslan yakalama yöntemleri teoriktir ve hesaplamalı yöntemlere dayanmaktadır. Yazarlar bunları kullanırken güvenliğinizi garanti etmez ve sonuçlarla ilgili herhangi bir sorumluluk kabul etmez. Aslanın yırtıcı ve tehlikeli bir hayvan olduğunu unutmayın!
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 2.
Pirinç. 2. Web sayfasındaki renkler
Bildiğiniz gibi renk bir kişinin durumunu etkileyebilir: hem zihinsel hem de fiziksel. Her gün internette sitelere göz atarken gözler milyonlarca renk ve tonunu değerlendirir. Renk psikolojisine aşina olan bir web tasarımcısı, belirli hedeflere ulaşmak için ziyaretçinin ruh halini yönlendirebilir.
Bunun nedeni, bazı renk tonlarının sakinleşmesi, bazılarının ise tam tersine heyecan vermesidir. Daha sonra bilgisayar teknolojisi kullanılarak rengin nasıl sentezlendiğinden ve görüntülendiğinden bahsedeceğiz.
RGB, aşağıdaki üç ana bileşenin çeşitli oranlarda karıştırılmasıyla tüm renkleri ve tonlarını elde etme yöntemini temsil eden bir renk modelidir:
- Kırmızı renk ( Kırmızı);
- yeşil renk ( Yeşil);
- Mavi renk ( Mavi).
RGB'nin kısaltılmış adı buradan gelir. Bu renklerin ana renkler olarak seçilmesinin bir nedeni var: Bunun nedeni, insan gözünün retinasının fizyolojisi ve bu renkleri nasıl algıladığıdır:
RGB modeli günümüzde en popüler olanıdır ve renkleri TV ekranlarında ve bilgisayar monitörlerinde yeniden üretmek için kullanılır. Üreticiler ürünlerine farklı özellikler kazandırdığından, 1996 yılında Microsoft ve HP'nin birlikte çalıştığı, sRGB adı verilen birleşik bir RGB tabanlı renk sentez sistemi oluşturuldu.
Rengin sayısal gösterimi
Daha önce de belirttiğimiz gibi RGB renkler ana renklerin karıştırılmasıyla oluşturulur. Her birinin yoğunluğunu tanımlamak için, rengin onaltılık gösterimde 00-FF'ye karşılık gelen 0-255 (8 bit) aralığıyla temsil edildiği bir şema benimsendi.
Yani ana renkler şöyle görünecek:
- Kırmızı – RGB (255,0,0);
- Yeşil – RGB (0,255,0);
- Mavi – RGB (0,0,255);
Renk yoğunluğu 255'ten küçük değerler alırsa kırmızı, yeşil ve mavinin farklı tonları elde edilir. Aşağıda bunların derecelendirmelerinin yanı sıra her bir tonun onaltılık değerlerinin bir tablosu yer almaktadır:
RGB renk tabloları
Doğal olarak ana renklerin geçişlerinin yanı sıra karışık renkler de vardır ve sayıları oldukça fazladır. Bu nedenle, mevcut tüm renk tonlarının yanı sıra adlarını ve sayısal temsillerini de gösteren bir RGB renk tablosu oluşturuldu ( ondalık ve onaltılık biçimde).
Burada görebilirsiniz. Bu tablo, web tasarımcılarının hayatını çok kolaylaştırıyor, çünkü birkaç saniye içinde gerekli rengi bulabilir ve sayısal gösterimini öğrenebilirsiniz.
Güvenli RGB renk paleti
Ancak bir noktada renklerin farklı tarayıcılarda görüntülenmesinde bir sorun ortaya çıktı ve bunu çözmek için matematiksel hesaplamalarla türetilen sözde "güvenli" RGB renk paleti derlendi.
Tarayıcı bir rengi doğru şekilde görüntüleyemediğinde, bitişik renkleri karıştırarak ihtiyacı olana yakın bir şey elde etmeye çalışır ve büyük olasılıkla sonuç tamamen kabul edilemez olacaktır:
Bir web geliştiricisi, bu paletten RGB renk kodlarını kullanarak, web sitesinin sayfalarındaki renklerin farklı tarayıcılar, platformlar ve monitörler kullanılarak görüntülendiğinde görüntülenmesi konusunda gönül rahatlığı yaşayabilir. Şu anda güvenli renkler tablosu alaka düzeyini kaybetmesine rağmen ( teknolojik ilerleme hala durmuyor), kullanırken dedikleri gibi huzur içinde uyuyabilirsiniz.
RGB modelinde altın rengi
“Altın” kelimesi ilk olarak 14. yüzyılın başında Aurum adı verilen kimyasal bir element olan altının rengini tanımlamak için kullanıldı. RGB modelinde altın rengi aşağıdaki sayısal değerlerle temsil edilir:
- RGB (255, 215, 0) – ondalık sistem;
- HEX #FFD700 – onaltılık sistem.
RGB modelinde bej renk
Bej rengi, en etkileyici olmasa da tarihte oldukça önemli bir yere sahiptir. Pek çok kültürel anıt, özellikle de antik heykeller, bej rengi olan sabuntaşı ve sabuntaşından yapılmıştır. RGB modelinde bej aşağıdaki sayısal gösterimlere sahiptir:
- RGB (245, 245, 220) – ondalık sistem;
- HEX #F5F5DC – onaltılık sistem.
Günümüzde özellikle World Wide Web'de bu kadar "sıkıcı" bir renk görmek nadirdir. Geliştiriciler, parlak renkler kullanarak akılda kalıcı tasarımı tercih ediyor. Teknolojik ilerleme, monitörlerde çok sayıda rengin görüntülenmesini mümkün kılarak resmi daha gerçekçi hale getiriyor.
İyi kötü
CSS'deki renk kodları renkleri belirtmek için kullanılır. Tipik olarak, renk kodları veya renk değerleri, bir öğenin ön plan renginin (örneğin metin rengi, bağlantı rengi) veya bir öğenin arka plan renginin (arka plan rengi, blok rengi) rengini ayarlamak için kullanılır. Ayrıca bir düğmenin, kenarlığın, işaretleyicinin, fareyle üzerine gelmenin ve diğer dekoratif efektlerin rengini değiştirmek için de kullanılabilirler.
Renk değerlerinizi çeşitli formatlarda belirtebilirsiniz. Aşağıdaki tabloda olası tüm formatlar listelenmektedir:
Listelenen formatlar aşağıda daha ayrıntılı olarak açıklanmaktadır.
CSS Renkleri - Hex Kodları
Onaltılı renk kodu rengin altı basamaklı bir temsilidir. İlk iki hane (RR) kırmızı değeri, sonraki iki hane yeşil değeri (GG) ve son ikisi mavi değeri (BB) temsil eder.
CSS Renkleri - Kısa Hex Kodları
Kısa altıgen renk kodu altı karakterli gösterimin daha kısa bir şeklidir. Bu formatta her rakam, altı haneli eşdeğer bir renk değeri üretmek için tekrarlanır. Örneğin: #0F0, #00FF00 olur.
Onaltılı değer Adobe Photoshop, Core Draw vb. herhangi bir grafik yazılımından alınabilir.
CSS'deki her onaltılık renk kodunun önünde "#" karma işareti bulunur. Aşağıda onaltılık gösterimlerin kullanımına ilişkin örnekler verilmiştir.
CSS Renkleri - RGB Değerleri
RGB değeri rgb() özelliği kullanılarak ayarlanan bir renk kodudur. Bu özellik üç değer alır: kırmızı, yeşil ve mavi için birer tane. Değer, 0 ila 255 arasında bir tam sayı veya yüzde olabilir.
Not: Tüm tarayıcılar rgb() color özelliğini desteklemediğinden kullanılması önerilmez.
Aşağıda RGB değerleri kullanılarak birden çok rengi gösteren bir örnek verilmiştir.
Renk kodu oluşturucu
Hizmetimizi kullanarak milyonlarca renk kodu oluşturabilirsiniz.
Tarayıcı Güvenli Renkler
Aşağıda en güvenli ve bilgisayardan bağımsız olan 216 renkten oluşan bir tablo bulunmaktadır. CSS'deki bu renkler 000000 ile FFFFFF onaltılık kod arasında değişir. 256 renk paleti ile çalışırken tüm bilgisayarların renkleri doğru görüntülemesini sağladıklarından kullanımları güvenlidir.
CSS'deki "güvenli" renkler tablosu | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
HTML'de renk üç şekilde belirtilebilir:
HTML'de bir rengi adına göre ayarlama
Bazı renkler, değer olarak İngilizce renk adı kullanılarak adlarına göre belirtilebilir. En yaygın anahtar kelimeler: siyah, beyaz, kırmızı, yeşil, mavi vb.:
Metin rengi – kırmızı
World Wide Web Consortium (W3C) standardının en popüler renkleri:
Renk | İsim | Renk | İsim | Renk | İsim | Renk | İsim |
---|---|---|---|---|---|---|---|
Siyah | Gri | Gümüş | Beyaz | ||||
Sarı | Kireç | Su | Fuşya | ||||
Kırmızı | Yeşil | Mavi | Mor | ||||
Bordo | zeytin | Donanma | turkuaz |
Farklı renk adlarının kullanımına örnek:
Örnek: bir rengin adına göre belirtilmesi
- Kendin dene "
Kırmızı zemin üzerine başlık
Turuncu zemin üzerine başlık
Kireç arka planına doğru ilerliyoruz
Mavi zemin üzerine beyaz metin
Kırmızı zemin üzerine başlık
Turuncu zemin üzerine başlık
Kireç arka planına doğru ilerliyoruz
Mavi zemin üzerine beyaz metin
RGB Kullanarak Rengi Belirleme
Bir monitörde farklı renkler görüntülenirken temel olarak RGB paleti kullanılır. Üç temel rengin karıştırılmasıyla herhangi bir renk elde edilir: R - kırmızı, G - yeşil, B - mavi. Her rengin parlaklığı bir bayt tarafından verilir ve bu nedenle 0'dan 255'e kadar değerler alabilir. Örneğin, RGB(255,0,0), kırmızı en yüksek değerine (255) ayarlandığından kırmızı olarak görüntülenir ve geri kalanı 0 olarak ayarlanmıştır. Rengi yüzde olarak da ayarlayabilirsiniz. Her parametre karşılık gelen rengin parlaklık düzeyini gösterir. Örneğin: rgb(127, 255, 127) ve rgb(50%, 100%, 50%) değerleri aynı orta yeşil rengi ayarlayacaktır:
Örnek: RGB Kullanarak Rengi Belirleme
- Kendin dene "
RGB(127, 255, 127)
RGB(%50, %100, %50)
RGB(127, 255, 127)
RGB(%50, %100, %50)
Rengi onaltılık değere göre ayarla
Değerler R G B formdaki onaltılık (HEX) renk değerleri kullanılarak da belirtilebilir: #RRGGBB burada RR (kırmızı), GG (yeşil) ve BB (mavi), 00'dan FF'ye kadar onaltılık değerlerdir (0-255 ondalık sayıyla aynı) ). Onaltılı sistem, ondalık sistemden farklı olarak adından da anlaşılacağı gibi 16 sayısını temel alır. Onaltılı sistem şu işaretleri kullanır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Burada 10'dan 15'e kadar olan rakamların yerini Latin harfleri almıştır. Onaltılı sistemde 15'ten büyük sayılar, iki karakterin tek bir değerde birleştirilmesiyle temsil edilir. Örneğin ondalık sistemde en yüksek sayı olan 255, onaltılık sistemde en yüksek FF değerine karşılık gelir. Ondalık sistemin aksine, onaltılık sayının önünde bir karma sembolü bulunur. # Örneğin, #FF0000 kırmızı olarak gösterilir çünkü kırmızı en yüksek değerine (FF) ve geri kalan renkler de minimum değerlerine (00) ayarlanmıştır. Hash sembolünden sonraki işaretler # Hem büyük hem de küçük harf yazabilirsiniz. Onaltılı sistem, her karakterin çifte eşdeğer olduğu #rgb kısaltılmış biçimini kullanmanıza olanak tanır. Bu nedenle #f7O girişi #ff7700 olarak kabul edilmelidir.
Örnek: HEX Rengi
- Kendin dene "
kırmızı: #FF0000
yeşil: #00FF00
mavi: #0000FF
kırmızı: #FF0000
yeşil: #00FF00
mavi: #0000FF
kırmızı+yeşil=sarı: #FFFF00
kırmızı+mavi=mor: #FF00FF
yeşil+mavi=camgöbeği: #00FFFF
Yaygın renklerin listesi (isim, HEX ve RGB):
ingilizce isim | Rus adı | Örnek | altıgen | RGB | ||
---|---|---|---|---|---|---|
solmayan çiçek | solmayan çiçek | #E52B50 | 229 | 43 | 80 | |
kehribar | kehribar | #FFBF00 | 255 | 191 | 0 | |
Su | Mavi-yeşil | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Siyah | Siyah | #000000 | 0 | 0 | 0 | |
Mavi | Mavi | #0000FF | 0 | 0 | 255 | |
Bondi Mavisi | Bondi plaj suyu | #0095B6 | 0 | 149 | 182 | |
Pirinç | Pirinç | #B5A642 | 181 | 166 | 66 | |
Kahverengi | Kahverengi | #964B00 | 150 | 75 | 0 | |
gök mavisi | Azure | #007BA7 | 0 | 123 | 167 | |
Koyu bahar yeşili | Koyu bahar yeşili | #177245 | 23 | 114 | 69 | |
Zümrüt | Zümrüt | #50C878 | 80 | 200 | 120 | |
Patlıcan | Patlıcan | #990066 | 153 | 0 | 102 | |
Fuşya | Fuşya | #FF00FF | 255 | 0 | 255 | |
Altın | Altın | #FFD700 | 250 | 215 | 0 | |
Gri | Gri | #808080 | 128 | 128 | 128 | |
Yeşil | Yeşil | #00FF00 | 0 | 255 | 0 | |
Çivit mavisi | Çivit mavisi | #4B0082 | 75 | 0 | 130 | |
Yeşim | Yeşim | #00A86B | 0 | 168 | 107 | |
Kireç | Kireç | #CCFF00 | 204 | 255 | 0 | |
Malakit | Malakit | #0BDA51 | 11 | 218 | 81 | |
Donanma | Koyu mavi | #000080 | 0 | 0 | 128 | |
Okra | Okra | #CC7722 | 204 | 119 | 34 | |
zeytin | zeytin | #808000 | 128 | 128 | 0 | |
Turuncu | Turuncu | #FFA500 | 255 | 165 | 0 | |
şeftali | şeftali | #FFE5B4 | 255 | 229 | 180 | |
Kabak | Kabak | #FF7518 | 255 | 117 | 24 | |
Mor | Menekşe | #800080 | 128 | 0 | 128 | |
Kırmızı | Kırmızı | #FF0000 | 255 | 0 | 0 | |
Safran | Safran | #F4C430 | 244 | 196 | 48 | |
Deniz yeşili | Yeşil deniz | #2E8B57 | 46 | 139 | 87 | |
Bataklık yeşili | Bolotni | #ACB78E | 172 | 183 | 142 | |
turkuaz | Mavi-yeşil | #008080 | 0 | 128 | 128 | |
Lacivert | Lacivert | #120A8F | 18 | 10 | 143 | |
Menekşe | Menekşe | #8B00FF | 139 | 0 | 255 | |
Sarı | Sarı | #FFFF00 | 255 | 255 | 0 |
Doygunluk ve renk tonuna göre renk kodları (arka plan).
Vlad Merjeviç
HTML'de renk iki yoldan biriyle belirtilir: onaltılık kod kullanılarak ve belirli renklerin adıyla. En evrensel yöntem olduğu için ağırlıklı olarak onaltılık sayı sistemine dayalı yöntem kullanılmaktadır.
Onaltılık renkler
HTML, renkleri belirtmek için onaltılık sayıları kullanır. Heksadesimal sistem, ondalık sistemden farklı olarak adından da anlaşılacağı gibi 16 sayısını temel alır. Sayılar şu şekilde olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10'dan 15'e kadar olan sayıların yerini Latin harfleri alır. Masada 6.1, ondalık ve onaltılık sayılar arasındaki yazışmayı gösterir.
Onaltılık sistemde 15'ten büyük sayılar iki sayının birleştirilmesiyle oluşur (Tablo 6.2). Örneğin ondalık sistemde 255 sayısı, onaltılık sistemde FF sayısına karşılık gelir.
Sayı sistemini tanımlarken karışıklığı önlemek için, onaltılık bir sayının önüne bir karma sembolü # gelir, örneğin #aa69cc. Bu durumda durum fark etmez, dolayısıyla #F0F0F0 veya #f0f0f0 yazılmasına izin verilir.
HTML'de kullanılan tipik bir renk şuna benzer.
Burada web sayfasının arka plan rengi #FA8E47 olarak ayarlanmıştır. Bir sayının önündeki hash sembolü # o sayının onaltılık olduğu anlamına gelir. İlk iki rakam (FA) rengin kırmızı bileşenini, üçüncü ila dördüncü rakamlar (8E) yeşil bileşeni ve son iki rakam (47) mavi bileşeni tanımlar. Sonuç bu renk olacaktır.
F.A. | + | 8E | + | 47 | = | FA8E47 |
Üç rengin her biri (kırmızı, yeşil ve mavi) 00'dan FF'ye kadar değerler alabilir ve sonuçta toplam 256 renk tonu elde edilir. Böylece toplam renk sayısı 256x256x256 = 16.777.216 kombinasyon olabilir. Kırmızı, yeşil ve mavi bileşenlere dayalı bir renk modeline RGB (kırmızı, yeşil, mavi; kırmızı, yeşil, mavi) adı verilir. Bu model, üç bileşenin hepsinin eklenmesinin beyaz rengi oluşturduğu katkı maddesidir (ekleme - eklemeden).
Onaltılık renklerde gezinmeyi kolaylaştırmak için bazı kuralları dikkate alın.
- Renk bileşenlerinin değerleri aynıysa (örneğin: #D6D6D6), sonuç gri renk tonu olacaktır. Sayı ne kadar yüksek olursa renk de o kadar açık olur ve değerler #000000 (siyah) ile #FFFFFF (beyaz) arasında değişir.
- Kırmızı bileşen maksimum (FF) yapılırsa ve geri kalan bileşenler sıfırlanırsa parlak kırmızı bir renk oluşur. #FF0000 değerine sahip bir renk, mümkün olan en kırmızı kırmızı tonudur. Aynı durum yeşil (#00FF00) ve mavi (#0000FF) için de geçerlidir.
- Sarı (#FFFF00) kırmızı ve yeşilin karıştırılmasıyla elde edilir. Bu, ana renkleri (kırmızı, yeşil, mavi) ve tamamlayıcı veya ek renkleri gösteren renk tekerleğinde (Şekil 6.1) açıkça görülmektedir. Bunlara sarı, camgöbeği ve menekşe (macenta da denir) dahildir. Genel olarak herhangi bir renk, ona yakın renklerin karıştırılmasıyla elde edilebilir. Böylece mavi ve yeşilin birleştirilmesiyle cyan (#00FFFF) elde edilir.
Pirinç. 6.1. Renk çemberi
Onaltılı değerlere dayalı renklerin ampirik olarak seçilmesi gerekmez. Bu amaçla Adobe Photoshop gibi farklı renk modelleriyle çalışabilen bir grafik düzenleyici uygundur. İncirde. Şekil 6.2, bu programda bir renk seçmek için kullanılan pencereyi göstermektedir; geçerli rengin sonuçtaki onaltılık değeri bir çizgiyle belirtilmiştir. Bunu kopyalayıp kodunuza yapıştırabilirsiniz.
Pirinç. 6.2. Photoshop'ta renk seçme penceresi
Web renkleri
Monitörün renk oluşturma kalitesini 8 bit'e (256 renk) ayarlarsanız aynı renk farklı tarayıcılarda farklı şekilde görüntülenebilir. Bunun nedeni, tarayıcının kendi paletiyle çalışması ve paletinde olmayan bir rengi gösterememesi durumunda grafiklerin görüntülenme şeklidir. Bu durumda, rengin yerini, verilen rengi taklit eden diğer, ona yakın renklerin piksellerinin bir kombinasyonu alır. Rengin farklı tarayıcılarda aynı kalmasını sağlamak için web renklerinden oluşan bir palet tanıtıldı. Web renkleri, her bileşenin (kırmızı, yeşil ve mavi) altı değerden birine ayarlandığı renklerdir - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Bu bileşenin onaltılık değeri parantez içinde gösterilmiştir. Olası tüm kombinasyonlardan elde edilen toplam renk sayısı 6x6x6 - 216 renk verir. Örnek bir web rengi #33FF66'dır.
Web renginin temel özelliği tüm tarayıcılarda aynı görünmesidir. Şu anda, monitörlerin kalitesindeki iyileşme ve yeteneklerinin artması nedeniyle web renklerinin alaka düzeyi çok düşük.
İsme göre renkler
Bir dizi sayıyı hatırlamak zorunda kalmamak için bunun yerine yaygın olarak kullanılan renklerin adlarını kullanabilirsiniz. Masada 6.3 popüler renk adlarının adlarını gösterir.
Renk adı | Renk | Tanım | Onaltılı değer |
---|---|---|---|
siyah | Siyah | #000000 | |
mavi | Mavi | #0000FF | |
fuşya | Açık mor | #FF00FF | |
gri | Koyu gri | #808080 | |
yeşil | Yeşil | #008000 | |
kireç | Açık yeşil | #00FF00 | |
kestane rengi | Koyu Kırmızı | #800000 | |
Donanma | Koyu mavi | #000080 | |
zeytin | zeytin | #808000 | |
mor | Koyu mor | #800080 | |
kırmızı | Kırmızı | #FF0000 | |
gümüş | Açık gri | #C0C0C0 | |
turkuaz | Mavi-yeşil | #008080 | |
beyaz | Beyaz | #FFFFFF | |
sarı | Sarı | #FFFF00 |
Bir rengi adıyla mı yoksa onaltılık sayıları kullanarak mı belirttiğiniz önemli değildir. Bu yöntemlerin etkileri aynıdır. Örnek 6.1, bir web sayfasının arka plan ve metin renklerinin nasıl ayarlanacağını göstermektedir.
Örnek 6.1. Arka plan ve metin rengi
Örnek metin
Bu örnekte arka plan rengi, etiketin bgcolor özelliği kullanılarak ayarlanmıştır.
ve metin özelliği aracılığıyla metin rengi. Çeşitlilik sağlamak amacıyla, metin özelliği onaltılık bir sayıya, bgcolor özelliği ise ayrılmış anahtar kelime olan teal'e ayarlanmıştır.