>> Renk yönetimi
Onaltılık RGB renk değerleri
Rengi tanımlama ve işleme yöntemleri, amaçlanan nihai sunum açısından birbirinden farklıdır. Örneğin, baskı ve bilgisayar monitörleri için renk temsillerini karşılaştıralım. İlk durumda, temel alınır Beyaz daha sonra üzerine üç ana rengin uygulandığı kağıdın rengi: Mavi, Mor ve sarı... Birbirleriyle ve kağıdın beyaz rengiyle farklı oranlarda karışan bu üç ana renk, saf siyah dışında farklı renk tonları verir veya boyanın tamamen yokluğunda kağıdın beyaz rengini verir. Onlara siyah eklersek, CMYK- eksik renklerin beyazdan çıkarılmasıyla gerekli renk elde edildiğinde bir renksel geriverim yöntemi.
İkinci durumda, temel alınır 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, saf siyah ekran rengi elde ederiz ve gerekli renklerden herhangi biri, üç rengin her birinin oranıyla belirlenir. Bu durumda, alırız RGB- bir renk transferi yöntemi. Ana renkler arasında değişebilir 0
önce 255
, veya 0%
önce 100%
veya onaltılık bir değer olarak gösterilebilir. Aşağıdaki resimde ana renklerin karıştırılmasının sonuçlarını görebilirsiniz.
Onaltılık sayı sistemi, ondalık sayının aksine, sayı satırında on basamak değil on altıdır - bu nedenle adı. Buna göre, iki basamaklı kombinasyonların tekrarlanmayan varyantları yalnızca - 256 , bir dizi rakamdan sonra devam etmek için 9 gelen mektuplar Aönce F dolayısıyla 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 belirtilir. İlk sayı yoğunluğu belirler kırmızı renkler, ortalama Yeşil, son şey- Mavi renkler. Tüm sayılar aralığındaki değerleri alabilir 00 önce FF(0'dan 255'e kadar). Örneğin: yeşil olarak verilir # 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 örnek olarak kırmızı, mavi ve yeşil tonlamalar verilebilir.
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 | # A000000 | #002000 | # 00A000 | #000020 | # 0000A0 | ||||||
#300000 | # B000000 | #003000 | # 00B000 | #000030 | # 0000B0 | ||||||
#400000 | # C000000 | #004000 | # 00C000 | #000040 | # 0000C0 | ||||||
#500000 | # D000000 | #005000 | # 00D000 | #000050 | # 0000D0 | ||||||
#600000 | # E000000 | #006000 | # 00E000 | #000060 | # 0000E0 | ||||||
#700000 | # FF0000 | #007000 | # 00FF00 | #000070 | # 0000FF |
Dize değişmezlerini kullanarak renk belirtme
Kullanım kolaylığı için bazı renklere ve bunların kombinasyonlarına tüm tarayıcılar tarafından tanınan isimler atanmış ve birçoğunun isimle ayarlanması mümkün hale gelmiştir. Aşağıdaki tablo bazı renk adlarını listeler:
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 | Blanchedalmond | ||||
Mavi menekşe | Kahverengi | burlywood | öğrenci mavisi | ||||
Chartreuse | Çikolata | Mercan | Peygamber Çiçeğimavi | ||||
Mısır püskülü | kızıl | camgöbeği | Koyu mavi | ||||
koyu mavi | Karanlıkaltın Başak | Koyu gri | Koyu yeşil | ||||
koyu haki | koyu eflatun | koyu zeytin yeşili | Koyu turuncu | ||||
karaorkide | Koyu Kırmızı | somon | koyu deniz yeşili | ||||
Darkslateblue | Darkslategray | koyuturkuaz | Koyu mor | ||||
Derin pembe | deringökyüzü | Dimgray | dodgerblue | ||||
ateş tuğlası | çiçekbeyaz | Orman yeşili | fuşya | ||||
kazançlar | hayalet beyazı | Altın | Altın Başak | ||||
Gri | Yeşil sarı | Şeker kavunu | Sıcak pembe | ||||
Kızılderili | ç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 | somon balığı | açık deniz yeşili | ||||
açık gök mavisi | ışıkslategri | açık çelikmavi | Açık sarı | ||||
Kireç | Limon yeşili | Keten | macenta | ||||
bordo | orta akuamarin | Orta mavi | orta orkide | ||||
ortamor | orta deniz yeşili | Mediumslateblue | Ortabaharyeşili | ||||
orta turkuaz | orta mor | Gece yarısı mavisi | nane kreması | ||||
puslu gül | Navajobeyaz | Donanma | ihtiyar | ||||
zeytin | zeytinyağlı | portakal rengi | Orkide | ||||
palegoldenrod | Soluk yeşil | paleturkuaz | açık yeşil | ||||
Papayakamçı | şeftali | Peru | Pembe | ||||
Erik | Toz mavi | pembe kahverengi | Kraliyet mavisi | ||||
eyer kahverengi | 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 bir renk seçici kullanma
Ne yazık ki, farklı sistem ayarlarına sahip farklı platformlarda doğru renksel geriverim bir sorundur. Mesele şu ki, tarayıcı her zaman belgenin renk paletini sistem ayarlarına ayarlamaya çalışır ve renkleri bağımsız olarak karıştırarak ve değiştirerek yetenekleri izler. Sonuç olarak, bazen kullanıcı, web yöneticisinin ona göstermek istediği şeyi tam olarak görmez. Bu durumdan bir çıkış yolu, her rengin farklı platformlardaki tüm tarayıcılar tarafından aynı olması garanti edilen bir paletin kullanılmasında bulundu. Bu sözde garantili palet, aynı zamanda denir güvenli palet. Bu palet, renk bileşenleri aşağıdaki değerleri alan renkleri içerir: 00 ,33 ,66 ,99 , bilgi,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 |
Renkleri ayarlamak için onaltılık sayılar kullanılı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. Onaltılık olarak 15'ten büyük sayılar, iki sayının bire birleştirilmesiyle oluşturulur. Örneğin, 255 ondalık FF onaltılık sayıya eşittir. Sayı sisteminin tanımında karışıklığı önlemek için, karma sembolü # onaltılık sayının önüne yerleştirilir, örneğin # 666999. Üç rengin her biri - kırmızı, yeşil ve mavi - 00 ile FF arasında değişebilir. Böylece, renk ataması, ilk iki karakterin rengin kırmızı bileşenini, iki ortadaki - yeşil ve son iki - mavi bileşenini belirttiği üç bileşene bölünmüştür. Her karakterin iki katına çıkarılması gereken #rgb gibi kısaltılmış bir form kullanılmasına izin verilir. Bu nedenle # fe0 girişi # ffee00 olarak ele alınmalıdır.
İsimle
Internet 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. Tablo 1 adları, onaltılık kodu, RGB, HSL değerlerini ve açıklamayı gösterir.
İsim | Renk | kod | RGB | hsl | Açıklama |
---|---|---|---|---|---|
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 | |
Misket Limonu | # 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) | lacivert | |
deniz mavisi | #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) | Mor |
RGB ile
Internet 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 bileşenlerin ondalık değerlerini kullanarak rengi belirleyebilirsiniz. Üç renk bileşeninin her biri 0 ile 255 arasında bir değer alır. Rengin yüzde olarak ayarlanmasına da izin verilir, %100 ise 255 sayısına karşılık gelir. Önce rgb anahtar sözcüğü belirtilir ve ardından parantez içinde renk bileşenleri virgülle ayrılmış olarak belirtilir, örneğin rgb (255 , 128, 128) veya rgb (%100, %50, %50).
RGBA
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA biçimi, söz dizimi açısından RGB'ye benzer, ancak öğenin saydamlığını kontrol eden bir alfa kanalı içerir. 0 değeri tam şeffaflığa, 1 opaklığa ve 0,5 ila yarı şeffaflık gibi bir ara değere karşılık gelir.
RGBA, CSS3'e eklendi, bu nedenle CSS kod doğrulaması bu sürüm kullanılarak yapılmalıdır. CSS3 standardının hala geliştirme aşamasında olduğunu ve bazı özelliklerin değişebileceğini belirtmek gerekir. Örneğin, arka plan rengi özelliğine eklenen bir RGB rengi doğrulanır, ancak arka plan özelliğine eklenen bir renk artık doğrulanmaz. Aynı zamanda, tarayıcılar her iki özelliğin rengini de oldukça doğru bir şekilde anlar.
hsl
Internet 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 Hafiflik (hafiflik) ilk harflerinin birleşiminden oluşur. Ton, renk çarkındaki (Şekil 1) bir rengin değeridir ve derece olarak verilir. 0° kırmızı, 120° yeşil ve 240° mavidir. Ton değeri 0 ile 359 arasında değişebilir.
Pirinç. 1. Renk tekerleği
Doygunluk, bir rengin %0 ile %100 arasında bir yüzde olarak ölçülen yoğunluğudur. %0 değeri renk olmadığını ve gri gölgeyi belirtir, %100 maksimum doygunluk değeridir.
Açıklık, rengin ne kadar parlak olduğunu ayarlar ve %0 ile %100 arasında bir yüzde olarak belirtilir. Düşük değerler rengi daha koyu, yüksek değerler ise açıklaştırır, %0 ve %100 aşırı değerler siyah beyaza karşılık gelir.
HSLA
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formatı, sözdizimi olarak HSL'ye benzer, ancak öğenin şeffaflığını ayarlayan bir alfa kanalı içerir. 0 değeri tam şeffaflığa, 1 opaklığa ve 0,5 ila yarı şeffaflık gibi bir ara değere karşılık gelir.
RGBA, HSL ve HSLA formatlarındaki renk değerleri CSS3'e eklenmiştir, bu yüzden bu formatları kullanırken sürüm geçerliliğini kontrol ettiğinizden emin olun.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Bir uyarı
Sitede listelenen bir aslanı yakalamanın tüm yöntemleri teoriktir ve hesaplama yöntemlerine dayanmaktadır. Yazarlar, bunları kullanırken güvenliğinizi garanti etmez ve sonuç için herhangi bir sorumluluk kabul etmez. Unutma, aslan bir yırtıcı ve tehlikeli bir hayvandır!
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 2.
Pirinç. 2. Web sayfasındaki renkler
Minecraft hileleri Çiçekler veya Minecraft kodlar biçimlendirme, herhangi bir oyuncunun çiçek eklemesine ve metni her şekilde Minecraft'ta biçimlendirmesine izin verin. Renk kodları& 0-9 - için & a-f. Bunları metninizin önüne ekleyin. Oyuncu mesajları, önerilerinize boya eklemenizi sağlayan renk kodları içerebilir.
Renkler ve biçimlendirme kodları
Mesajlarda onaltılık bir sayının ardından gelen ve işareti (&) istemciye metni görüntülerken renkleri değiştirmesi için sinyal verir. Alternatif olarak, metin & karakterinin ardından bir harf gelecek şekilde biçimlendirilebilir. Kitaplara, komut bloklarına, sunucu adına, sunucu açıklamasına (motd), dünya adlarına, plaketlere 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 | lacivert | 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 |
& NS | 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 ihtiyacın olur altını çizmek, üstünü çizmek, vurgulamak herhangi bir metin... Bunun için metin biçimlendirme kullanılır. Renklerle aynı şekilde kullanılır (koyduğumuz metnin önüne kodör. & lMinecraft = Minecraft.
Size kolaylık olması için, aşağıda bir biçimlendirme kodları tablosu verilmiştir:
kod | İsim |
---|---|
& k | Sihirli metin |
& ben | küçük resim |
& m | üstü çizili metin |
& n | altı çizili metin |
& Ö | italik metin |
& r | biçimlendirilmemiş metin |
Bildiğiniz gibi, renk bir kişinin durumunu etkileyebilir: hem zihinsel hem de fiziksel. Her gün internetteki sitelere bakan 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 bir ziyaretçinin ruh halini değiştirebilir.
Bunun nedeni, bazı gölgelerin yatıştırıcı olması, diğerlerinin ise aksine heyecan verici olmasıdır. Ardından, bilgisayar teknolojisi kullanılarak rengin nasıl sentezlendiğinden ve görüntülendiğinden bahsedeceğiz.
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ünlerine farklı özellikler kazandırdıkça, 1996 yılında Microsoft ve HP'nin işbirliği yaptığı sRGB adı verilen RGB tabanlı birleşik bir renk sentezi sistemi oluşturuldu.
Sayısal renk gösterimi
Daha önce de belirtildiği gibi RGB renkleri ana renklerin karıştırılmasıyla oluşur. 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ığı 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 farklı 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).
Buradan tanışabilirsiniz. Bu tablo, web tasarımcıları için hayatı çok daha kolaylaştırır, çü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 çıkarılan "güvenli" bir RGB renk paleti derlendi.
Tarayıcı bir rengi doğru görüntüleyemediğinde, bitişik renkleri karıştırarak istenen renge yaklaşmaya çalışır ve büyük olasılıkla sonuç tamamen kabul edilemez olacaktır:
Bu paletteki RGB renk kodlarını kullanarak, bir web geliştiricisi, farklı tarayıcılar, platformlar ve monitörler ile görüntülendiğinde site sayfalarında renk gösterme korkusuna sahip olamaz. Şu anda güvenli renkler tablosu alaka düzeyini kaybetmesine rağmen ( teknik ilerleme hala durmuyor), kullanırken, dedikleri gibi, iyi uyuyabilirsiniz.
RGB modelinde altın rengi
İlk kez, XIV yüzyılın başında Aurum - altın adı verilen kimyasal bir elementin rengini tanımlamak için "altın" kelimesi kullanıldı. RGB'de altın, 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 rengi, en etkileyici olmasa da tarihte oldukça önemli bir yer kaplar. Birçok kültürel anıt, özellikle antik heykeller, bej bir renk tonuna sahip sabuntaşı ve sabuntaşından yapılmıştır. RGB'de 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, parlak renkler kullanan akılda kalıcı tasarımı tercih ediyor. 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ü
Avatarların psikolojideki değeri
Avatarların psikolojideki değeri
MS Word'de bir harf nasıl vurgulanır
Bir kişinin avatarı ne anlama gelir?
Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?