16. sistemdeki renkler çevrimiçi. Minecraft'taki renk kodları

HTML'de renk üç şekilde belirtilebilir:

HTML'de rengi adına göre ayarlama

Bazı renkler, rengin İngilizce adı değer olarak kullanılarak adlarına göre belirtilebilir. 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:

Farklı renk adlarının kullanımına bir örnek:

Örnek: bir rengi adına göre ayarlama

• Kendin dene "

Kırmızı zemin üzerine başlık

Turuncu zemin üzerine başlık

Kireç arka planında başlık

Mavi zemin üzerine beyaz metin

Kırmızı zemin üzerine başlık

Turuncu zemin üzerine başlık

Kireç arka planında başlık

Mavi zemin üzerine beyaz metin

RGB ile rengi belirtme

Monitörde farklı renkler görüntülenirken RGB paleti esas alınır. Üç ana rengin karıştırılmasıyla herhangi bir renk elde edilir: R - kırmızı, G - yeşil (yeşil), B - mavi (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 diğerleri 0 olarak ayarlanmıştır. Rengi yüzde olarak da ayarlayabilirsiniz. Parametrelerin her biri, 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 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 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 olan onaltılık değerlerdir (ondalık 0- ile aynı) 255). 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 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 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şimidir. Örneğin ondalık sistemde en yüksek sayı olan 255, onaltılık sistemde en yüksek FF'ye karşılık gelir. Ondalık sistemin aksine, onaltılık sayının önünde pound işareti bulunur. # Örneğin #FF0000 kırmızı olarak görüntülenir çünkü kırmızı en yüksek değerine (FF) ve diğer renkler de minimum değerlerine (00) ayarlanmıştır. Hash 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 #rgb kısaltılmış biçimini kullanmanıza olanak tanır. Bu nedenle #f7O girişi #ff7700 olarak kabul edilmelidir.

Örnek: Renkli 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):

Doygunluk ve renk tonuna göre renk kodları (arka plan).

Bildiğiniz gibi renk bir kişinin durumunu etkileyebilir: hem zihinsel hem de fiziksel. Her gün internette gezinirken gözler milyonlarca renk ve tonu değerlendirir. Renk psikolojisine aşina bir web tasarımcısı, herhangi bir hedefe ulaşmak için ziyaretçinin ruh halini kontrol edebilir.

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 üzerinde birlikte çalıştığı, sRGB adı verilen birleşik bir RGB tabanlı renk sentez sistemi oluşturuldu.

Sayısal renk 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 sistemde 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 çeşitli tonları elde edilir. Aşağıda bunların derecelendirilmesinin 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, adlarının ve sayısal gösterimlerinin sunulduğu bir RGB renk tablosu oluşturuldu ( ondalık ve onaltılık biçimde).

Onu burada tanıyabilirsin. Bu tablo, web tasarımcılarının hayatını büyük ölçüde kolaylaştırır, çünkü birkaç saniye içinde istediğiniz rengi bulabilir ve sayısal gösterimini öğrenebilirsiniz.

Güvenli RGB renk paleti

Bununla birlikte, bir noktada renkleri farklı tarayıcılarda görüntüleme sorunu 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, komşu renkleri karıştırarak ihtiyacı olana 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 sitelerinin sayfalarında renklerin 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 durmuyor), kullanırken dedikleri gibi huzur içinde uyuyabilirsiniz.

RGB modelinde altın rengi

İlk kez "altın" kelimesi XIV. Yüzyılın başında Aurum - altın adı verilen kimyasal bir elementin 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, 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 steatit 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 bulmak 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 getirir.

İyi kötü

Vlad Merjeviç

HTML'de renk iki yoldan biriyle belirtilir: onaltılık kod kullanılarak ve bazı renklerin adıyla. En sık 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. 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ı sisteminin tanımında karışıklığı önlemek için, onaltılık sayının önüne pound işareti # 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 aşağıdaki gibidir.

Burada web sayfasının arka plan rengi #FA8E47 olarak ayarlanmıştır. Bir sayının önündeki pound işareti # o sayının onaltılık sistemde olduğu anlamına gelir. İlk iki hane (FA) rengin kırmızı bileşenini, üçüncü ila dördüncü haneler (8E) yeşil bileşenini ve son iki hane (47) mavi bileşenini tanımlar. Sonuç bu renktir.

Üç rengin her biri (kırmızı, yeşil ve mavi) 00'dan FF'ye kadar değerler alabilir ve sonuçta 256 renk tonu oluşur. Böylece toplam renk sayısı 256x256x256 = 16.777.216 kombinasyon olabilir. Kırmızı, yeşil ve mavi bileşenlere dayalı renk modeline RGB (kırmızı, yeşil, mavi; kırmızı, yeşil, mavi) adı verilir. Bu model, her üç bileşenin eklenmesinin beyazı 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), gri bir renk tonu elde edilecektir. Sayı ne kadar yüksek olursa renk o kadar açık olur ve değerler #000000'dan (siyah) #FFFFFF'ye (beyaz) değişir.
• Kırmızı bileşen maksimuma (FF) getirilirse ve geri kalan bileşenler sıfıra ayarlanırsa parlak kırmızı bir renk oluşur. #FF0000 değerine sahip renk, mümkün olan en kırmızı kırmızı renk tonudur. Aynı durum yeşil (#00FF00) ve mavi (#0000FF) için de geçerlidir.
• Sarı (#FFFF00) kırmızının yeşille karıştırılmasıyla elde edilir. Bu, ana renkleri (kırmızı, yeşil, mavi) ve tamamlayıcı veya tamamlayıcıyı gösteren renk tekerleğinde (Şekil 6.1) açıkça görülmektedir. Bunlara sarı, camgöbeği ve mor (macenta da denir) dahildir. Genel olarak herhangi bir renk, yanındaki renklerin karıştırılmasıyla elde edilebilir. Yani 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. Şek. 6.2, bu programda bir renk seçmek için bir pencere gösterir; çizgi, mevcut rengin sonuçta ortaya çıkan onaltılık değerini daire içine alır. Bunu 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 farklı tarayıcılarda farklı şekilde görüntülenebilir. Bunun, tarayıcı kendi paletiyle çalıştığında ve paletinde olmayan bir rengi gösteremediğinde grafiklerin oluşturulma şekliyle ilgisi vardır. 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ı için web renklerinden oluşan bir palet tanıtıldı. Web renkleri, her bir 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 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ı şekilde görüntülenmesidir. Ş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ırlamamak için bunun yerine sık kullanılan renklerin adlarını kullanabilirsiniz. Masada. 6.3 popüler renk adlarının adlarını gösterir.

Rengi nasıl belirttiğiniz önemli değildir - adına göre veya onaltılık sayılar kullanarak. Etkileri bakımından 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 özelliği kullanılarak ayarlanmıştır. ve text özelliği aracılığıyla metnin rengi. Çeşitlilik sağlamak için, text özelliğinin değeri onaltılık bir sayıya, bgcolor ise ayrılmış anahtar kelime teal'e ayarlanır.

Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılı 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ı sisteminin tanımında karışıklığı önlemek için, onaltılık sayının önüne # karma simgesi gelir, örneğin #666999. Üç rengin her biri (kırmızı, yeşil ve mavi) 00'dan FF'ye kadar değerler alabilir. Böylece, rengin tanımı üç bileşene bölünmüştür #rrggbb; burada ilk iki karakter rengin kırmızı bileşenini, ortadaki iki karakter yeşili ve son ikisi maviyi işaretler. 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.

isimle

Tarayıcılar bazı renkleri adlarına göre destekler. Masada. 1 adları, hex kodunu, RGB, HSL formatındaki değerleri ve açıklamayı gösterir.

RGB'li

Kırmızı, yeşil ve mavi değerlerini ondalık sayılarla kullanarak bir renk tanımlayabilirsiniz. Üç renk bileşeninin her biri 0 ile 255 arasında bir değer alır. Rengin yüzde olarak ayarlanması da kabul edilebilir, %100 ise 255 sayısına karşılık gelecektir. Önce rgb anahtar kelimesi belirtilir, ardından renk bileşenleri belirlenir. virgüllerle ayrılmış parantez içinde belirtilir; örneğin rgb(255 , 128, 128) veya rgb(100%, 50%, 50%).

RGBA

RGBA formatı söz dizimi açısından RGB'ye benzer ancak öğenin şeffaflığını ayarlayan 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 doğrulaması bu versiyona göre yapılmalıdır. CSS3 standardının halen geliştirilme aşamasında olduğunu ve bazı özelliklerinin değişebileceğini belirtelim. Örneğin, arka plan rengi özelliğine eklenen bir RGB rengi doğrulamayı geçer, ancak arka plan özelliğine eklenen bir RGB rengi doğrulamayı geçmez. Aynı zamanda tarayıcılar her iki özelliğin rengini de oldukça doğru anlıyor.

HSL

HSL formatının adı Hue (ton), Doygunluk (doygunluk) ve Lightness (açıklık) ilk harflerinin birleşiminden oluşur. Ton, renk tekerleğindeki (Şekil 1) renk değeridir ve derece cinsinden belirtilir. 0° kırmızı, 120° yeşil ve 240° mavidir. Ton değeri 0 ila 359 arasında değişebilir.

Pirinç. 1. Renk tekerleği

Doygunluk, bir rengin %0 ile %100 arasında yüzde olarak ölçülen yoğunluğudur. %0 değeri renk olmadığını ve gri tonunu belirtir; %100 maksimum doygunluk değeridir.

Açıklık, rengin ne kadar parlak olacağını ayarlar ve %0 ile %100 arasında bir yüzde olarak belirtilir. Küçük değerler rengi daha koyu, yüksek değerler ise daha açık yapar, %0 ve %100 gibi uç değerler siyah beyaza karşılık gelir.

HSLA

HSLA formatı söz dizimi açısından HSL'ye benzer ancak öğenin şeffaflığını ayarlayan 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 formatlarındaki renk değerleri CSS3'e eklenir, bu nedenle bu formatları kullanırken kodun sürüme göre 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çlara ilişkin 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

Minecraft kodları renkler veya Minecraft kodlar biçimlendirme, herhangi bir oyuncunun doğrudan 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ı metninizin önüne ekleyin. Oyunculardan gelen mesajlar, cümlelerinize renk katmanıza olanak tanıyan renk kodları içerebilir.

Renkler ve biçimlendirme kodları

İletilerde bir ve işareti (&) ve ardından gelen onaltılık sayı, istemciye metni görüntülerken renkleri değiştirmesi sinyalini 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 şemasını kullanarak metninizi yapılandırmalarda veya oyun içinde biçimlendirmek çok kolaydır. &r tüm kodları temizlemek için kullanılır; &mAAA&rBBB, AAA BBB olarak görüntülenecektir.

Size kolaylık sağlamak için Minecraft'taki mevcut renk kodlarının bir tablosunu sunuyoruz:

Bazen gerekli altını çizin, altını çizin, vurgulamak Bazı metin. Bunun için metin biçimlendirmesi kullanılır. Renklerle aynı şekilde kullanılır (koyduğumuz metnin önüne) kod, örneğin &lMinecraft= Minecraft'ta.

Size kolaylık sağlamak için, aşağıda biçimlendirme kodlarının bir tablosu verilmiştir: