Mavi mor renk rgb. HTML Eğitimi. RGB renkleri. Güvenli Palet Renkleri
>>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, baskı ve bilgisayar monitörleri için renk temsillerini karşılaştıralım. İlk durumda, temel beyazüç ana rengin daha sonra uygulandığı kağıdın rengi: mavi, mor Ve sarı. Birbirine ve kağıdın beyaz rengine farklı oranlarda karışan bu üç ana renk, saf siyah dışında farklı renk tonları verir veya renklerin tamamen yokluğunda beyaz kağıda verir. Onlara siyah eklersek, CMYK- beyazdan eksik renklerin çıkarılmasıyla 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 parlamanın tamamen yokluğunda, ekranın saf siyah rengini elde ederiz ve gerekli renklerden herhangi biri, üç rengin her birinin oranına göre verilir. bu durumda alacağız RGB- Renk aktarma yöntemi. Birincil renkler anlamlara sahip olabilir 0
önce 255
veya dan 0%
önce 100%
veya onaltılık bir değer olarak gösterilebilir. Aşağıdaki şekilde ana renkleri karıştırmanın sonuçlarını görebilirsiniz.
Onaltılık sayı sistemi, ondalık sayı sisteminden farklı olarak, basamak dizisinde on basamak değil, on altı basamak vardır - bu nedenle adı. Buna göre, iki basamaklı kombinasyonların tekrarlanmayan varyantları yalnızca - olabilir - 256 , sonra basamak dizisine devam etmek için 9 gelen mektuplar Aönce 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 rakamdan 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 önce FF(0'dan 255'e). Örneğin: yeşil renk şu şekilde verilir: #00FF00, kırmızı gibi #FF0000, mavi gibi #0000FF, beyaz gibi #FFFFFF, rengin veya siyahın tamamen yokluğu olarak 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 karışımlarının 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 Sabit Değerleriyle Renk Belirtme
Kullanım kolaylığı için bazı renklere ve bunların kombinasyonlarına tüm tarayıcılar tarafından tanınan adlar verildi ve birçoğunu ada göre ayarlamak mümkün hale geldi. Aşağıdaki tabloda bazı renk adları gösterilmektedir:
görüş | İsim | görüş | İsim | görüş | İsim | görüş | İsim |
Beyaz | Kırmızı | Turuncu | Sarı | ||||
Yeşil | Mavi | Mor | Siyah | ||||
Alice Mavi | Antik Beyaz | su | akuamarin | ||||
gök mavisi | Bej | Bisküvi | beyazlatılmış badem | ||||
Mavi menekşe | Kahverengi | Burlywood | Cadetblue | ||||
chartreuse | Çikolata | Mercan | Peygamber Çiçeği mavisi | ||||
Mısır püskülü | kızıl | mavi | koyu mavi | ||||
koyu camgöbeği | karanlık altın çubuk | koyu gri | koyu yeşil | ||||
koyu haki | karamagenta | Darkolivegreen | koyu turuncu | ||||
Kara orkide | koyu Kırmızı | kara somon | koyu deniz yeşili | ||||
koyu mavi | koyu gri | koyu turkuaz | Koyu mor | ||||
Derin pembe | derin gök mavisi | Dimgray | kaçan mavi | ||||
ateş tuğlası | çiçekli beyaz | Orman yeşili | Fuşya | ||||
Gainsboro | hayalet beyaz | Altın | Altın Başak | ||||
Gri | Yeşil sarı | Tatlı özsu | sıcak pembe | ||||
Hint kırmızısı | indigo | Fildişi | Haki | ||||
Lavanta | lavanta rengi | limonşifon | açık mavi | ||||
açık mercan | açık cam göbeği | hafif soğuk çubuk sarısı | açık yeşil | ||||
açık gri | Açık pembe | hafif somon | açık deniz yeşili | ||||
Açık gök mavisi | açık gri | hafif çelik mavi | açık sarı | ||||
kireç | Limon yeşili | keten | eflatun | ||||
bordo | orta akuamarin | orta mavi | orta orkide | ||||
orta mor | Orta deniz yeşili | orta kayrak mavisi | Orta bahar yeşili | ||||
orta turkuaz | orta mor | gece yarısı mavisi | nane kreması | ||||
puslu gül | Navajobeyaz | Donanma | eski dantel | ||||
zeytin | zeytinyağlısı | turuncu kırmızı | Orkide | ||||
soluk altın çubuk | Soluk yeşil | paleturkuaz | soluk kırmızı | ||||
Papaya kırbacı | Şeftali | Peru | Pembe | ||||
Erik | Toz mavi | pembe kahverengi | Kraliyet mavisi | ||||
saddlebrown | Deniz yeşili | deniz kabuğu | sienna | ||||
Gümüş | gökyüzü mavi | kayrak mavisi | kayrak grisi | ||||
Kar | İlkbahar yesili | çelik mavisi | Bronzlaşmak | ||||
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ına sahip farklı platformlarda doğru renk üretimi bir sorundur. Mesele şu ki, tarayıcı her zaman belgenin renk paletini, renkleri kendi başına karıştırarak ve değiştirerek sistem ayarlarına ve monitör özelliklerine göre ayarlamaya çalışır. Sonuç olarak, bazen kullanıcı web yöneticisinin ona göstermek istediğini tam olarak göremez. Bu durumdan çıkış yolu, farklı platformlardaki tüm tarayıcılar tarafından her rengin aynı şekilde işlenmesi garanti edilen bir palet kullanımı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 |
minecraft kodları renkler veya Minecraft kodlar biçimlendirme, herhangi bir oyuncunun Minecraft'ta mümkün olan her şekilde çiçek eklemesine ve metni biçimlendirmesine izin verin. Renk kodları&0-9'dan &a-f'ye. Bunları metninizden önce ekleyin. Oyunculardan gelen mesajlar, cümlelerinize renk katabilmenizi sağlayan renk kodları içerebilir.
Renkler ve biçimlendirme kodları
İletilerde bir ve işareti (&) ve ardından onaltılık bir sayı istemciye metni görüntülerken renkleri değiştirmesini bildirir. 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 yapılandırmalarda veya oyun içinde metninizi biçimlendirmek çok kolaydır. &r tüm kodları silmek için kullanılır, örn. &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 isim | 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ı çiz, altını çiz, vurgulamak Bazı metin. Bunun için metin biçimlendirmesi kullanılır. Renklerle aynı şekilde kullanılır (koyduğumuz metinden önce) kod, örneğin &lMinecraft= Minecraft.
Size kolaylık sağlamak için, biçimlendirme için bir kod tablosu aşağıdadır:
kod | İsim |
---|---|
&k | sihirli metin |
&l | küçük resim |
&M | üstü çizili metin |
&N | Altı çizili metin |
&Ö | italik metin |
&R | Biçimlendirmesiz metin |
HTML'de renk üç şekilde belirtilebilir:
HTML'de rengi adına göre ayarlama
Bazı renkler, değer olarak rengin İngilizce adı kullanılarak adlarıyla 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:
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 | deniz mavisi |
Farklı renk adlarının kullanımına bir örnek:
Örnek: adına göre bir renk ayarlama
Kırmızı zemin üzerine başlık
Turuncu zemin üzerine başlık
Kireç arka plan üzerinde 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 üzerinde başlık
Mavi zemin üzerine beyaz metin
RGB ile renk belirleme
Farklı renkleri monitörde görüntülerken 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 byte ile verilir ve bu nedenle 0 ile 255 arasında değerler alabilir. Örneğin RGB (255,0,0) kırmızı olarak gösterilir çünkü kırmızı en yüksek değerine (255) ayarlıdır ve diğerleri 0 olarak 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 renk belirleme
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 biçimde onaltılık (HEX) renk değerleri kullanılarak belirtilebilir: #RRGGBB burada RR (kırmızı), GG (yeşil) ve BB (mavi) 00'dan FF'ye kadar onaltılık değerlerdir (ondalık 0- ile aynı) 255) . Onaltılı sistem, onlu 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 sayılar Latin harfleriyle değiştirilmiştir. Onaltılık sistemde 15'ten büyük sayılar, iki karakterin bir değerde birleşimidir. Örneğin, ondalıktaki en yüksek sayı olan 255, onaltılıktaki en yüksek FF'ye karşılık gelir. Ondalık sistemden farklı olarak, onaltılık sayıdan önce bir pound işareti gelir. # , ö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 minimum değerlerine (00) ayarlanmıştır. Hash sembolünden sonraki karakterler # hem büyük hem de küçük harf olarak yazılabilir. Onaltılık sistem, her karakterin iki katına eşit olduğu kısaltılmış #rgb biçimini kullanmanıza olanak tanır. Bu nedenle, #f7O girişi #ff7700 olarak kabul edilmelidir.
Örnek: Renkli HEX
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=cam göbeği: #00FFFF
Yaygın olarak kullanılan renklerin listesi (ad, HEX ve RGB):
ingilizce isim | Rus adı | Örnek | 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 | |
gök mavisi | gök mavisi | #007FFF | 0 | 127 | 255 | |
Siyah | Siyah | #000000 | 0 | 0 | 0 | |
Mavi | Mavi | #0000FF | 0 | 0 | 255 | |
Bondi Mavisi | Bondi sahil suyu | #0095B6 | 0 | 149 | 182 | |
Pirinç | Pirinç | #B5A642 | 181 | 166 | 66 | |
Kahverengi | Kahverengi | #964B00 | 150 | 75 | 0 | |
gök mavisi | gök mavisi | #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 | |
indigo | indigo | #4B0082 | 75 | 0 | 130 | |
yeşim taşı | yeşim taşı | #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 | Bolotny | #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).
Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, onluk 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 Latin harfleriyle değiştirilir. Onaltılık sistemde 15'ten büyük sayılar, iki sayının bir sayı olarak birleştirilmesiyle oluşturulur. Örneğin, ondalık sistemdeki 255 sayısı, onaltılık sistemdeki FF sayısına karşılık gelir. Sayı sisteminin tanımında karışıklığı önlemek için, onaltılık sayıdan önce # hash sembolü 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 ayrılır #rrggbb, burada ilk iki karakter rengin kırmızı bileşenini, ortadaki iki karakter yeşili ve son iki karakter maviyi işaretler. Her karakterin ikiye katlanması gereken kısaltılmış #rgb formunun kullanılmasına izin verilir. Bu nedenle, #fe0 girişi #ffee00 olarak kabul edilmelidir.
isimle
internet gezgini | 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 ada göre destekler. Masada. 1 adları, hex kodunu, RGB, HSL formatındaki değerleri ve açıklamayı gösterir.
İsim | Renk | kod | RGB | HSL | Tanım |
---|---|---|---|---|---|
beyaz | #ffff 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 | |
bordo | #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 | |
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%) | Menekşe |
RGB ile
internet gezgini | 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 olarak 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 edilebilirken %100, 255 sayısına karşılık gelir. Önce rgb anahtar sözcüğü belirtilir ve ardından renk bileşenleri belirlenir. parantez içinde belirtilir ve virgülle ayrılır, örneğin rgb(255 , 128, 128) veya rgb(100%, %50, %50).
RGBA
internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA formatı, sözdiziminde RGB'ye benzer, ancak öğenin şeffaflığını ayarlayan bir alfa kanalı içerir. 0 değeri tamamen saydamdır, 1 opaktır ve 0,5 gibi bir ara değer yarı saydamdır.
RGBA, CSS3'e eklenir, bu nedenle CSS kodunun doğrulaması bu sürüme göre yapılmalıdır. CSS3 standardının hala geliştirilme aşamasında olduğunu ve bazı özelliklerinin değişebileceğini belirtmek gerekir. Örneğin, arka plan rengi özelliğine eklenen bir RGB rengi doğrulamayı geçer, ancak arka plan özelliğine eklenen bir renk doğrulamadan geçer. Aynı zamanda, tarayıcılar her iki özellik için de rengi oldukça doğru bir şekilde anlar.
HSL
internet gezgini | 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 (hue), Saturate (doygunluk) ve Lightness (hafiflik) baş harflerinin birleşiminden oluşur. Ton, renk çarkındaki renk değeridir (Şek. 1) ve derece olarak 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 çarkı
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 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. 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
internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formatı, sözdiziminde HSL'ye benzer, ancak öğenin şeffaflığını ayarlayan bir alfa kanalı içerir. 0 değeri tamamen saydamdır, 1 opaktır ve 0,5 gibi bir ara değer yarı saydamdır.
RGBA, HSL ve HSLA formatlarındaki renk değerleri CSS3'e eklenir, bu nedenle bu formatları kullanırken kodun sürümle 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 hesaplama yöntemlerine dayanmaktadır. Yazarlar, bunları kullanırken güvenliğinizi garanti etmez ve sonuç için herhangi bir sorumluluk kabul etmez. Unutmayın, aslan bir avcı ve tehlikeli bir hayvandır!
Bu örneğin sonucu Şekil l'de gösterilmiştir. 2.
Pirinç. 2. Web sayfasındaki renkler