999999 html rengi. Stillerdeki renk farklı şekillerde ayarlanabilir: onaltılık değere göre, ada göre, RGB, RGBA, HSL, HSLA formatında
>>Renk Yönetimi
Onaltılık RGB renk değerleri
Renkleri tanımlama ve işleme yöntemleri, amaçlanan nihai temsil açısından birbirinden farklıdır. Örneğin, poligrafi ve bilgisayar monitörleri için renk temsillerini karşılaştıralım. İlk durumda, temel beyaz daha sonra üzerine üç ana rengin uygulandığı kağıdın rengi: mavi, mor ve Sarı. Birbirleriyle ve farklı oranlarda kağıdın beyaz rengiyle karışan bu üç ana renk, saf siyah dışında veya verdikleri renklerin yokluğunda farklı renk tonları verir. Beyaz renk kağıt. Onlara siyah eklersek, CMYK- Beyazdan eksik renkler çıkarılarak istenilen renk elde edildiğinde rengi aktarmanın bir yolu.
İkinci durumda, temel siyah her hücresi üç renkten birinde parlayan monitör ekranının rengi: kırmızı-kırmızı, Yeşil-yeşil ve mavi-mavi. Ardından, herhangi bir ışımanın tamamen yokluğunda, ekranın saf siyah rengini elde ederiz ve gerekli renklerden herhangi biri, üç rengin her birinin oranı ile verilir. Bu durumda alacağımız RGB- Renk transfer yöntemi. Birincil renklerin anlamları olabilir 0
önceki 255
, veya 0%
önceki 100%
veya onaltılık bir değer olarak gösterilebilir. Aşağıdaki şekilde ana renklerin karıştırılmasının sonuçlarını görebilirsiniz.
Onaltılık sayı sistemi, ondalık sayı sisteminin aksine, basamak dizisinde on basamak değil, on altıdır - bu nedenle adı. Buna göre, iki basamaklı kombinasyonların tekrarlanmayan varyantları yalnızca - 256 , sonra rakam dizisine devam etmek için 9 gelen mektuplar Aönceki F, böylece satır şöyle görünecek -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Bu durumda, renk, her biri iki basamaktan oluşan üç onaltılık sayı ile verilir. İlk sayı yoğunluğu belirler kırmızı renkler, ortalama Yeşil, son şey- mavi renkler. Tüm sayılar arasında değişen değerler alabilir 00 önceki FF(0'dan 255'e kadar). Örneğin: yeşil renk olarak verildi #00FF00, kırmızı gibi #FF0000, mavi gibi #0000FF, beyaz gibi #FFFFFF, renk veya siyahın tamamen yokluğu şu şekilde verilir: #000000 .
Aşağıdaki formda, üç rengin her biri için herhangi bir onaltılık değer ayarlayabilir ve çıktı alanına tıklayarak bunların karıştırılma sonucunu görebilirsiniz.
Bazı onaltılık RGB renk değerlerine örnekler: kırmızı, mavi ve yeşil tonlamalar.
görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Dize Değişmez Değerleriyle Bir Renk Belirtme
Kullanım kolaylığı için bazı renklere ve kombinasyonlarına tüm tarayıcılar tarafından tanınan isimler verildi ve birçoğunun isimle ayarlanması mümkün hale geldi. Aşağıdaki tablo bazı renk adlarını göstermektedir:
görüş | isim | görüş | isim | görüş | isim | görüş | isim |
Beyaz | Kırmızı | Turuncu | Sarı | ||||
Yeşil | Mavi | Mor | Siyah | ||||
Alice Mavi | Antik Beyaz | su | akuamarin | ||||
Azure | Bej | bisküvi | beyazlatılmış badem | ||||
Mavi menekşe | Kahverengi | burlywood | öğrenci mavisi | ||||
tablo | Çikolata | Mercan | Peygamber Çiçeğimavi | ||||
Mısır püskülü | kızıl | camgöbeği | koyu mavi | ||||
koyu mavi | kara altınbaşak | koyu gri | koyu yeşil | ||||
koyu haki | koyu eflatun | koyu zeytin yeşili | koyu turuncu | ||||
karaorkide | koyu Kırmızı | kara somon | koyu deniz yeşili | ||||
koyu arduvaz mavisi | koyu arduvaz grisi | koyu turkuaz | Koyu mor | ||||
Derin pembe | derin gök mavisi | Dimgray | atlayan mavi | ||||
ateş tuğlası | çiçek beyazı | Orman yeşili | Fuşya | ||||
kazançlar | hayalet beyaz | Altın | Altın Başak | ||||
Gri | Yeşil sarı | Şeker kavunu | sıcak pembe | ||||
Hint Kırmızısı | çivit | Fildişi | Haki | ||||
Lavanta | lavanta allık | limon şifon | açık mavi | ||||
ışık mercanı | açık cam göbeği | açıksoğuk sarı | açık yeşil | ||||
açık gri | Açık pembe | hafif somon | açık deniz yeşili | ||||
açık gök mavisi | arduvaz grisi | açık çelik mavi | açık sarı | ||||
Misket Limonu | Limon yeşili | keten | macenta | ||||
kestane rengi | orta akuamarin | orta mavi | orta boy orkide | ||||
orta mor | Orta deniz yeşili | Mediumslateblue | Ortabaharyeşili | ||||
orta turkuaz | orta menekşe rengi | gece yarısı mavisi | nane kreması | ||||
puslu gül | Navajobeyaz | Donanma | ihtiyar | ||||
zeytin | Zeytinyağı | turuncu kırmızı | Orkide | ||||
palegoldenrod | Soluk yeşil | paleturkuaz | soluk renkli | ||||
papaya kamçı | şeftali | Peru | Pembe | ||||
Erik | Toz mavi | pembe kahverengi | Kraliyet mavisi | ||||
eyer kahvesi | Deniz yeşili | deniz kabuğu | Sienna | ||||
Gümüş | gökyüzü mavi | arduvaz mavisi | arduvaz grisi | ||||
Kar | İlkbahar yesili | çelik mavisi | bronzluk | ||||
deniz mavisi | devedikeni | Domates | Turkuaz | ||||
menekşe | Buğday | Beyaz duman | sarı yeşil |
Güvenli Renk Seçici Kullanma
Ne yazık ki, farklı sistem ayarlarıyla farklı platformlarda doğru renk üretimi bir sorundur. Mesele şu ki, tarayıcı her zaman belgenin renk paletini sistem ayarlarına göre ayarlamaya çalışır ve renkleri kendi başına karıştırıp değiştirerek yetenekleri izler. Sonuç olarak, bazen kullanıcı, web yöneticisinin kendisine göstermek istediği şeyi tam olarak göremeyebilir. Bu durumdan çıkış yolu, her rengin farklı platformlardaki tüm tarayıcılar tarafından aynı şekilde işlenmesi garanti edilen bir paletin kullanılmasında bulundu. Bu sözde garantili palet olarak da bilinir güvenli palet. Bu palet, renk bileşenleri aşağıdaki değerleri alan renkleri içerir: 00 ,33 ,66 ,99 , CC,FF, mümkün olan her şekilde 216 onların kombinasyonları.
görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
HTML'de renk üç şekilde belirtilebilir:
Adına göre HTML'de renk ayarlama
Bazı renkler, üzerindeki rengin adı kullanılarak adlarına göre belirtilebilir. ingilizce dili. En yaygın anahtar kelimeler: siyah (siyah), beyaz (beyaz), kırmızı (kırmızı), yeşil (yeşil), mavi (mavi), vb.:
Metin Rengi - Kırmızı
World Wide Web Consortium (W3C) standardının en popüler renkleri şunlardır:
Renk | İsim | Renk | İsim | Renk | İsim | Renk | İsim |
---|---|---|---|---|---|---|---|
Siyah | Gri | Gümüş | Beyaz | ||||
Sarı | Misket Limonu | su | Fuşya | ||||
Kırmızı | Yeşil | Mavi | Mor | ||||
kestane rengi | zeytin | Donanma | deniz mavisi |
Farklı renk adlarının kullanımına bir örnek:
Örnek: adına göre bir renk ayarlama
- Kendin dene "
Kırmızı zemin üzerine başlık
Turuncu zemin üzerine başlık
Kireç arka plan üzerinde üstbilgi
Mavi zemin üzerine beyaz metin
Kırmızı zemin üzerine başlık
Turuncu zemin üzerine başlık
Kireç arka plan üzerinde üstbilgi
Mavi zemin üzerine beyaz metin
RGB ile renk belirtme
Monitörde farklı renkler gösterilirken RGB paleti esas alınır. Üç ana renk karıştırılarak herhangi bir renk elde edilir: R - kırmızı, G - yeşil (yeşil), B - mavi (mavi). Her rengin parlaklığı bir bayt ile 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 diğerleri 0'a ayarlanmıştır Rengi yüzde olarak da ayarlayabilirsiniz. Parametrelerin her biri, karşılık gelen rengin parlaklık seviyesini gösterir. Örneğin: rgb(127, 255, 127) ve rgb(50%, 100%, 50%) değerleri aynı orta doygunluk yeşil rengini ayarlayacaktır:
Örnek: RGB ile bir renk belirtme
- 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 ayrıca şu formda onaltılık (HEX) renk değerleri kullanılarak belirtilebilir: #RRGGBB burada RR (kırmızı), GG (yeşil) ve BB (mavi) 00 ile FF arasındaki onaltılık değerlerdir (ondalık 0- ile aynı) 255) . Onaltılık sistem, ondalık sistemin aksine, adından da anlaşılacağı gibi 16 sayısına dayanır. Onaltılık sistem şu karakterleri 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 sayılar değiştirilir Latin harfleriyle. 15'ten büyük sayılar onaltılık sistem iki karakterin tek bir değerde birleşimidir. Örneğin, ondalık olarak en yüksek sayı 255, onaltılık olarak en yüksek FF'ye karşılık gelir. Ondalık sistemden farklı olarak, onaltılık sayının önünde bir pound işareti bulunur. # örneğin, kırmızı en yüksek değerine (FF) ve diğer renkler minimum değerlerine (00) ayarlandığından #FF0000 kırmızı olarak görüntülenir. Karma sembolünden sonraki karakterler # hem büyük hem de küçük harfle yazılabilir. Onaltılık sistem, her karakterin iki katına eşit olduğu kısaltılmış #rgb biçimini kullanmanıza izin verir. Bu nedenle, #f7O girişi #ff7700 olarak kabul edilmelidir.
Örnek: Renk HEX
- 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 olarak kullanılan renklerin listesi (isim, HEX ve RGB):
İngilizce başlık | Rus adı | Örneklem | HEX | 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 | |
Cerulean | 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 | çivit | #4B0082 | 75 | 0 | 130 | |
yeşim taşı | yeşim taşı | #00A86B | 0 | 168 | 107 | |
Misket Limonu | 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 | |
deniz mavisi | 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 tona göre renk kodları (arka plan).
Bildiğiniz gibi, renk bir kişinin durumunu etkileyebilir: hem zihinsel hem de fiziksel. Her gün internette gezinen gözler milyonlarca renk ve tonu değerlendiriyor. Renk psikolojisine aşina olan bir web tasarımcısı, herhangi bir hedefe ulaşmak için ziyaretçinin ruh halini kontrol edebilir.
Bunun nedeni, bazı gölgelerin yatıştırılması ve bazılarının tam tersine heyecanlandırmasıdır. Ardından, bilgisayar teknolojisi kullanılarak rengin nasıl sentezlendiği ve görüntülendiği hakkında konuşacağız.
RGB, üç ana bileşeni çeşitli oranlarda karıştırarak tüm renkleri ve gölgelerini elde etme yöntemini temsil eden bir renk modelidir:
- Kırmızı renk ( Kırmızı);
- yeşil renk ( Yeşil);
- Mavi renk ( Mavi).
Kısaltılmış RGB isminin geldiği yer burasıdır. Bu renkler bir nedenden dolayı ana renkler olarak seçilmiştir: Bunun nedeni, insan gözünün retinasının fizyolojisi ve onları nasıl algıladığıdır:
RGB modeli bugün en popüler olmaya devam ediyor ve TV ekranlarında ve bilgisayar monitörlerinde renkleri yeniden üretmek için kullanılıyor. Üreticiler ürünlerini bağışladığından farklı özellikler, 1996 yılında kuruldu tek sistem tarafından ortaklaşa çalışılan sRGB adı verilen RGB'ye dayalı bir renk sentezi Microsoft ve HP.
Sayısal renk gösterimi
Daha önce de belirtildiği gibi, RGB renkleri ana renklerin karıştırılmasıyla oluşturulur. Her birinin yoğunluğunu tanımlamak için, rengin onaltılık olarak 00-FF'ye karşılık gelen 0-255 (8 bit) aralığı ile temsil edildiği bir şema benimsenmiştir.
Yani, ana renkler şöyle görünecektir:
- 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 çeşitli tonları elde edilir. Aşağıda, tonlarının yanı sıra her bir gölgenin onaltılık değerlerinin bir tablosu bulunmaktadır:
RGB Renk Tabloları
Doğal olarak, ana renklerin derecelerine ek olarak, karışık olanlar da vardır ve sayıları oldukça fazladır. Bu nedenle, mevcut tüm tonların yanı sıra adlarının ve sayısal temsillerinin sunulduğu bir RGB renk tablosu oluşturulmuştur ( ondalık ve onaltılık biçimde).
Onu buradan tanıyabilirsin. Bu masa web tasarımcıları için hayatı çok daha kolay hale getirir, çünkü birkaç saniye içinde istediğiniz rengi bulabilir ve sayısal temsilini öğrenebilirsiniz.
Güvenli RGB renk paleti
Bununla birlikte, bir noktada renkleri farklı tarayıcılarda görüntüleme sorunu vardı ve bunu çözmek için, matematiksel hesaplamalarla elde edilen "güvenli" RGB renk paleti derlendi.
Tarayıcı bir rengi doğru görüntüleyemediğinde, komşu renkleri karıştırarak ihtiyaç duyduğu şeye yaklaşmaya çalışır ve büyük olasılıkla sonuç tamamen kabul edilemez olacaktır:
Bir web geliştiricisi, bu paletteki RGB renk kodlarını kullanarak, farklı tarayıcılar, platformlar ve monitörler kullanılarak görüntülendiğinde site sayfalarındaki renkleri görüntüleme konusunda gönül rahatlığına sahip olabilir. rağmen şu an güvenli renkler tablosu alaka düzeyini kaybeder ( teknolojik ilerleme durmuyor), kullanırken, dedikleri gibi huzur içinde uyuyabilirsiniz.
RGB modelinde altın rengi
Altın kelimesi ilk kez XIV yüzyılın başında rengi tanımlamak için kullanıldı. kimyasal element Aurum - altın denir. 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 rengi
Bej, en etkileyici olmasa da tarihte oldukça önemli bir yere sahiptir. Birçok kültürel anıt, özellikle antik heykeller, bej bir renk tonuna sahip steatit ve sabuntaşından yapılmıştır. RGB modelinde bej, aşağıdaki sayısal temsillere sahiptir:
- RGB (245, 245, 220) - ondalık sistem;
- HEX #F5F5DC - onaltılık sistem.
Günümüzde, özellikle World Wide Web'de böyle "sıkıcı" bir renk bulmak nadirdir. Geliştiriciler, aşağıdakileri kullanarak akılda kalıcı tasarımı tercih eder: parlak renkler. Teknolojik ilerleme, monitörlerde çok sayıda rengin görüntülenmesini mümkün kılıyor ve bu da resmi daha gerçekçi hale getiriyor.
İyi kötü
Vlad Merjeviç
HTML'de renk iki yoldan biriyle belirtilir: onaltılık bir kod kullanarak ve bazı renklerin adıyla. En yaygın kullanılan yöntem, en evrensel olan onaltılık sisteme dayanmaktadır.
Onaltılık renkler
HTML, renkleri belirtmek için onaltılık sayılar kullanır. Onaltılık sistem, ondalık sistemin aksine, 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 Latin harfleriyle değiştirilir. Masada. 6.1, ondalık ve onaltılık sayılar arasındaki yazışmayı gösterir.
Onaltılı sistemde 15'ten büyük sayılar, iki sayının bire birleştirilmesiyle oluşturulur (Tablo 6.2). Örneğin, ondalık olarak 255 sayısı, onaltılık olarak FF sayısına karşılık gelir.
Sayı sisteminin tanımında karışıklığı önlemek için, onaltılık sayının önüne sayı işareti # gelir, örneğin #aa69cc. Bu durumda durum önemli değildir, bu nedenle #F0F0F0 veya #f0f0f0 yazılmasına izin verilir.
HTML'de kullanılan tipik bir renk aşağıdaki gibidir.
Burada web sayfasının arka plan rengi #FA8E47 olarak ayarlanmıştır. Sayının önündeki sayı işareti #, onaltılık olduğu anlamına gelir. İlk iki basamak (FA) rengin kırmızı bileşenini, üçüncü ila dördüncü basamak (8E) yeşil bileşeni ve son iki basamak (47) mavi bileşeni tanımlar. Sonuç bu renktir.
FA | + | 8E | + | 47 | = | FA8E47 |
Üç rengin her biri - kırmızı, yeşil ve mavi - 00'dan FF'ye kadar değerler alabilir ve sonunda 256 ton oluşturur. Böylece toplam renk sayısı 256x256x256 = 16.777.216 kombinasyon olabilir. Kırmızı, yeşil ve mavi bileşenlerine dayalı renk modeli RGB (kırmızı, yeşil, mavi; kırmızı, yeşil, mavi) olarak adlandırılır. Bu model, üç bileşenin hepsinin eklenmesinin beyaz oluşturduğu bir katkı maddesidir (ekle - ekle).
Onaltılık renklerde gezinmeyi kolaylaştırmak için bazı kuralları göz önünde bulundurun.
- Renk bileşenlerinin değerleri aynıysa (örneğin: #D6D6D6), gri gölge. Nasıl daha fazla sayı, renk o kadar açık olur, #000000 (siyah) yerine #FFFFFF (beyaz) olarak değişir.
- Kırmızı bileşen maksimum yapılırsa (FF) parlak kırmızı bir renk oluşur ve bileşenlerin geri kalanı sıfıra ayarlanır. #FF0000 değerine sahip renk, olası en kırmızı renk tonudur. Benzer durum yeşil(#00FF00) ve mavi (#0000FF).
- Sarı(#FFFF00) kırmızı ile yeşil karıştırılarak elde edilir. Bu, ana renkleri (kırmızı, yeşil, mavi) ve tamamlayıcı veya tamamlayıcıyı sunan renk çarkında (Şekil 6.1) açıkça görülmektedir. Bunlara sarı, camgöbeği ve menekşe (eflatun da denir) dahildir. Genel olarak, herhangi bir renk, yanındaki renklerin karıştırılmasıyla elde edilebilir. Böylece mavi ve yeşilin birleştirilmesiyle camgöbeği (#00FFFF) elde edilir.
Pirinç. 6.1. renk çemberi
Onaltılık değerlere dayalı renklerin deneysel olarak seçilmesi gerekmez. Bu amaçla farklı programlarla çalışabilen bir grafik düzenleyici uygundur. renkli modeller Adobe Photoshop gibi. Şek. 6.2, bu programda bir renk seçmek için bir pencere gösterir, çizgi, mevcut rengin elde edilen onaltılık değerini çevreler. Kopyalayıp kodunuza yapıştırabilirsiniz.
Pirinç. 6.2. Photoshop'ta renk seçici
Web Renkleri
Monitörün renk kalitesini 8-bit (256 renk) olarak ayarlarsanız, aynı renk ekranda görüntülenebilir. farklı tarayıcılar kendi yolumda. Bu, tarayıcı kendi paletiyle çalıştığında ve kendi paletinde olmayan bir rengi gösteremediğinde grafiklerin oluşturulma şekliyle ilgilidir. Bu durumda, renk, kendisine yakın olan, verilen rengi taklit eden diğer piksellerin bir kombinasyonu ile değiştirilir. Rengin farklı tarayıcılarda aynı kalması için, web renklerinden oluşan bir palet tanıtıldı. Web renkleri, her bileşen için - kırmızı, yeşil ve mavi - altı değerden birinin 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 belirtilmiştir. Toplam olası tüm kombinasyonlardan renkler 6x6x6 - 216 renk verir. Örnek bir web rengi #33FF66'dır.
Web renginin ana özelliği, tüm tarayıcılarda aynı şekilde görüntülenmesidir. Şu anda, monitörlerin kalitesindeki iyileşme ve yeteneklerinin genişlemesi nedeniyle web renklerinin alaka düzeyi çok küçük.
Ada göre renkler
Bir sayı koleksiyonunu hatırlamamak 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ık değer |
---|---|---|---|
siyah | Siyah | #000000 | |
mavi | Mavi | #0000FF | |
fuşya | Açık mor | #FF00FF | |
gri | Koyu gri | #808080 | |
Yeşil | Yeşil | #008000 | |
Misket Limonu | 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 | |
deniz mavisi | Mavi-yeşil | #008080 | |
beyaz | Beyaz | #FFFFFF | |
Sarı | Sarı | #FFFF00 |
Rengi nasıl belirttiğiniz önemli değildir - adıyla veya onaltılık sayılar kullanarak. Etkilerinde, bu yöntemler eşittir. Örnek 6-1, bir web sayfasının arka plan ve metin renklerinin nasıl ayarlanacağını gösterir.
Örnek 6.1. Arka plan ve metin rengi
Örnek yazı
Bu örnekte, arka plan rengi, etiketin bgcolor niteliği kullanılarak ayarlanır.
ve metin özniteliği aracılığıyla metnin rengi. Çeşitlilik için, text özniteliğinin değeri onaltılık bir sayıya, bgcolor ise ayrılmış bir değere ayarlanır. anahtar kelime deniz mavisi.Minecraft kodları renkler veya Minecraft kodlar biçimlendirme, herhangi bir oyuncunun Minecraft'ta çiçek eklemesine ve metni mümkün olan her şekilde biçimlendirmesine izin verin. Renk kodları&0-9'dan &a-f'ye. Bunları metninizden önce ekleyin. Oyunculardan gelen mesajlar şunları içerebilir: renk kodları, bu da cümlelerinize renk eklemenizi sağlar.
Renkler ve biçimlendirme kodları
Mesajlarda bir ve işareti (&) ve ardından onaltılık bir sayı, istemciye metni görüntülerken renkleri değiştirmesi için sinyal verir. Alternatif olarak metin, & karakteri ve ardından bir harf kullanılarak biçimlendirilebilir. Kitaplara, komut bloklarına, sunucu adına, sunucu açıklamasına (motd), dünya adlarına, işaretlere ve hatta oyuncu adlarına farklı renkler ekleyebilirsiniz.
Aşağıdaki renk tablosunu kullanarak metninizi yapılandırmalarda veya oyunda biçimlendirmek çok kolaydır. &r tüm kodları silmek için kullanılır, yani. &mAAA&rBBB, AAA BBB olarak görüntülenecektir.
Size kolaylık sağlamak için Minecraft'ta mevcut renk kodlarının bir tablosunu sunuyoruz:
kod | İsim | Teknik ad | Sembol rengi | Sembol gölge rengi | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | altıgen | R | G | B | altıgen | |||
&0 | Siyah | siyah | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Koyu mavi | koyu mavi | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | koyu yeşil | koyu yeşil | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Koyu mavi-yeşil | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Koyu Kırmızı | koyu Kırmızı | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Koyu mor | koyu mor | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Altın | altın | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Gri | gri | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Koyu gri | koyu gri | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Mavi | mavi | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Yeşil | Yeşil | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Mavi-yeşil | su | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | Kırmızı | kırmızı | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Açık mor | açık mor | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Sarı | Sarı | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Beyaz | beyaz | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Bazen gerekli altını çizmek, altını çizmek, vurgulamak Bazı metin. Bunun için metin biçimlendirme kullanılır. Renklerle aynı şekilde kullanılır (koyduğumuz metnin önüne kod, örneğin &lMinecraft= Minecraft.
Size kolaylık olması için, aşağıda biçimlendirme için bir kod tablosu verilmiştir:
kod | İsim |
---|---|
&k | sihirli metin |
&l | küçük resim |
&m | üstü çizili metin |
&n | altı çizili metin |
&Ö | italik metin |
&r | Biçimlendirme olmadan metin |