Nombor perenambelasan digunakan untuk menentukan warna. Sistem perenambelasan, tidak seperti sistem perpuluhan, berdasarkan, seperti namanya, pada nombor 16. Nombornya adalah seperti berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Nombor dari 10 hingga 15 digantikan dengan huruf Latin. Nombor lebih daripada 15 dalam sistem perenambelasan dibentuk dengan menggabungkan dua nombor menjadi satu. Sebagai contoh, nombor 255 dalam perpuluhan sepadan dengan nombor FF dalam perenambelasan. Untuk mengelakkan kekeliruan dalam menentukan sistem nombor, simbol cincang # diletakkan sebelum nombor perenambelasan, contohnya #666999. Setiap satu daripada tiga warna - merah, hijau dan biru - boleh mengambil nilai dari 00 hingga FF. Oleh itu, simbol warna dibahagikan kepada tiga komponen #rrggbb, di mana dua simbol pertama menunjukkan komponen merah warna, dua tengah - hijau, dan dua terakhir - biru. Ia dibenarkan menggunakan bentuk singkatan #rgb, di mana setiap aksara perlu digandakan. Oleh itu, entri #fe0 harus dianggap sebagai #ffee00.
Dengan nama
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Pelayar menyokong beberapa warna dengan nama mereka. Dalam jadual 1 menunjukkan nama, kod perenambelasan, RGB, nilai HSL dan huraian.
Nama | Warna | Kod | RGB | HSL | Penerangan |
---|---|---|---|---|---|
putih | #ffffff atau #fff | rgb(255,255,255) | hsl(0.0%,100%) | putih | |
perak | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | Kelabu | |
kelabu | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | Kelabu gelap | |
hitam | #000000 atau #000 | rgb(0,0,0) | hsl(0.0%,0%) | Hitam | |
merah marun | #800000 | rgb(128,0,0) | hsl(0.100%,25%) | Merah gelap | |
merah | #ff0000 atau #f00 | rgb(255,0,0) | hsl(0,100%,50%) | merah | |
oren | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Jingga | |
kuning | #ffff00 atau #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Kuning | |
buah zaitun | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Zaitun | |
kapur | #00ff00 atau #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Lampu hijau | |
hijau | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | hijau | |
aqua | #00ffff atau #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Biru | |
biru | #0000ff atau #00f | rgb(0,0,255) | hsl(240,100%,50%) | Biru | |
tentera laut | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Biru gelap | |
teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Biru Hijau | |
fuchsia | #ff00ff atau #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Merah jambu | |
ungu | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violet |
Menggunakan RGB
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Anda boleh menentukan warna menggunakan nilai merah, hijau dan biru dalam sebutan perpuluhan. Setiap daripada tiga komponen warna mengambil nilai dari 0 hingga 255. Ia juga dibenarkan untuk menentukan warna sebagai peratusan, dengan 100% sepadan dengan nombor 255. Mula-mula, nyatakan kata kunci rgb, dan kemudian nyatakan komponen warna dalam kurungan , dipisahkan dengan koma, contohnya rgb(255 , 128, 128) atau 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+ |
Format RGBA adalah serupa dalam sintaks kepada RGB, tetapi termasuk saluran alfa yang menentukan ketelusan elemen. Nilai 0 adalah telus sepenuhnya, 1 adalah legap dan nilai perantaraan seperti 0.5 adalah separa lutsinar.
RGBA telah ditambahkan pada CSS3, jadi kod CSS mesti disahkan terhadap versi ini. Perlu diingatkan bahawa piawaian CSS3 masih dalam pembangunan dan beberapa ciri mungkin berubah. Contohnya, warna dalam format RGB yang ditambahkan pada sifat warna latar belakang disahkan, tetapi warna yang ditambahkan pada sifat latar belakang tidak lagi sah. Pada masa yang sama, pelayar memahami warna untuk kedua-dua sifat dengan betul.
HSL
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Nama format HSL berasal daripada gabungan huruf pertama Hue (hue), Saturate (tepu) dan Lightness (lightness). Hue ialah nilai warna pada roda warna (Rajah 1) dan diberikan dalam darjah. 0° sepadan dengan merah, 120° kepada hijau, dan 240° kepada biru. Nilai rona boleh berbeza dari 0 hingga 359.
nasi. 1. Roda warna
Ketepuan ialah keamatan warna dan diukur sebagai peratusan dari 0% hingga 100%. Nilai 0% menunjukkan tiada warna dan warna kelabu, 100% ialah nilai maksimum untuk ketepuan.
Kecerahan menentukan kecerahan warna dan dinyatakan sebagai peratusan daripada 0% hingga 100%. Nilai rendah menjadikan warna lebih gelap, dan nilai tinggi menjadikan warna lebih terang; nilai ekstrem 0% dan 100% sepadan dengan hitam dan putih.
HSLA
internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format HSLA adalah serupa dalam sintaks kepada HSL, tetapi termasuk saluran alfa untuk menentukan ketelusan elemen. Nilai 0 adalah telus sepenuhnya, 1 adalah legap dan nilai perantaraan seperti 0.5 adalah separa lutsinar.
Nilai warna RGBA, HSL dan HSLA ditambahkan pada CSS3, jadi sila semak kod anda untuk kesahihan versi apabila menggunakan format ini.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Amaran
Semua kaedah menangkap singa yang disenaraikan di tapak adalah teori dan berdasarkan kaedah pengiraan. Pengarang tidak menjamin keselamatan anda apabila menggunakannya dan menafikan sebarang tanggungjawab untuk hasilnya. Ingat, singa adalah pemangsa dan haiwan berbahaya!
Hasil daripada contoh ini ditunjukkan dalam Rajah. 2.
nasi. 2. Warna pada halaman web
Dalam HTML, warna boleh ditentukan dalam tiga cara:
Menetapkan warna dalam HTML dengan namanya
Sesetengah warna boleh ditentukan mengikut namanya, menggunakan nama warna dalam bahasa Inggeris sebagai nilai. Kata kunci yang paling biasa: hitam, putih, merah, hijau, biru, dsb.:
Warna teks – merah
Warna paling popular bagi piawaian World Wide Web Consortium (W3C):
Warna | Nama | Warna | Nama | Warna | Nama | Warna | Nama |
---|---|---|---|---|---|---|---|
Hitam | kelabu | Perak | putih | ||||
Kuning | kapur | Aqua | Fuchsia | ||||
merah | hijau | Biru | Ungu | ||||
Maroon | Zaitun | Tentera Laut | Teal |
Contoh penggunaan nama warna yang berbeza:
Contoh: menentukan warna dengan namanya
- Cubalah sendiri"
Pengepala pada latar belakang merah
Pengepala pada latar belakang oren
Tajuk pada latar belakang kapur
Teks putih pada latar belakang biru
Pengepala pada latar belakang merah
Pengepala pada latar belakang oren
Tajuk pada latar belakang kapur
Teks putih pada latar belakang biru
Menentukan Warna Menggunakan RGB
Apabila memaparkan warna yang berbeza pada monitor, palet RGB digunakan sebagai asas. Mana-mana warna diperoleh dengan mencampurkan tiga warna asas: R - merah, G - hijau, B - biru. Kecerahan setiap warna diberikan oleh satu bait dan oleh itu boleh mengambil nilai dari 0 hingga 255. Contohnya, RGB(255,0,0) dipaparkan sebagai merah kerana merah ditetapkan kepada nilai tertingginya (255) dan selebihnya ditetapkan kepada 0 Anda juga boleh menetapkan warna sebagai peratusan. Setiap parameter menunjukkan tahap kecerahan warna yang sepadan. Sebagai contoh: nilai rgb(127, 255, 127) dan rgb(50%, 100%, 50%) akan menetapkan warna hijau sederhana yang sama:
Contoh: Menentukan Warna Menggunakan RGB
- Cubalah sendiri"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Tetapkan warna mengikut nilai perenambelasan
Nilai R G B juga boleh ditentukan menggunakan nilai warna perenambelasan (HEX) dalam bentuk: #RRGGBB di mana RR (merah), GG (hijau) dan BB (biru) ialah nilai perenambelasan dari 00 hingga FF (sama dengan perpuluhan 0-255 ). Sistem perenambelasan, tidak seperti sistem perpuluhan, berdasarkan, seperti namanya, pada nombor 16. Sistem perenambelasan menggunakan tanda berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Di sini nombor dari 10 hingga 15 digantikan dengan huruf Latin. Nombor yang lebih besar daripada 15 dalam sistem perenambelasan diwakili dengan menggabungkan dua aksara menjadi satu nilai. Sebagai contoh, nombor tertinggi 255 dalam perpuluhan sepadan dengan nilai FF tertinggi dalam perenambelasan. Tidak seperti sistem perpuluhan, nombor perenambelasan didahului oleh simbol cincang. # , sebagai contoh, #FF0000 ditunjukkan sebagai merah kerana merah ditetapkan kepada nilai tertinggi (FF) dan selebihnya warna ditetapkan kepada nilai minimumnya (00). Tanda selepas simbol cincang # Anda boleh menaip dalam huruf besar dan huruf kecil. Sistem perenambelasan membolehkan anda menggunakan bentuk singkatan #rgb, di mana setiap aksara adalah bersamaan dengan dua kali ganda. Oleh itu, entri #f7O harus dianggap sebagai #ff7700.
Contoh: Warna HEX
- Cubalah sendiri"
merah: #FF0000
hijau: #00FF00
biru: #0000FF
merah: #FF0000
hijau: #00FF00
biru: #0000FF
merah+hijau=kuning: #FFFF00
merah+biru=ungu: #FF00FF
hijau+biru=cyan: #00FFFF
Senarai warna biasa (nama, HEX dan RGB):
nama Inggeris | nama Rusia | Sampel | HEX | RGB | ||
---|---|---|---|---|---|---|
Amaranth | Amaranth | #E52B50 | 229 | 43 | 80 | |
Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
Aqua | Biru Hijau | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Hitam | Hitam | #000000 | 0 | 0 | 0 | |
Biru | Biru | #0000FF | 0 | 0 | 255 | |
Biru Bondi | Air pantai Bondi | #0095B6 | 0 | 149 | 182 | |
Tembaga | Tembaga | #B5A642 | 181 | 166 | 66 | |
coklat | coklat | #964B00 | 150 | 75 | 0 | |
Serulean | Azure | #007BA7 | 0 | 123 | 167 | |
Hijau musim bunga gelap | Hijau musim bunga gelap | #177245 | 23 | 114 | 69 | |
Zamrud | Zamrud | #50C878 | 80 | 200 | 120 | |
Terung | Terung | #990066 | 153 | 0 | 102 | |
Fuchsia | Fuchsia | #FF00FF | 255 | 0 | 255 | |
emas | emas | #FFD700 | 250 | 215 | 0 | |
kelabu | Kelabu | #808080 | 128 | 128 | 128 | |
hijau | hijau | #00FF00 | 0 | 255 | 0 | |
nila | nila | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
kapur | kapur | #CCFF00 | 204 | 255 | 0 | |
Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
Tentera Laut | Biru gelap | #000080 | 0 | 0 | 128 | |
oker | oker | #CC7722 | 204 | 119 | 34 | |
Zaitun | Zaitun | #808000 | 128 | 128 | 0 | |
Jingga | Jingga | #FFA500 | 255 | 165 | 0 | |
pic | pic | #FFE5B4 | 255 | 229 | 180 | |
labu | labu | #FF7518 | 255 | 117 | 24 | |
Ungu | Violet | #800080 | 128 | 0 | 128 | |
merah | merah | #FF0000 | 255 | 0 | 0 | |
Safron | Safron | #F4C430 | 244 | 196 | 48 | |
Laut hijau | Laut hijau | #2E8B57 | 46 | 139 | 87 | |
Hijau paya | Bolotny | #ACB78E | 172 | 183 | 142 | |
Teal | Biru Hijau | #008080 | 0 | 128 | 128 | |
Ultramarine | Ultramarine | #120A8F | 18 | 10 | 143 | |
Violet | Violet | #8B00FF | 139 | 0 | 255 | |
Kuning | Kuning | #FFFF00 | 255 | 255 | 0 |
Kod warna (latar belakang) mengikut ketepuan dan warna.
Seperti yang anda ketahui, warna boleh menjejaskan keadaan seseorang: mental dan fizikal. Setiap hari, semasa melayari laman web di Internet, mata menilai berjuta-juta warna dan rona. Pereka web yang biasa dengan psikologi warna boleh memanipulasi mood pelawat untuk mencapai matlamat tertentu.
Ini disebabkan oleh fakta bahawa beberapa warna tenang, dan beberapa, sebaliknya, mengujakan. Seterusnya kita akan bercakap tentang bagaimana warna disintesis dan dipaparkan menggunakan teknologi komputer.
RGB ialah model warna yang mewakili kaedah mendapatkan semua warna dan warnanya dengan mencampurkan dalam pelbagai perkadaran tiga komponen utama, iaitu:
- Warna merah ( merah);
- warna hijau ( hijau);
- warna biru ( Biru).
Di sinilah asal nama singkatan RGB. Warna-warna ini dipilih sebagai warna utama atas sebab tertentu: sebabnya ialah fisiologi retina mata manusia, dan bagaimana ia melihatnya:
Model RGB kekal paling popular hari ini dan digunakan untuk menghasilkan semula warna pada skrin TV dan monitor komputer. Memandangkan pengeluar memberikan produk mereka dengan ciri yang berbeza, pada tahun 1996 sistem sintesis warna berasaskan RGB bersatu yang dipanggil sRGB telah dicipta, di mana Microsoft dan HP bekerjasama.
Perwakilan berangka warna
Seperti yang dinyatakan sebelum ini, warna RGB terbentuk dengan mencampurkan warna primer. Untuk menerangkan keamatan setiap daripada mereka, skema telah diterima pakai di mana warna diwakili oleh julat 0-255 (8 bit), yang dalam tatatanda heksadesimal sepadan dengan 00-FF.
Iaitu, warna utama akan kelihatan seperti ini:
- Merah – RGB (255,0,0);
- Hijau – RGB (0,255,0);
- Biru – RGB (0,0,255);
Jika keamatan warna mengambil nilai kurang daripada 255, maka warna merah, hijau dan biru yang berbeza diperolehi. Berikut ialah jadual penggredan mereka, serta nilai perenambelasan bagi setiap warna:
Jadual warna RGB
Sememangnya, sebagai tambahan kepada penggredan warna primer, terdapat yang bercampur, dan bilangannya agak besar. Oleh itu, jadual warna RGB telah dicipta, yang membentangkan semua warna sedia ada, serta nama dan perwakilan berangkanya ( dalam bentuk perpuluhan dan perenambelasan).
Anda boleh melihatnya di sini. Jadual ini menjadikan kehidupan lebih mudah untuk pereka web, kerana dalam beberapa saat anda boleh mencari teduhan yang diperlukan dan mengetahui perwakilan berangkanya.
Palet warna RGB selamat
Walau bagaimanapun, pada satu ketika terdapat masalah dengan memaparkan warna dalam pelayar yang berbeza, dan untuk menyelesaikannya, palet warna RGB yang dipanggil "selamat" telah disusun, yang diperolehi oleh pengiraan matematik.
Apabila penyemak imbas tidak dapat memaparkan warna dengan betul, ia akan cuba mendapatkan sesuatu yang hampir dengan apa yang diperlukan dengan mencampurkan warna bersebelahan, dan kemungkinan besar hasilnya tidak boleh diterima sepenuhnya:
Dengan menggunakan kod warna RGB daripada palet ini, pembangun web boleh berasa tenang mengenai paparan warna pada halaman tapak web mereka apabila dilihat menggunakan penyemak imbas, platform dan monitor yang berbeza. Walaupun pada masa ini jadual warna selamat kehilangan kaitannya ( kemajuan teknologi masih tidak berhenti), apabila menggunakannya anda boleh, seperti yang mereka katakan, tidur dengan tenang.
Warna emas dalam model RGB
Perkataan "emas" pertama kali digunakan pada awal abad ke-14 untuk menggambarkan warna unsur kimia yang dipanggil Aurum - emas. Dalam model RGB, warna emas diwakili oleh nilai berangka berikut:
- RGB (255, 215, 0) – sistem perpuluhan;
- HEX #FFD700 – sistem perenambelasan.
Warna kuning air dalam model RGB
Warna kuning air menduduki tempat yang agak penting dalam sejarah, walaupun ia bukan yang paling ekspresif. Banyak monumen kebudayaan, terutamanya arca purba, diperbuat daripada batu sabun dan batu sabun, yang mempunyai warna kuning air. Dalam model RGB, kuning air mempunyai perwakilan angka berikut:
- RGB (245, 245, 220) – sistem perpuluhan;
- HEX #F5F5DC – sistem perenambelasan.
Pada masa kini, terutamanya di World Wide Web, jarang untuk melihat warna yang "membosankan" seperti itu. Pembangun memberi keutamaan kepada reka bentuk yang menarik menggunakan warna-warna terang. Kemajuan teknologi memungkinkan untuk memaparkan sejumlah besar warna pada monitor, yang menjadikan gambar lebih realistik.
baik buruk
Kod Minecraft warna, atau Minecraft kod pemformatan, benarkan mana-mana pemain menambah bunga dan memformat teks dalam setiap cara yang mungkin terus dalam Minecraft. Kod warna dari &0-9 - hingga &a-f. Tambahkannya sebelum teks anda. Mesej daripada pemain boleh mengandungi kod warna yang membolehkan anda menambah warna pada ayat anda.
Warna dan kod pemformatan
Tanda ampersand (&) diikuti dengan nombor perenambelasan dalam mesej memberi isyarat kepada pelanggan untuk menukar warna apabila memaparkan teks. Selain itu, teks boleh diformatkan dengan & diikuti dengan huruf. Anda boleh menambah warna yang berbeza pada buku, blok arahan, nama pelayan, penerangan pelayan (motd), nama dunia, tanda, dan juga nama pemain.
Sangat mudah untuk memformat teks anda dalam konfigurasi atau dalam permainan menggunakan carta warna di bawah. &r digunakan untuk menetapkan semula semua kod, i.e. &mAAA&rBBB akan dipaparkan sebagai AAA BBB.
Kami membentangkan jadual kod warna sedia ada di Minecraft untuk kemudahan anda:
Kod | Nama | Nama Teknikal | Warna simbol | Warna bayang simbol | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | Hex | R | G | B | Hex | |||
&0 | Hitam | hitam | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Biru gelap | biru gelap | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Hijau gelap | hijau gelap | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Biru-hijau gelap | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Merah gelap | merah gelap | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Ungu gelap | ungu gelap | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | emas | emas | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Kelabu | kelabu | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Kelabu gelap | kelabu gelap | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Biru | biru | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | hijau | hijau | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Biru Hijau | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | merah | merah | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Ungu muda | ungu muda | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Kuning | kuning | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | putih | putih | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Kadang-kadang perlu gariskan, potong, sorotan sebarang teks. Ini dilakukan menggunakan pemformatan teks. Ia digunakan dengan cara yang sama seperti warna (kami letakkan sebelum teks kod, contohnya &lMinecraft = Minecraft.
Untuk kemudahan anda, di bawah ialah jadual kod pemformatan:
Kod | Nama |
---|---|
&k | Teks ajaib |
&l | Gambar kecil |
&m | Teks coretan |
&n | Teks bergaris bawah |
&o | Teks miring |
&r | Teks tanpa pemformatan |
Vlad Merzhevich
Dalam HTML, warna ditentukan dalam salah satu daripada dua cara: menggunakan kod perenambelasan dan dengan nama warna tertentu. Kaedah berdasarkan sistem nombor heksadesimal kebanyakannya digunakan, kerana ia adalah yang paling universal.
Warna heksadesimal
HTML menggunakan nombor perenambelasan untuk menentukan warna. Sistem perenambelasan, tidak seperti sistem perpuluhan, berdasarkan, seperti namanya, pada nombor 16. Nombornya adalah seperti berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Nombor dari 10 hingga 15 digantikan dengan huruf Latin. Dalam jadual 6.1 menunjukkan kesesuaian antara nombor perpuluhan dan nombor perenambelasan.
Nombor lebih daripada 15 dalam sistem perenambelasan dibentuk dengan menggabungkan dua nombor menjadi satu (Jadual 6.2). Sebagai contoh, nombor 255 dalam perpuluhan sepadan dengan nombor FF dalam perenambelasan.
Untuk mengelakkan kekeliruan dalam mentakrifkan sistem nombor, nombor perenambelasan didahului oleh simbol cincang #, contohnya #aa69cc. Dalam kes ini, kes itu tidak penting, jadi ia dibenarkan untuk menulis #F0F0F0 atau #f0f0f0.
Warna biasa yang digunakan dalam HTML kelihatan seperti ini.
Di sini warna latar belakang halaman web ditetapkan kepada #FA8E47. Simbol cincang # di hadapan nombor bermakna ia adalah perenambelasan. Dua digit pertama (FA) mentakrifkan komponen merah warna, digit ketiga hingga keempat (8E) mentakrifkan komponen hijau, dan dua digit terakhir (47) mentakrifkan komponen biru. Hasil akhir akan menjadi warna ini.
F.A. | + | 8E | + | 47 | = | FA8E47 |
Setiap satu daripada tiga warna - merah, hijau dan biru - boleh mengambil nilai dari 00 hingga FF, menghasilkan sejumlah 256 warna. Oleh itu, jumlah bilangan warna boleh menjadi 256x256x256 = 16,777,216 kombinasi. Model warna berdasarkan komponen merah, hijau dan biru dipanggil RGB (merah, hijau, biru; merah, hijau, biru). Model ini adalah aditif (dari tambah - tambah), di mana penambahan ketiga-tiga komponen membentuk warna putih.
Untuk memudahkan menavigasi warna perenambelasan, ambil kira beberapa peraturan.
- Jika nilai komponen warna adalah sama (contohnya: #D6D6D6), maka hasilnya akan menjadi warna kelabu. Semakin tinggi nombor, semakin cerah warnanya, dengan nilai antara #000000 (hitam) hingga #FFFFFF (putih).
- Warna merah terang terbentuk jika komponen merah dibuat maksimum (FF) dan komponen selebihnya ditetapkan kepada sifar. Warna dengan nilai #FF0000 ialah warna merah yang paling merah. Perkara yang sama berlaku untuk hijau (#00FF00) dan biru (#0000FF).
- Kuning (#FFFF00) dibuat dengan mencampurkan merah dan hijau. Ini jelas kelihatan pada roda warna (Rajah 6.1), yang membentangkan warna utama (merah, hijau, biru) dan warna pelengkap atau tambahan. Ini termasuk kuning, cyan dan ungu (juga dipanggil magenta). Secara umum, sebarang warna boleh diperolehi dengan mencampurkan warna yang hampir dengannya. Oleh itu, cyan (#00FFFF) diperoleh dengan menggabungkan biru dan hijau.
nasi. 6.1. Bulatan warna
Warna berdasarkan nilai heksadesimal tidak perlu dipilih secara empirik. Untuk tujuan ini, editor grafik yang boleh berfungsi dengan model warna yang berbeza, sebagai contoh, Adobe Photoshop, adalah sesuai. Dalam Rajah. Rajah 6.2 menunjukkan tetingkap untuk memilih warna dalam program ini; nilai heksadesimal yang terhasil bagi warna semasa digariskan dengan garisan. Anda boleh menyalin dan menampalnya ke dalam kod anda.
nasi. 6.2. Tetingkap untuk memilih warna dalam Photoshop
Warna web
Jika anda menetapkan kualiti pemaparan warna monitor kepada 8 bit (256 warna), maka warna yang sama boleh dipaparkan secara berbeza dalam pelayar yang berbeza. Ini disebabkan oleh cara grafik dipaparkan, apabila penyemak imbas berfungsi dengan paletnya sendiri dan tidak dapat menunjukkan warna yang tiada dalam paletnya. Dalam kes ini, warna digantikan dengan gabungan piksel yang lain, hampir dengannya, warna yang meniru warna yang diberikan. Untuk memastikan warna kekal sama di seluruh pelayar yang berbeza, palet warna web yang dipanggil telah diperkenalkan. Warna web ialah warna yang setiap komponen - merah, hijau dan biru - ditetapkan kepada salah satu daripada enam nilai - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Nilai heksadesimal komponen ini ditunjukkan dalam kurungan. Jumlah bilangan warna daripada semua kombinasi yang mungkin memberikan 6x6x6 - 216 warna. Contoh warna web ialah #33FF66.
Ciri utama warna web ialah ia kelihatan sama dalam semua pelayar. Pada masa ini, perkaitan warna web adalah sangat kecil disebabkan oleh peningkatan dalam kualiti monitor dan pengembangan keupayaannya.
Warna mengikut nama
Untuk mengelak daripada mengingati set nombor, anda boleh menggunakan nama warna yang biasa digunakan. Dalam jadual 6.3 menunjukkan nama nama warna yang popular.
Nama warna | Warna | Penerangan | Nilai heksadesimal |
---|---|---|---|
hitam | Hitam | #000000 | |
biru | Biru | #0000FF | |
fuchsia | Ungu muda | #FF00FF | |
kelabu | Kelabu gelap | #808080 | |
hijau | hijau | #008000 | |
kapur | Lampu hijau | #00FF00 | |
merah marun | Merah gelap | #800000 | |
tentera laut | Biru gelap | #000080 | |
buah zaitun | Zaitun | #808000 | |
ungu | Ungu gelap | #800080 | |
merah | merah | #FF0000 | |
perak | Kelabu cerah | #C0C0C0 | |
teal | Biru Hijau | #008080 | |
putih | putih | #FFFFFF | |
kuning | Kuning | #FFFF00 |
Tidak kira sama ada anda menentukan warna dengan namanya atau menggunakan nombor perenambelasan. Kaedah ini adalah sama dalam kesannya. Contoh 6.1 menunjukkan cara untuk menetapkan latar belakang dan warna teks halaman web.
Contoh 6.1. Warna latar belakang dan teks
Contoh teks
Dalam contoh ini, warna latar belakang ditetapkan menggunakan atribut bgcolor tag
, dan warna teks melalui atribut teks. Untuk kepelbagaian, atribut teks ditetapkan kepada nombor perenambelasan dan atribut bgcolor ditetapkan kepada kata kunci terpelihara teal .