>>Pengurusan warna
Nilai warna RGB heksadesimal
Kaedah penerangan dan pemprosesan warna berbeza antara satu sama lain dalam apa perwakilan akhir ia dimaksudkan. Mari kita bandingkan, sebagai contoh, perwakilan warna untuk percetakan dan untuk monitor komputer. Dalam kes pertama, asas diambil putih warna kertas di mana tiga warna utama digunakan kemudiannya: biru, ungu Dan kuning. Mencampur antara satu sama lain dan dengan warna putih kertas dalam perkadaran yang berbeza, ketiga-tiga warna utama ini memberikan warna warna yang berbeza, kecuali hitam tulen, atau jika tiada cat mereka memberikan kertas putih. Jika kita menambah warna hitam kepada mereka, kita dapat CMYK-satu kaedah penghantaran warna apabila warna yang diperlukan diperolehi dengan menolak warna yang hilang daripada putih.
Dalam kes kedua, asas diambil hitam warna skrin monitor, setiap sel yang bersinar dalam satu daripada tiga warna: merah-merah, hijau-hijau dan biru-biru. Kemudian, dalam ketiadaan lengkap sebarang cahaya, kami mendapat warna skrin hitam tulen, dan mana-mana warna yang diperlukan diberikan mengikut nisbah setiap tiga warna. Dalam kes ini kita akan mendapat RGB-kaedah penghantaran warna. Warna primer boleh mempunyai nilai antara 0
kepada 255
, atau daripada 0%
kepada 100%
, atau boleh diwakili sebagai nilai perenambelasan. Dalam rajah di bawah anda boleh melihat hasil pencampuran warna asas.
Sistem nombor heksadesimal, tidak seperti sistem nombor perpuluhan, tidak mempunyai sepuluh digit, tetapi enam belas - oleh itu namanya. Sehubungan itu, hanya terdapat variasi gabungan dua digit yang tidak berulang - 256 , untuk meneruskan siri nombor selepas 9 surat daripada A kepada F, oleh itu, siri ini akan kelihatan seperti ini -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Dalam kes ini, warna ditentukan oleh tiga nombor heksadesimal, setiap satunya terdiri daripada dua digit. Nombor pertama menentukan keamatan merah warna, sederhana- hijau, lepas- biru warna. Semua nombor boleh mengambil nilai dalam julat dari 00 kepada FF(dari 0 hingga 255). Contohnya: warna hijau diberi sebagai #00FF00, merah - seperti #FF0000, biru - seperti #0000FF, putih - seperti #FFFFFF, ketiadaan lengkap warna atau hitam diberikan sebagai #000000 .
Dalam borang di bawah anda boleh menentukan sebarang nilai perenambelasan untuk setiap satu daripada tiga warna dan melihat hasil pencampuran mereka dengan mengklik dalam medan output.
Contoh beberapa nilai warna RGB heksadesimal: penggredan merah, biru dan hijau.
| pandangan | kod | pandangan | kod | pandangan | kod | pandangan | kod | pandangan | kod | pandangan | 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 |
Menentukan Warna Menggunakan Huruf Rentetan
Untuk kemudahan penggunaan, beberapa warna dan gabungannya telah diberikan nama yang diiktiraf oleh semua penyemak imbas, dan ia menjadi mungkin untuk menentukan banyak daripada mereka mengikut nama. Jadual di bawah menunjukkan beberapa nama warna:
| pandangan | Nama | pandangan | Nama | pandangan | Nama | pandangan | Nama |
| putih | merah | Jingga | kuning | ||||
| hijau | Biru | Ungu | Hitam | ||||
| Aliceblue | Antik putih | Aqua | Aquamarine | ||||
| Azure | Beige | Bisque | Blanchedalmond | ||||
| Blueviolet | coklat | Kayu Burlywood | Cadetblue | ||||
| Chartreuse | coklat | karang | Biru bunga jagung | ||||
| Sutera jagung | Lembayung | Cyan | Biru tua | ||||
| Darkcyan | Darkgoldenrod | Kelabu gelap | Hijau gelap | ||||
| Darkkhaki | Darkmagenta | Darkolivegreen | Jingga gelap | ||||
| Darkorchid | Merah gelap | Darksalmon | Hijau laut gelap | ||||
| Darkslateblue | Kelabu hitam | Darkturquoise | Darkviolet | ||||
| Deeppink | Deepskyblue | Dimgray | Dodgeblue | ||||
| Bata api | Putih bunga | hijau hutan | Fuschia | ||||
| Gainsboro | Ghostwhite | emas | Goldenrod | ||||
| kelabu | Hijau kuning | Embun madu | Hotpink | ||||
| Indianred | nila | gading | Khaki | ||||
| Lavender | Lavenderblush | Lemonchiffon | Biru muda | ||||
| Lightcoral | Lightcyan | Lightcoldenrodyellow | hijau muda | ||||
| Kelabu terang | Lightpink | Lightsalmon | Lightseagreen | ||||
| biru muda | Lightslategray | Biru muda | Kuning muda | ||||
| kapur | hijau limau | Linen | Magenta | ||||
| Maroon | mediumquamarine | biru sederhana | Mediumorchid | ||||
| Sederhana | Hijau laut sederhana | Mediumslateblue | Sederhana hijau | ||||
| Mediumturquoise | Mediumvioletred | Midnightblue | Krim pudina | ||||
| Mistyrose | Navajowhite | Tentera Laut | Oldlace | ||||
| Zaitun | Oliverab | berwarna jingga | Orkid | ||||
| Palegoldenrod | Hijau pucat | Paletteurquoise | berwarna pucat | ||||
| Papayawhip | Peachpuff | Peru | Merah jambu | ||||
| Plum | Serbuk biru | Rosybrown | biru diraja | ||||
| coklat pelana | Hijau laut | Kerang laut | Sienna | ||||
| Perak | biru langit | Slateblue | Slategray | ||||
| salji | Springgreen | Steelblue | Tan | ||||
| Teal | Thistle | tomato | Pirus | ||||
| Violet | Gandum | asap putih | Hijau kuning |
Menggunakan palet warna yang selamat
Malangnya, pada platform yang berbeza, dengan tetapan sistem yang berbeza, pembiakan warna yang betul adalah masalah. Masalahnya ialah penyemak imbas sentiasa cuba melaraskan palet warna dokumen kepada tetapan sistem dan keupayaan memantau, dengan mencampurkan warna secara bebas dan menggantikannya. Akibatnya, kadangkala pengguna tidak melihat dengan tepat apa yang ingin ditunjukkan oleh juruweb kepadanya. Jalan keluar dari situasi ini ditemui dalam penggunaan palet, setiap warna yang dijamin untuk diberikan sama oleh semua pelayar pada platform yang berbeza. Inilah yang dipanggil dijamin palet, juga dipanggil selamat palet. Palet ini termasuk warna yang komponen warnanya mengambil nilai berikut: 00 ,33 ,66 ,99 , CC,FF, dalam semua cara yang mungkin 216 gabungan mereka.
| pandangan | kod | pandangan | kod | pandangan | kod | pandangan | kod | pandangan | kod | pandangan | 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 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). 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. Roda 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 | Hijau muda | #00FF00 | |
| merah marun | Merah gelap | #800000 | |
| tentera laut | Biru tua | #000080 | |
| buah zaitun | Zaitun | #808000 | |
| ungu | Ungu gelap | #800080 | |
| merah | merah | #FF0000 | |
| perak | Kelabu terang | #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 .Kod warna dalam CSS digunakan untuk menentukan warna. Biasanya, kod warna atau nilai warna digunakan untuk menetapkan warna sama ada untuk warna latar depan elemen (cth. warna teks, warna pautan) atau warna latar belakang elemen (warna latar belakang, warna blok). Ia juga boleh digunakan untuk menukar warna butang, sempadan, penanda, tuding dan kesan hiasan lain.
Anda boleh menentukan nilai warna anda dalam pelbagai format. Jadual berikut menyenaraikan semua format yang mungkin:
Format yang disenaraikan diterangkan dengan lebih terperinci di bawah.
Warna CSS - Kod Hex
Kod warna heksadesimal ialah perwakilan enam digit warna. Dua digit pertama (RR) mewakili nilai merah, dua digit seterusnya mewakili nilai hijau (GG), dan dua digit terakhir mewakili nilai biru (BB).
Warna CSS - Kod Hex Pendek
Kod warna hex pendek ialah bentuk tatatanda enam aksara yang lebih pendek. Dalam format ini, setiap digit diulang untuk menghasilkan nilai warna enam digit yang setara. Contohnya: #0F0 menjadi #00FF00.
Nilai heksadesimal boleh diambil daripada mana-mana perisian grafik seperti Adobe Photoshop, Core Draw, dsb.
Setiap kod warna heksadesimal dalam CSS akan didahului oleh tanda cincang "#". Di bawah adalah contoh penggunaan tatatanda perenambelasan.
Warna CSS - Nilai RGB
nilai RGB ialah kod warna yang ditetapkan menggunakan harta rgb(). Sifat ini mengambil tiga nilai: setiap satu untuk merah, hijau dan biru. Nilai boleh menjadi integer, dari 0 hingga 255, atau peratusan.
Nota: Tidak semua penyemak imbas menyokong sifat warna rgb(), jadi tidak disyorkan untuk menggunakannya.
Di bawah ialah contoh yang menunjukkan berbilang warna menggunakan nilai RGB.
Penjana kod warna
Anda boleh mencipta berjuta-juta kod warna menggunakan perkhidmatan kami.
Warna Selamat Pelayar
Di bawah ialah jadual 216 warna yang paling selamat dan paling bebas komputer. Warna dalam CSS ini berjulat dari 000000 hingga FFFFFF kod perenambelasan. Ia selamat digunakan kerana ia memastikan semua komputer memaparkan warna dengan betul apabila bekerja dengan palet warna 256.
| Jadual warna "selamat" dalam CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
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%) | Hijau muda | |
| 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 tua | |
| 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 cerah;
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 telah 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
Kod Minecraft bunga, 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 tua | 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 | Teks tebal |
| &m | Teks coretan |
| &n | Teks bergaris bawah |
| &o | Teks miring |
| &r | Teks tanpa pemformatan |