>>Rəng idarə edilməsi
Hexadecimal RGB rəng dəyərləri
Rəngi təsvir etmək və emal etmək üsulları bir-birindən hansı son təqdimat üçün nəzərdə tutulduğuna görə fərqlənir. Məsələn, çap və kompüter monitorları üçün rənglərin təsvirini müqayisə edək. Birinci halda, əsas götürülür ağüç əsas rəngin sonradan tətbiq olunduğu kağızın rəngi: mavi, bənövşəyi Və sarı. Bir-biri ilə və müxtəlif nisbətlərdə kağızın ağ rəngi ilə qarışan bu üç əsas rəng, saf qara istisna olmaqla, müxtəlif rəng çalarları verir və ya boyalar tamamilə olmadıqda ağ kağız verirlər. Onlara qara rəng əlavə etsək, alırıq CMYK-ağdan çatışmayan rəngləri çıxmaqla tələb olunan rəng alındıqda rəngin ötürülməsi üsulu.
İkinci halda, əsas götürülür qara monitor ekranının rəngi, hər bir hüceyrə üç rəngdən birində parlayır: qırmızı-qırmızı, yaşıl-yaşıl və mavi-mavi. Sonra, hər hansı bir parıltının tam olmaması ilə, biz təmiz qara ekran rəngini alırıq və tələb olunan rənglərdən hər hansı biri üç rəngin hər birinin nisbəti ilə verilir. Bu vəziyyətdə alacağıq RGB-rəng ötürmə üsulu. Əsas rənglər arasında dəyişə bilər 0
əvvəl 255
, ya da 0%
əvvəl 100%
, və ya onaltılıq dəyər kimi göstərilə bilər. Aşağıdakı şəkildə siz əsas rənglərin qarışdırılmasının nəticələrini görə bilərsiniz.
Onaltılıq say sistemi, onluq say sistemindən fərqli olaraq, on deyil, on altı rəqəmə malikdir - buna görə də ad. Buna görə, yalnız iki rəqəmin birləşməsinin təkrarlanmayan variantları ola bilər - 256 , sonra ədədlər seriyasını davam etdirmək üçün 9 gələn məktublar Aəvvəl F, buna görə də seriya belə görünəcək -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Bu halda, rəng hər biri iki rəqəmdən ibarət olan üç onaltılıq rəqəmlə müəyyən edilir. Birinci rəqəm intensivliyi müəyyənləşdirir qırmızı rənglər, orta- yaşıl, son şey - mavi rənglər. Bütün nömrələr diapazonda qiymət ala bilər 00 əvvəl FF(0-dan 255-ə qədər). Məsələn: yaşıl rəng kimi verilir #00FF00, qırmızı kimi #FF0000, mavi - kimi #0000FF, ağ kimi #FFFFFF, rəngin tam olmaması və ya qara olaraq verilir #000000 .
Aşağıdakı formada üç rəngin hər biri üçün istənilən onaltılıq dəyərləri təyin edə və çıxış sahəsinə klikləməklə onların qarışdırılmasının nəticəsini görə bilərsiniz.
Bəzi onaltılıq RGB rəng dəyərlərinə nümunələr: qırmızı, mavi və yaşıl rənglərin dərəcələri.
görünüşü | kod | görünüşü | kod | görünüşü | kod | görünüşü | kod | görünüşü | kod | görünüşü | 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 |
Simli hərflərdən istifadə edərək rəngin müəyyən edilməsi
İstifadə rahatlığı üçün bəzi rənglərə və onların birləşmələrinə bütün brauzerlər tərəfindən tanınan adlar verildi və onların bir çoxunu adla təyin etmək mümkün oldu. Aşağıdakı cədvəl bəzi rəng adlarını göstərir:
görünüşü | ad | görünüşü | ad | görünüşü | ad | görünüşü | ad |
Ağ | Qırmızı | Narıncı | Sarı | ||||
Yaşıl | Mavi | Bənövşəyi | Qara | ||||
Aliceblue | Antik ağ | Aqua | Akuamarin | ||||
Azure | bej | Biskvit | Blanchedalmond | ||||
Mavi bənövşəyi | Qəhvəyi | Burlywood | Cadet mavi | ||||
Chartreuse | şokolad | Mərcan | qarğıdalı mavi | ||||
qarğıdalı ipək | Qırmızı | Cyan | Tünd göy | ||||
Darkcyan | Qara qızılbaş | Tünd Boz | Tünd-yaşıl | ||||
Darkhaki | Darkmagenta | tünd yaşıl | Qarancı | ||||
Qaraqorxid | Tünd Qırmızı | Qara qızılbalıq | Qara dəniz yaşıl | ||||
Tünd mavi | Darkslategray | Tünd firuzəyi | Tünd bənövşəyi | ||||
Tünd çəhrayı | Tünd göy | Dimgray | Dodgerblue | ||||
Od kərpic | Çiçəkli ağ | Meşəli | Fuschia | ||||
Gainsboro | Ghostwhite | Qızıl | Qızıl çubuq | ||||
Boz | Yaşıl sarı | Bal şüyüdü | Hotpink | ||||
Hind qırmızı | İndiqo | Fil sümüyü | Xaki | ||||
Lavanda | Lavanda ənliyi | Limonşifon | Açıq mavi | ||||
Açıq mərcan | Lightcyan | Açıq-soyuq sarı | Açıq yaşıl | ||||
Açıq boz | Açıq çəhrayı | Açıq qızılbalıq | Açıq dəniz yaşıl | ||||
Açıq göy | İşıqlı çınqıl | Açıq polad mavi | Açıq-sarı | ||||
Əhəng | Əhəng yaşılı | Kətan | Magenta | ||||
Maroon | Mediumaquamarine | Orta mavi | Orta orxideya | ||||
Orta bənövşəyi | Orta dəniz yaşıl | Orta mavi | Orta yaz yaşıl | ||||
Orta firuzəyi | Orta bənövşəyi | Gecə yarısı mavi | Nanə kremi | ||||
mistiroz | Navajowhite | Dəniz | Köhnəlik | ||||
Zeytun | Oliverab | Narıncı | səhləb | ||||
Palegoldenrod | solğun yaşıl | Palitraturkuaz | Palevioletred | ||||
Papaya qamçı | Şaftalı puf | Peru | Çəhrayı | ||||
gavalı | Pudra mavisi | çəhrayı qəhvəyi | Kral mavisi | ||||
Saddlebrown | Dəniz yaşıl | Dəniz qabığı | Sienna | ||||
Gümüş | Göy mavisi | Slayt mavisi | Slategrey | ||||
qar | Bahar yaşılı | Polad mavi | Tan | ||||
Mavi | Thistle | Pomidor | Firuzəyi | ||||
Bənövşə | buğda | Ağ tüstü | Sarıyaşıl |
Təhlükəsiz rəng palitrasından istifadə
Təəssüf ki, fərqli platformalarda, fərqli sistem parametrləri ilə düzgün rəng bərpası problemdir. Məsələ burasındadır ki, brauzer həmişə rəngləri müstəqil şəkildə qarışdırmaqla və onları əvəz etməklə sənədin rəng palitrasını sistem parametrlərinə və monitor imkanlarına uyğunlaşdırmağa çalışır. Nəticədə bəzən istifadəçi vebmasterin ona nə göstərmək istədiyini tam olaraq görmür. Bu vəziyyətdən çıxış yolu, hər bir rəngin müxtəlif platformalarda bütün brauzerlər tərəfindən bərabər şəkildə göstərilməsinə zəmanət verilən palitranın istifadəsində tapıldı. Bu sözdə zəmanət verilir palitrası da deyilir təhlükəsiz palitrası. Bu palitraya rəng komponentləri aşağıdakı dəyərləri alan rənglər daxildir: 00 ,33 ,66 ,99 , CC,FF, bütün mümkün yollarla 216 onların birləşmələri.
görünüşü | kod | görünüşü | kod | görünüşü | kod | görünüşü | kod | görünüşü | kod | görünüşü | 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 |
Vlad Merzheviç
HTML-də rəng iki yoldan biri ilə təyin olunur: onaltılıq koddan istifadə etməklə və müəyyən rənglərin adı ilə. Onaltılıq say sisteminə əsaslanan üsul ən universal olduğu üçün əsasən istifadə olunur.
Hexadecimal rənglər
HTML rəngləri təyin etmək üçün onaltılıq rəqəmlərdən istifadə edir. Onaltılıq sistem, onluq sistemdən fərqli olaraq, adından göründüyü kimi, 16 rəqəminə əsaslanır. Rəqəmlər aşağıdakı kimi olacaq: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10-dan 15-ə qədər rəqəmlər latın hərfləri ilə əvəz olunur. Cədvəldə 6.1 onluq və onaltılıq ədədlər arasındakı uyğunluğu göstərir.
Onaltılıq sistemdə 15-dən böyük ədədlər iki ədədi birləşdirməklə əmələ gəlir (Cədvəl 6.2). Məsələn, onluqda 255 rəqəmi onaltılıq sistemdə FF rəqəminə uyğun gəlir.
Say sistemini təyin edərkən çaşqınlığın qarşısını almaq üçün onaltılıq nömrədən əvvəl # hash simvolu qoyulur, məsələn #aa69cc. Bu halda işin əhəmiyyəti yoxdur, ona görə də #F0F0F0 və ya #f0f0f0 yazmaq icazəlidir.
HTML-də istifadə olunan tipik rəng belə görünür.
Burada veb səhifənin fon rəngi #FA8E47 olaraq təyin olunub. Rəqəmin qarşısında # hash simvolu onun onaltılıq olduğunu bildirir. İlk iki rəqəm (FA) rəngin qırmızı komponentini, üçüncü-dördüncü rəqəmlər (8E) yaşıl komponenti, son iki rəqəm (47) isə mavi komponenti müəyyənləşdirir. Son nəticə bu rəng olacaq.
F.A. | + | 8E | + | 47 | = | FA8E47 |
Üç rəngin hər biri - qırmızı, yaşıl və mavi - 00-dan FF-ə qədər dəyərlər qəbul edə bilər, nəticədə cəmi 256 çalar əldə edilir. Beləliklə, rənglərin ümumi sayı 256x256x256 = 16.777.216 birləşmə ola bilər. Qırmızı, yaşıl və mavi komponentlərə əsaslanan rəng modeli RGB adlanır (qırmızı, yaşıl, mavi; qırmızı, yaşıl, mavi). Bu model əlavədir (əlavə et - əlavə et), burada hər üç komponentin əlavə edilməsi ağ rəngi əmələ gətirir.
Onaltılıq rənglərdə naviqasiyanı asanlaşdırmaq üçün bəzi qaydaları nəzərə alın.
- Rəng komponentlərinin dəyərləri eyni olarsa (məsələn: #D6D6D6), nəticə boz rəng olacaq. Rəqəm nə qədər böyükdürsə, rəng daha açıq olur, dəyərlər #000000 (qara) ilə #FFFFFF (ağ) arasında dəyişir.
- Qırmızı komponent maksimum (FF) edilərsə və qalan komponentlər sıfıra qoyularsa, parlaq qırmızı rəng yaranır. #FF0000 dəyəri olan rəng mümkün olan ən qırmızı qırmızı kölgədir. Eyni şey yaşıl (#00FF00) və mavi (#0000FF) üçün də keçərlidir.
- Sarı (#FFFF00) qırmızı və yaşılı qarışdırmaqla hazırlanır. Bu, əsas rəngləri (qırmızı, yaşıl, mavi) və tamamlayıcı və ya əlavə olanları təqdim edən rəng çarxında (Şəkil 6.1) aydın görünür. Bunlara sarı, mavi və bənövşəyi (həmçinin magenta adlanır) daxildir. Ümumiyyətlə, ona yaxın rəngləri qarışdırmaqla istənilən rəng əldə etmək olar. Beləliklə, mavi və yaşıl rəngləri birləşdirərək mavi (#00FFFF) əldə edilir.
düyü. 6.1. Rəng dairəsi
Onaltılıq dəyərlərə əsaslanan rənglərin empirik olaraq seçilməsinə ehtiyac yoxdur. Bu məqsədlə müxtəlif rəng modelləri ilə işləyə bilən qrafik redaktor, məsələn, Adobe Photoshop uyğun gəlir. Şəkildə. Şəkil 6.2 bu proqramda rəng seçmək üçün pəncərəni göstərir, nəticədə cari rəngin onaltılıq dəyəri sətirlə təsvir edilmişdir; Siz onu kopyalayıb kodunuza yapışdıra bilərsiniz.
düyü. 6.2. Photoshop-da rəng seçmək üçün pəncərə
Veb rəngləri
Monitorun rəng göstərmə keyfiyyətini 8 bitə (256 rəng) təyin etsəniz, eyni rəng müxtəlif brauzerlərdə fərqli şəkildə göstərilə bilər. Bu, brauzerin öz palitrası ilə işlədiyi və palitrasında olmayan rəngi göstərə bilmədiyi zaman qrafiklərin göstərilmə üsulu ilə bağlıdır. Bu halda, rəng verilmiş olanı təqlid edən digər, ona yaxın olan piksellərin birləşməsi ilə əvəz olunur. Rəngin müxtəlif brauzerlərdə eyni qalmasını təmin etmək üçün veb rəngləri adlanan palitrası təqdim edildi. Veb rəngləri hər bir komponentin - qırmızı, yaşıl və mavinin altı dəyərdən birinə təyin edildiyi rənglərdir - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Bu komponentin hexadecimal dəyəri mötərizədə göstərilmişdir. Bütün mümkün birləşmələrdən rənglərin ümumi sayı 6x6x6 - 216 rəng verir. Nümunə veb rəngi #33FF66-dır.
Veb rənginin əsas xüsusiyyəti bütün brauzerlərdə eyni görünməsidir. Hazırda monitorların keyfiyyətinin yaxşılaşması və onların imkanlarının genişlənməsi səbəbindən veb rənglərinin aktuallığı çox azdır.
Adı ilə rənglər
Rəqəmlər toplusunu xatırlamaq məcburiyyətində qalmamaq üçün əvəzinə tez-tez istifadə olunan rənglərin adlarından istifadə edə bilərsiniz. Cədvəldə 6.3 məşhur rəng adlarının adlarını göstərir.
Rəng adı | Rəng | Təsvir | Onaltılıq dəyər |
---|---|---|---|
qara | Qara | #000000 | |
mavi | Mavi | #0000FF | |
fuşya | Açıq bənövşəyi | #FF00FF | |
Boz | Tünd boz | #808080 | |
yaşıl | Yaşıl | #008000 | |
əhəng | Açıq yaşıl | #00FF00 | |
tünd qırmızı | Tünd Qırmızı | #800000 | |
donanma | Tünd göy | #000080 | |
zeytun | Zeytun | #808000 | |
bənövşəyi | Tünd bənövşəyi | #800080 | |
qırmızı | Qırmızı | #FF0000 | |
gümüş | Açıq boz | #C0C0C0 | |
mavi | Mavi yaşıl | #008080 | |
ağ | Ağ | #FFFFFF | |
sarı | Sarı | #FFFF00 |
Rəngi adı ilə və ya onaltılıq rəqəmlərdən istifadə etməklə təyin etməyiniz fərq etmir. Bu üsullar təsir baxımından bərabərdir. Nümunə 6.1 veb səhifənin fonunun və mətn rənglərinin necə təyin olunacağını göstərir.
Misal 6.1. Fon və mətn rəngi
Nümunə mətn
Bu misalda fon rəngi etiketin bgcolor atributundan istifadə etməklə təyin edilir
, və mətn atributu vasitəsilə mətn rəngi. Müxtəliflik üçün mətn atributu onaltılıq rəqəmə, bgcolor atributu isə qorunan teal açar sözünə təyin edilir.Rəngləri təyin etmək üçün onaltılıq ədədlərdən istifadə olunur. Onaltılıq sistem, onluq sistemdən fərqli olaraq, adından göründüyü kimi, 16 rəqəminə əsaslanır. Rəqəmlər aşağıdakı kimi olacaq: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10-dan 15-ə qədər rəqəmlər latın hərfləri ilə əvəz olunur. Onaltılıq sistemdə 15-dən böyük ədədlər iki ədədi birləşdirməklə əmələ gəlir. Məsələn, onluqda 255 rəqəmi onaltılıq sistemdə FF rəqəminə uyğun gəlir. Say sistemini təyin edərkən çaşqınlığın qarşısını almaq üçün onaltılıq ədəddən əvvəl # hash simvolu qoyulur, məsələn #666999. Üç rəngin hər biri - qırmızı, yaşıl və mavi - 00-dan FF-ə qədər dəyərlər qəbul edə bilər. Beləliklə, rəng simvolu üç komponentə bölünür #rrggbb, burada ilk iki simvol rəngin qırmızı komponentini, orta ikisi yaşıl, sonuncu ikisi isə mavi rəngi göstərir. Qısaldılmış #rgb formasından istifadə etməyə icazə verilir, burada hər bir simvol ikiqat olmalıdır. Beləliklə, #fe0 girişi #ffee00 kimi qəbul edilməlidir.
Adı ilə
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Brauzerlər bəzi rəngləri adlarına görə dəstəkləyirlər. Cədvəldə 1 adlar, onaltılıq kod, RGB, HSL dəyərləri və təsviri göstərir.
ad | Rəng | Kod | RGB | HSL | Təsvir |
---|---|---|---|---|---|
ağ | #ffffff və ya #fff | rgb(255,255,255) | hsl(0.0%,100%) | Ağ | |
gümüş | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | Boz | |
Boz | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | Tünd boz | |
qara | #000000 və ya #000 | rgb(0,0,0) | hsl(0.0%,0%) | Qara | |
tünd qırmızı | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | Tünd Qırmızı | |
qırmızı | #ff0000 və ya #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Qırmızı | |
narıncı | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Narıncı | |
sarı | #ffff00 və ya #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Sarı | |
zeytun | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Zeytun | |
əhəng | #00ff00 və ya #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Açıq yaşıl | |
yaşıl | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Yaşıl | |
aqua | #00ffff və ya #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Mavi | |
mavi | #0000ff və ya #00f | rgb(0,0,255) | hsl(240,100%,50%) | Mavi | |
donanma | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Tünd göy | |
mavi | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Mavi yaşıl | |
fuşya | #ff00ff və ya #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Çəhrayı | |
bənövşəyi | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Bənövşə |
RGB istifadə
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Siz qırmızı, yaşıl və mavi dəyərlərdən istifadə edərək rəngi onluq ifadələrlə təyin edə bilərsiniz. Üç rəng komponentinin hər biri 0-dan 255-ə qədər qiymət alır. Rəngi faizlə, 100% 255 rəqəminə uyğun olaraq təyin etməyə də icazə verilir. Əvvəlcə rgb açar sözünü göstərin, sonra isə mötərizədə rəng komponentlərini göstərin. , vergüllə ayrılır, məsələn rgb(255 , 128, 128) və ya rgb(100%, 50%, 50%).
RGBA
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA formatı sintaksis baxımından RGB-yə bənzəyir, lakin elementin şəffaflığını təyin edən alfa kanalını ehtiva edir. 0 dəyəri tam şəffafdır, 1 qeyri-şəffafdır və 0,5 kimi aralıq dəyər yarı şəffafdır.
RGBA CSS3-ə əlavə edilib, ona görə də CSS kodu bu versiyaya qarşı təsdiqlənməlidir. Qeyd edək ki, CSS3 standartı hələ inkişaf mərhələsindədir və bəzi funksiyalar dəyişə bilər. Məsələn, fon rəngi xüsusiyyətinə əlavə edilmiş RGB formatında rəng təsdiqlənir, lakin fon xassəsinə əlavə edilən rəng artıq etibarlı deyil. Eyni zamanda, brauzerlər hər iki xüsusiyyət üçün rəngi olduqca düzgün başa düşürlər.
HSL
internet Explorer | Chrome | 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 (rəng), Saturate (doyma) və Lightness (yüngüllük) ilk hərflərinin birləşməsindən yaranmışdır. Hue rəng çarxındakı rəng dəyəridir (şək. 1) və dərəcələrlə verilir. 0° qırmızıya, 120° yaşıla və 240° maviyə uyğundur. Rəng dəyəri 0-dan 359-a qədər dəyişə bilər.
düyü. 1. Rəng çarxı
Doyma rəngin intensivliyidir və 0%-dən 100%-ə qədər faizlə ölçülür. 0% dəyəri rəngin olmadığını və boz bir kölgə olduğunu göstərir, 100% doyma üçün maksimum dəyərdir.
Yüngüllük rəngin nə qədər parlaq olduğunu müəyyənləşdirir və 0%-dən 100%-ə qədər faizlə müəyyən edilir. Aşağı dəyərlər rəngi daha tünd edir, yüksək dəyərlər isə 0% və 100% ifrat dəyərləri qara və ağa uyğunlaşdırır;
HSLA
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formatı sintaksis baxımından HSL-ə bənzəyir, lakin elementin şəffaflığını təyin etmək üçün alfa kanalını ehtiva edir. 0 dəyəri tam şəffafdır, 1 qeyri-şəffafdır və 0,5 kimi aralıq dəyər yarı şəffafdır.
RGBA, HSL və HSLA rəng dəyərləri CSS3-ə əlavə olunur, ona görə də bu formatlardan istifadə edərkən versiyanın etibarlılığı üçün kodunuzu yoxlayın.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Xəbərdarlıq
Saytda sadalanan bütün aslan tutma üsulları nəzəri xarakter daşıyır və hesablama metodlarına əsaslanır. Müəlliflər onlardan istifadə edərkən təhlükəsizliyinizə zəmanət vermir və nəticələrə görə məsuliyyət daşımır. Unutmayın, şir yırtıcı və təhlükəli heyvandır!
Bu nümunənin nəticəsi Şəkildə göstərilmişdir. 2.
düyü. 2. Veb səhifədəki rənglər
HTML-də rəng üç yolla təyin edilə bilər:
HTML-də adı ilə rəng təyin etmək
Bəzi rənglər ingilis dilindəki rəng adından dəyər kimi istifadə etməklə öz adları ilə müəyyən edilə bilər. Ən çox yayılmış açar sözlər: qara, ağ, qırmızı, yaşıl, mavi və s.:
Mətnin rəngi - qırmızı
World Wide Web Consortium (W3C) standartının ən populyar rəngləri:
Rəng | ad | Rəng | ad | Rəng | ad | Rəng | ad |
---|---|---|---|---|---|---|---|
Qara | Boz | Gümüş | Ağ | ||||
Sarı | Əhəng | Aqua | fuşya | ||||
Qırmızı | Yaşıl | Mavi | Bənövşəyi | ||||
Maroon | Zeytun | Dəniz | Mavi |
Müxtəlif rəng adlarından istifadə nümunəsi:
Misal: adı ilə rəngin təyin edilməsi
- Özünüz cəhd edin"
Qırmızı fonda başlıq
Narıncı fonda başlıq
Əhəng fonunda başlıq
Mavi fonda ağ mətn
Qırmızı fonda başlıq
Narıncı fonda başlıq
Əhəng fonunda başlıq
Mavi fonda ağ mətn
RGB istifadə edərək rəngin müəyyən edilməsi
Monitorda müxtəlif rəngləri göstərərkən RGB palitrası əsas götürülür. İstənilən rəng üç əsası qarışdırmaqla əldə edilir: R - qırmızı, G - yaşıl, B - mavi. Hər rəngin parlaqlığı bir baytla verilir və buna görə də 0-dan 255-ə qədər dəyərlər qəbul edə bilər. Məsələn, RGB(255,0,0) qırmızı kimi göstərilir, çünki qırmızı ən yüksək qiymətə (255) təyin edilir və qalan 0 olaraq təyin olunub Siz həmçinin rəngi faiz olaraq təyin edə bilərsiniz. Hər bir parametr müvafiq rəngin parlaqlıq səviyyəsini göstərir. Məsələn: rgb(127, 255, 127) və rgb(50%, 100%, 50%) dəyərləri eyni orta yaşıl rəngi təyin edəcək:
Misal: RGB-dən istifadə edərək Rəngin müəyyən edilməsi
- Özünüz cəhd edin"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Rəngi onaltılıq dəyərlə təyin edin
Dəyərlər R G B formada onaltılıq (HEX) rəng dəyərlərindən istifadə etməklə də müəyyən edilə bilər: #RRGGBB burada RR (qırmızı), GG (yaşıl) və BB (mavi) 00-dan FF-ə (onluq 0-255 ilə eyni) onaltılıq dəyərlərdir ) . Onaltılıq sistem, onluq sistemdən fərqli olaraq, adından göründüyü kimi, 16 rəqəminə əsaslanır. Onaltılıq sistem aşağıdakı işarələrdən istifadə edir: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Burada 10-dan 15-ə qədər olan rəqəmlər latın hərfləri ilə əvəz olunur. Onaltılıq sistemdə 15-dən böyük rəqəmlər iki simvolu bir dəyərdə birləşdirməklə təmsil olunur. Məsələn, onluqda ən yüksək 255 rəqəmi onaltılıq sistemdə ən yüksək FF dəyərinə uyğundur. Onluq sistemdən fərqli olaraq, onaltılıq ədəddən əvvəl hash simvolu gəlir. # , məsələn, #FF0000 qırmızı kimi göstərilir, çünki qırmızı ən yüksək dəyərə (FF), qalan rənglər isə minimum dəyərinə (00) təyin edilmişdir. Hash simvolundan sonra işarələr # Siz həm böyük, həm də kiçik hərflərlə yaza bilərsiniz. Hexadecimal sistem qısaldılmış #rgb formasından istifadə etməyə imkan verir, burada hər simvol ikiyə bərabərdir. Beləliklə, #f7O girişi #ff7700 kimi qəbul edilməlidir.
Misal: HEX Rəngi
- Özünüz cəhd edin"
qırmızı: #FF0000
yaşıl: #00FF00
mavi: #0000FF
qırmızı: #FF0000
yaşıl: #00FF00
mavi: #0000FF
qırmızı+yaşıl=sarı: #FFFF00
qırmızı+mavi=bənövşəyi: #FF00FF
yaşıl+mavi=siyan: #00FFFF
Ümumi rənglərin siyahısı (ad, HEX və RGB):
İngilis adı | Rus adı | Nümunə | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Amaranth | #E52B50 | 229 | 43 | 80 | |
Ənbər | Ənbər | #FFBF00 | 255 | 191 | 0 | |
Aqua | Mavi yaşıl | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Qara | Qara | #000000 | 0 | 0 | 0 | |
Mavi | Mavi | #0000FF | 0 | 0 | 255 | |
Bondi Mavi | Bondi çimərlik suyu | #0095B6 | 0 | 149 | 182 | |
Pirinç | Pirinç | #B5A642 | 181 | 166 | 66 | |
Qəhvəyi | Qəhvəyi | #964B00 | 150 | 75 | 0 | |
Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
Tünd bahar yaşıl | Tünd bahar yaşıl | #177245 | 23 | 114 | 69 | |
Zümrüd | Zümrüd | #50C878 | 80 | 200 | 120 | |
Badımcan | Badımcan | #990066 | 153 | 0 | 102 | |
fuşya | fuşya | #FF00FF | 255 | 0 | 255 | |
Qızıl | Qızıl | #FFD700 | 250 | 215 | 0 | |
Boz | Boz | #808080 | 128 | 128 | 128 | |
Yaşıl | Yaşıl | #00FF00 | 0 | 255 | 0 | |
İndiqo | İndiqo | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
Əhəng | Əhəng | #CCFF00 | 204 | 255 | 0 | |
malaxit | malaxit | #0BDA51 | 11 | 218 | 81 | |
Dəniz | Tünd göy | #000080 | 0 | 0 | 128 | |
Ocher | Ocher | #CC7722 | 204 | 119 | 34 | |
Zeytun | Zeytun | #808000 | 128 | 128 | 0 | |
Narıncı | Narıncı | #FFA500 | 255 | 165 | 0 | |
Şaftalı | Şaftalı | #FFE5B4 | 255 | 229 | 180 | |
Balqabaq | Balqabaq | #FF7518 | 255 | 117 | 24 | |
Bənövşəyi | Bənövşə | #800080 | 128 | 0 | 128 | |
Qırmızı | Qırmızı | #FF0000 | 255 | 0 | 0 | |
zəfəran | zəfəran | #F4C430 | 244 | 196 | 48 | |
Dəniz Yaşıl | Yaşıl dəniz | #2E8B57 | 46 | 139 | 87 | |
Bataqlıq yaşıl | Bolotnıy | #ACB78E | 172 | 183 | 142 | |
Mavi | Mavi yaşıl | #008080 | 0 | 128 | 128 | |
Ultramarine | Ultramarine | #120A8F | 18 | 10 | 143 | |
Bənövşə | Bənövşə | #8B00FF | 139 | 0 | 255 | |
Sarı | Sarı | #FFFF00 | 255 | 255 | 0 |
Doyma və çalarlara görə rəng kodları (fon).
Minecraft kodları rənglər, və ya Minecraft kodlar formatlaşdırma, hər hansı bir oyunçuya çiçəklər əlavə etmək və mətni hər cür şəkildə birbaşa Minecraft-da formatlamağa icazə verin. Rəng kodları&0-9 -dan &a-f. Onları mətndən əvvəl əlavə edin. Oyunçuların mesajlarında cümlələrinizə rəng əlavə etməyə imkan verən rəng kodları ola bilər.
Rənglər və formatlaşdırma kodları
Mesajlarda onaltılıq rəqəmin ardınca gələn və işarəsi (&) mətni göstərərkən müştəriyə rəngləri dəyişdirmək üçün siqnal verir. Bundan əlavə, mətn & hərfi ilə formatlana bilər. Kitablara, komanda bloklarına, server adına, server təsvirinə (motd), dünya adlarına, işarələrə və hətta oyunçu adlarına müxtəlif rənglər əlavə edə bilərsiniz.
Aşağıdakı rəng cədvəlindən istifadə edərək mətninizi konfiqurasiyalarda və ya oyunda formatlaşdırmaq çox asandır. &r bütün kodları sıfırlamaq üçün istifadə olunur, yəni. &mAAA&rBBB AAA BBB olaraq göstəriləcək.
Rahatlığınız üçün Minecraft-da mövcud rəng kodlarının cədvəlini təqdim edirik:
Kod | ad | Texniki Adı | Simvol rəngi | Simvol kölgə rəngi | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Qara | qara | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tünd göy | Tünd göy | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Tünd-yaşıl | Tünd-yaşıl | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tünd göy-yaşıl | qaranlıq_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Tünd Qırmızı | Tünd Qırmızı | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tünd bənövşəyi | tünd_bənövşəyi | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Qızıl | qızıl | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Boz | Boz | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tünd boz | Tünd Boz | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Mavi | mavi | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | Yaşıl | yaşıl | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Mavi yaşıl | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
və s | Qırmızı | qırmızı | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Açıq bənövşəyi | açıq_bənövşəyi | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Sarı | sarı | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Ağ | ağ | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Bəzən lazım olur altından xətt çəkmək, xətt çəkmək, vurğulamaq istənilən mətn. Bu, mətn formatından istifadə etməklə edilir. Rənglərlə eyni şəkildə istifadə olunur (mətnin əvvəlinə qoyuruq kod, məsələn &lMinecraft = Minecraft.
Rahatlığınız üçün aşağıda formatlaşdırma kodları cədvəli verilmişdir:
Kod | ad |
---|---|
&k | Sehrli mətn |
&l | Miniatür |
&m | Üzəri xəttli mətn |
&n | Altı xətt çəkilmiş mətn |
&o | Kursiv mətn |
&r | Formatlaşdırmadan mətn |