Permainan komputer adalah salah satu cara paling popular untuk menghabiskan masa lapang anda. Melibatkan diri dalam dunia permainan video, kita melupakan masalah dan masalah sebenar, berehat dan berseronok. Dan jika ini adalah permainan dalam talian atau permainan dalam mod berbilang pemain, maka kelebihan utamanya ialah di sini anda boleh bertemu dengan ramai orang dari seluruh dunia dan mencari bukan sahaja orang yang berfikiran sama, tetapi juga kawan baik. Ingin tahu bagaimana tetapan permainan, hingga ke warna dalam MTA, boleh menjejaskan interaksi anda dengan pemain lain? Teruskan membaca!
Ciri-ciri mod berbilang pemain
Pernahkah anda terfikir: bagaimana untuk melaraskan warna dalam MTA atau beberapa permainan lain? Tiada seorang pun daripada orang yang pernah berpeluang bermain permainan dalam talian dengan sejumlah besar pemain akan menafikan bahawa mereka mahu menunjukkan diri mereka dalam cahaya terbaik di hadapan orang lain. Anda boleh mempamerkan perkara istimewa dan mahal watak anda, menyerlahkan pengetahuan anda tentang istilah permainan, atau hanya menyesuaikan antara muka permainan anda supaya ia berfungsi lebih baik daripada pemain yang tidak berpengalaman.
Warna dalam "MTA" - apa yang anda perlu tahu?
Jika kita bercakap tentang salah satu versi mod berbilang permainan "GTA: San Andreas", "MTA", maka warna memainkan peranan yang sangat penting di sini. Keupayaan untuk menyesuaikan warna nama panggilan anda dalam MTA adalah salah satu kemahiran terbaik yang perlu diperolehi oleh setiap pemain permulaan.
Jadi, untuk menyediakan warna nama panggilan anda, pergi ke aplikasi "MTA: SA" dan klik pada pilihan Tetapan, kemudian pilih nama anda, dan kemudian masukkan kod warna yang dikehendaki betul-betul sebelum itu. Dalam "MTA" terdapat palet besar warna untuk nama samaran. Dalam artikel kami telah memasukkan palet sampel yang mana anda boleh memilih warna yang anda suka.
Kini anda tahu bagaimana anda boleh menonjol dan menjadikan nama panggilan anda berbeza daripada nama panggilan pemain baru dan tidak berpengalaman. Cerah, ia akan membezakan anda daripada pemain biasa dan menarik lebih banyak perhatian kepada anda. Nikmati permainan anda!
Malangnya, masih belum mungkin untuk memaparkan sensasi rasa di laman web. Tetapi ini boleh diberi pampasan sepenuhnya dengan bantuan warna. Lagipun, warna html membolehkan anda memaparkan mana-mana berjuta-juta warna. jadi" pensel warna Terdapat lebih daripada tujuh dalam setnya.
Skema warna dalam html
Dalam html, warna boleh ditentukan dalam beberapa format:
1. Sebagai nilai heksadesimal – kod yang dinyatakan dalam sistem nombor perenambelasan digunakan. Kod warna sedemikian dalam html terdiri daripada tiga pasang nombor perenambelasan. Setiap pasangan bertanggungjawab untuk ketepuan teduh dengan warna utamanya:
- Pasangan berangka pertama bertanggungjawab untuk warna merah;
- Pasangan kedua adalah untuk kandungan warna hijau;
- Yang terakhir adalah untuk kandungan birunya.
Tanda cincang diletakkan pada permulaan kod (sebelum nombor). Ini ialah kod warna heksadesimal. Selain nombor dari 1 hingga 9, sistem nombor ini menggunakan huruf abjad Latin (A, B, C, D, E, F).
Contohnya, kod warna putih dalam html akan kelihatan seperti #FFFFFF:
2. Kata kunci – HTML kini menyokong kira-kira 147 kata kunci. Tetapi tidak semua perkataan ini unik. Sebahagian daripada mereka merujuk kepada warna warna yang sama.
Warna kelabu diwakili oleh dua kata kunci: kelabu dan kelabu . Kod perenambelasan mereka (HEX) diberikan oleh nilai yang sama #808080.
Contoh:
#808080
3. Dalam format RGB - pengekodan warna dalam html ini adalah berdasarkan penggunaan tiga nilai, ditetapkan dalam julat dari 0 hingga 255. Setiap daripada mereka menentukan ketepuan warna dengan salah satu warna utama:
- R – merah (merah);
- G – hijau (hijau);
- B – biru (biru).
Nombor warna dalam format RGB ditulis dalam bentuk berikut: rgb(0, 210, 100).
warna latar belakang:rgb(100,186,43)
4. Dalam format RGBA - ia adalah format RGB yang dipertingkatkan, di mana nilai keempat menentukan ketelusan warna sebagai pecahan perpuluhan dari 0 hingga 1.
Contoh penggunaan:
warna latar belakang:rgba(100,86,143,0.2)
warna latar belakang:rgba(100,86,143,0.5)
warna latar belakang:rgba(100,86,143,0.8)
warna latar belakang:rgba(100,86,143,1)
Jadual warna HTML dan penjana warna
Dengan pelbagai jenis format tetapan warna, mudah untuk dikelirukan. Oleh itu, jadual warna khas dicipta. Ia menyediakan 147 nama utama warna warna dengan kod pematuhan dalam semua piawaian warna utama. Selain itu, setiap medan dilengkapi dengan bar untuk pemilihan warna visual. Salah satu daripada jadual ini dibentangkan di laman web colorscheme.ru:
Tetapi walaupun dengan penstrukturan padanan ini, memilih naungan yang betul boleh menjadi sukar. Dan bukan fakta bahawa jadual kod warna akan mengandungi yang anda perlukan.
Untuk mengatasi halangan ini dan menjadikan pemilihan teduhan yang betul semudah mungkin, perkhidmatan web interaktif telah dibangunkan. Antara muka pengguna mereka mungkin berbeza sedikit antara satu sama lain.
Di laman web html-color-codes.info penjana warna kelihatan seperti ini:
Dan dalam perkhidmatan color-picker.appsmaster.co, alat ini dilaksanakan sedikit berbeza:
Ketepuan setiap warna dalam penjana ditetapkan menggunakan gelangsar khas. Secara visual, teduhan dipaparkan oleh warna bingkai dan segi empat tepat di sebelah kiri. Di bahagian bawah, 3 medan memaparkan kod warna dalam format asas.
Tetapi penjana warna tersedia bukan sahaja di tapak khusus. Hampir semua penyunting grafik dilengkapi dengan alat yang serupa. Contohnya, Photoshop:
Langkah berjaga-jaga keselamatan apabila bekerja dengan warna
Dan ini sudah lama dahulu, pada era kad video yang menyokong hanya 256 warna. Pada masa yang jauh itu, sistem pengendalian hanya boleh memaparkan bilangan rona lapan bit tertentu tanpa herotan.
Kemudian jadual besar warna selamat telah dibangunkan. Ia menyatakan 216 warna yang boleh dipaparkan tanpa herotan dalam mana-mana pelayar pada masa itu. Dan sehingga hari ini " manuskrip yang hebat» masih tersedia pada beberapa sumber:
Zaman sekarang semua dah berubah. Oleh itu, semua peraturan keselamatan apabila bekerja dengan warna dalam html dibatalkan sepenuhnya. Lagipun, perkakasan komputer moden menyokong lebih daripada 16 juta warna yang berbeza. Dan 216 warna selamat telah tenggelam dalam kelalaian.
Data ini disahkan sepenuhnya oleh statistik. Berdasarkannya, pada tahun 2014, hanya 0.5% pengguna mempunyai komputer yang menyokong hanya 256 warna.
Asas keharmonian warna
Tidak semua daripada kita dikurniakan deria rasa yang harmoni semula jadi. Oleh itu, memilih warna yang betul boleh menjadi cabaran sebenar. Tetapi, pujian kepada sains, dia juga berjaya menggambarkan keharmonian warna dalam bentuk beberapa skema. Kesemuanya adalah berdasarkan penggunaan roda warna. Skim untuk pemilihan warna harmoni dalam html:
- Skema warna selari - apabila kedua-dua warna dalam roda warna selari;
- Skim triadic - semua sudut segitiga adalah berdasarkan salah satu warna;
- Monokromatik - apabila beberapa warna rapat dengan warna yang sama dipilih;
- Analog ialah versi litar monokromatik yang lebih maju. Dalam kes ini, warna warna yang sama terletak pada jarak tertentu.
Pelaksanaan semua skim ini dibentangkan dengan baik dalam perkhidmatan paletton.com. Ia membolehkan anda memilih warna yang harmoni dengan mudah.
Dalam HTML, warna boleh ditentukan dalam tiga cara:
Menetapkan warna dalam HTML dengan namanya
Sesetengah warna boleh ditentukan dengan 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 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.
CSS tidak difahami). Oleh itu, juruweb masa depan hanya perlu belajar Alat HTML yang membolehkan anda menukar warna, sebagai contoh, untuk membuat surat berita e-mel yang terang dan berwarna-warni yang akan menarik perhatian khalayak sasaran tapak.
Siaran ini agak panjang, tetapi daripadanya anda akan belajar tentang semua ciri teknikal bekerja dengan warna menggunakan HTML. Kami akan memulakan rakaman dengan memahami soalan: mengapa kita perlu menyerlahkan elemen tertentu halaman HTML dengan warna? Kemudian kita akan bercakap tentang model RGB, yang membolehkan anda menetapkan warna dalam HTML menggunakan kod khas (sepanjang perjalanan, kita akan melihat kod warna perpuluhan dan nilai warna HTML heksadesimal). Juga dari siaran ini anda akan belajar tentang palet warna, dan juga memahami mengapa tiada palet dalam HTML. Dan pada akhir penerbitan ini akan ada contoh menukar warna latar belakang, teks dan pautan.
Menggunakan warna dalam HTML
Halaman tapak web akan menjadi membosankan dan tidak menarik tanpa imej, seperti yang kita bincangkan sebelum ini dan dengan terperinci. Tetapi imej mempunyai satu kelemahan yang ketara: setiap imej adalah tambahan dan, oleh itu, beban tambahan pada pengehosan.
Saya ingin ambil perhatian bahawa saya tidak menggunakan satu imej untuk mereka bentuk blog WordPress saya reka bentuk sepenuhnya menggunakan warna. Sama sahaja Hari ini kita akan bercakap tentang warna dalam HTML. Warna dalam HTML digunakan untuk tujuan yang berbeza, contohnya, kita boleh mereka bentuk susun atur tapak web dengan menyerlahkan item tertentu dengan satu warna atau yang lain.
Menggunakan warna, kami boleh menumpukan perhatian pelawat kami pada teks atau blok tapak tertentu. Ambil perhatian bahawa ia juga ditentukan menggunakan warna dalam cara yang boleh difahami oleh pengguna: pautan mana yang telah dikliknya, pautan mana yang belum dia lawati dan halaman HTML yang sedang dia gunakan.
Berhati-hati menggunakan warna untuk mereka bentuk dokumen HTML, tidak semua warna bersatu dan tidak semua warna akan menyenangkan pelawat tapak web anda. Tetapi lebih baik anda bertanya kepada pereka web tentang kehalusan ini; artikel ini akan membantu anda memahami ciri teknikal yang membolehkan anda mengawal warna elemen halaman HTML.
Tetapi anda tidak boleh lupa bahawa reka bentuk harus dipisahkan dari kandungan, jadi lebih baik menggunakan CSS untuk memanipulasi warna pada halaman HTML, tetapi kami akan membincangkannya dalam siaran lain. Sekarang kita akan lihat Apakah alatan yang ada pada HTML untuk mengawal warna pada halaman tapak?.
Dalam industri IT, terdapat banyak model warna untuk manipulasi warna. Model perwakilan warna yang paling banyak digunakan ialah model RGB. Kami akan bercakap tentang beberapa ciri model ini di sini, dan akan ada penerbitan berasingan untuk pengenalan yang lebih terperinci kepada RGB. Di bawah anda akan menemui senarai model warna yang digunakan dalam IT (bukan hanya HTML dan CSS):
- model RGB. Model ini telah menjadi sangat meluas dan mungkin salah satu cara yang paling mudah dan biasa untuk memanipulasi warna elemen HTML.
- Model RGBA. Model ini sangat serupa dengan model RGB, tetapi termasuk saluran warna alfa. Ciri khas model RGBA ialah ia membolehkan anda menyesuaikan diri bukan sahaja warna elemen HTML, tetapi juga ketelusannya disebabkan oleh kehadiran saluran alfa. Model RGBA telah ditambahkan pada CSS3 dan tidak disokong oleh pelayar lama.
- Model HSL. Keanehan model HSL ialah kami menetapkan warna menggunakan parameternya: warna, kerataan dan ringan. Model ini agak sukar untuk difahami berbanding model RGB.
- Model HSLA. Model ini sangat serupa dengan model HSL, tetapi sama seperti model RGBA, ia membolehkan anda bekerja dengan saluran warna alfa, jadi menggunakan HSLA kita boleh menetapkan bukan sahaja warna elemen HTML pada halaman, tetapi juga ketelusannya .
- Model HSV (HSB). Model ini tidak boleh dikelirukan dengan model HSL. Ambil perhatian bahawa empat model pertama boleh digunakan dalam HTML atau CSS untuk mereka bentuk halaman web, tetapi model HSV tidak boleh. HSV telah direka oleh salah seorang pengasas Pixar pada tahun 1978 dan sangat serupa dengan HSL.
- Model CMY atau CMYK. Model ini digunakan dalam semua pencetak warna untuk percetakan. Model CMYK adalah berdasarkan peraturan bahawa pencetakan berlaku pada helaian kertas putih. Sebarang warna CMYK diperoleh dengan mencampurkan Cyan (biru pucat, turquoise), Magenta (magenta) dan kuning. Setiap warna dalam model CMY mempunyai ciri kelegapan (jumlah dakwat), diukur sebagai peratusan. Tetapi selain tiga warna yang disenaraikan, model CMYK juga menggunakan warna hitam.
Semua model warna di atas adalah bergantung kepada perkakasan, iaitu, jika anda tetapkan warna elemen HTML menggunakan model RGB atau HSL, maka adalah mustahil untuk mengatakan dengan pasti warna warna yang tepat yang akan dilihat oleh pelawat ke tapak anda, kerana monitor semua pengguna adalah berbeza dan mereka menyampaikan warna secara berbeza. Juga ambil perhatian bahawa semua model di atas adalah berdasarkan model RGB dan mana-mana warna yang dinyatakan dalam mana-mana model (kecuali HSLA dan RGBA kerana kehadiran saluran alfa) boleh ditukar kepada RGB.
Jika kita bercakap tentang model pemindahan warna bebas perkakasan, maka perlu diperhatikan model LAB. Jadi, kami berehat sedikit daripada bekerja dengan warna dalam HTML dengan membiasakan diri dengan beberapa model warna. Ambil perhatian bahawa pelayar hanya "memahami" empat model pertama: HSL, RGB, HSLA dan RGBA. Oleh itu, kita hanya boleh mengawal warna elemen HTML menggunakan model ini.
Bagaimana warna unsur HTML terbentuk: beberapa ciri model RGB
Mari kita fikirkan bagaimana warna unsur HTML terbentuk dan dengan beberapa ciri model RGB. Ambil perhatian bahawa kita akan bercakap tentang model RGB, serta model lain yang digunakan untuk mereka bentuk halaman web, sedikit kemudian dalam siaran berasingan.
Jadi, model RGB bermaksud Merah, Hijau, Biru. Model RGB adalah berdasarkan prinsip aditiviti. Prinsip ini ialah untuk mendapatkan sebarang warna, warna ditambah kepada hitam. Untuk pemahaman yang lebih baik, bayangkan bahawa skrin anda ialah dinding hitam dan anda mempunyai tiga lampu sorot: yang pertama bersinar merah, yang kedua bersinar hijau dan yang ketiga bersinar biru. Anda boleh melaraskan kecerahan setiap lampu sorot menggunakan pembaris dengan nombor dari 0 hingga 255. Oleh itu, jika anda menetapkan lampu sorot kepada sifar, ia akan mati dan tidak bersinar jika nilainya ialah 255, maka lampu sorot itu menghasilkan warna paling terang yang mungkin .
Oleh itu, ternyata jika anda memancarkan lampu sorot merah dan hijau pada titik yang sama, maka anda akan melihat bintik kuning pada dinding hitam. Jika anda menggabungkan merah dan biru, anda mendapat ungu, dan jika anda menggabungkan hijau dan biru, titik cahaya pada dinding hitam akan menjadi Cyan, tetapi jika anda menghalakan ketiga-tiga lampu sorot pada satu titik, titik cahaya akan menjadi putih.
Prinsip yang diterangkan di atas mendasari model RGB dan digunakan untuk memanipulasi warna dalam elemen HTML pada halaman dalam penyemak imbas.
Atribut HTML untuk menukar warna elemen: warna latar belakang elemen dan warna teks di dalam elemen
Digunakan untuk menjadikan elemen halaman unik. Menggunakan atribut HTML kita boleh memanipulasi warna elemen:
- Warna atribut HTML. Atribut ini membolehkan anda menukar warna teks di dalam elemen HTML. Atribut boleh mengambil nilai dalam bentuk nama warna HTML dan kod model RGB dalam notasi perenambelasan dan perpuluhan. Atribut warna ialah atribut HTML unik yang membolehkan anda menukar warna teks di dalam beberapa elemen HTML.
- Atribut teks HTML. Atribut ini ialah atribut tag unik . Tag bersama tag Dan bentuk . Jika anda ingat, di dalam bekas elemen diletakkan yang kemudiannya dipaparkan oleh pelayar di kawasan tontonan. Atribut teks membolehkan anda menentukan Warna teks lalai untuk keseluruhan halaman HTML.
- Atribut HTML bgcolor. Ia juga merupakan atribut HTML yang unik dan membolehkan anda menukar warna latar belakang beberapa elemen HTML.
- vlink atribut HTML. Atribut ini unik dan hanya digunakan pada teg untuk menukar warna pautan yang telah dilawati pengguna.
- Pautan atribut HTML. Atribut ini juga unik dan hanya digunakan pada teg . Atribut alink menukar warna pautan HTML aktif.
- Atribut pautan HTML. Atribut pautan hanya digunakan bersama dengan teg dan berfungsi untuk menukar warna pautan halaman HTML yang belum dilawati pengguna.
Sila ambil perhatian: menggunakan atribut untuk menukar warna elemen HTML tidak disyorkan, kerana terdapat helaian gaya berlatarkan yang membolehkan anda memisahkan reka bentuk halaman web daripada kandungannya.
Menggunakan Kod Warna Perpuluhan dalam HTML
Oleh itu, kami bercakap tentang hakikat bahawa anda boleh menetapkan kecerahan warna lampu sorot menggunakan pembaris khas di mana terdapat lukisan bernombor dari 0 hingga 255. Sekarang mari kita lihat bagaimana ini akan membantu kita menukar warna elemen HTML. Masalahnya ialah kita boleh menukar warna teks di dalam elemen HTML atau warna latar belakang dalam HTML menggunakan kod perpuluhan seperti berikut:
Jika anda mencipta dokumen HTML di mana bekas badan diterangkan, seperti dalam contoh, anda akan melihat:
- Warna latar belakang dokumen HTML kini berwarna hijau: bgcolor=”rgb (0,255,0)”.
- Warna teks halaman HTML akan bertukar menjadi biru: text=”rgb (0,0,255)”.
- Warna HTML pautan yang belum dilawati pengguna akan berwarna putih: link=”rgb (255,255,255)”.
- Warna pautan yang sedang dibuka adalah hitam: alink=”rgb (0,0,0)”.
- Dan warna pautan HTML yang telah dilawati akan menjadi merah: vlink=”rgb (255,0,0)”.
Sila ambil perhatian: tiada siapa yang melarang anda untuk melaraskan "kuasa lampu sorot" mengikut budi bicara anda, anda boleh tetapkan warna HTML, sebagai contoh, dengan cara ini:
rgb(94, 85, 50) |
Dan dapatkan warna kejutan kebudak-budakan. Ini adalah keanehan, fleksibiliti dan kemudahan model RGB. Monitor anda ialah dinding hitam dengan lampu sorot bersinar di atasnya dan anda boleh melaraskan kuasa lampu sorot ini dan mencipta semua jenis warna latar belakang, teks dan pautan menggunakan atribut HTML dalam sistem tatatanda perpuluhan, atau, anda juga boleh berkata: menggunakan kod warna perpuluhan.
Sebenarnya Adalah salah untuk menyebut kod warna perpuluhan dalam HTML, lebih tepat untuk dikatakan Kod warna perpuluhan RGB, memandangkan model ini digunakan bukan sahaja untuk mereka bentuk halaman web dalam HTML dan CSS.
Nilai warna HTML heksadesimal
Menetapkan warna elemen HTML menggunakan kod perpuluhan model RGB tidak begitu mudah (dan pada masa ini, tidak semua pelayar menyokong kaedah manipulasi warna ini), kerana rakaman tidak akan menjadi yang paling padat; tetapkan warna elemen HTML menggunakan nilai heksadesimal. Dalam imej di bawah anda boleh melihat bagaimana nilai perpuluhan ditukar kepada perenambelasan.
Bagi mereka yang tidak biasa dengan sistem nombor heksadesimal, sedikit penerangan perlu diberikan supaya anda mudah memanipulasi warna elemen HTML menggunakan kod model RGB heksadesimal. Pertama, sistem nombor perpuluhan dinamakan sedemikian kerana sebarang nombor boleh diperoleh dengan gabungan sepuluh digit (terminologi adalah penting: terdapat perbezaan antara nombor dan digit): 0, 1, 2, 3, 5, 6, 7, 8, 9.
Dalam sistem nombor heksadesimal, sebarang nombor boleh ditulis menggunakan gabungan enam belas digit: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Untuk memudahkan pemahaman, anda boleh menganggap bahawa a ialah sepuluh dan f ialah lima belas. Sebagai contoh, nombor enam belas akan ditulis dalam perenambelasan seperti berikut: 10. Dan nombor 255 akan ditulis sebagai ff.
Sekarang mari kita lihat bagaimana kita boleh tetapkan warna elemen HTML menggunakan nilai heksadesimal, mari kita ulangi contoh sebelumnya, menggantikan kod warna perpuluhan dengan rakan heksadesimalnya:
<
body
alink
=
”#000000” pautan=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text=”#0000ff”> |
Catatan: menulis warna dalam HTML dalam format perenambelasan agak lebih padat daripada dalam perpuluhan, itu yang pertama. Kedua: kuasa setiap lampu sorot ditetapkan oleh nombor dari 0 hingga 255. Untuk menulis nombor 255 memerlukan dua digit dalam format heksadesimal (ff = 250), jadi kecerahan setiap saluran warna (lampu sorot kami betul-betul dipanggil saluran warna, saluran warna) ditetapkan oleh dua digit dari 0 hingga f.
Sila ambil perhatian: kecerahan setiap saluran warna ditetapkan secara berasingan, tetapi jika kita bayangkan bahawa ini adalah nombor tunggal, maka nombor maksimum yang mungkin dalam sistem nombor perenambelasan model RGB ialah ffffff, ia akan memberi kita putih, dan dalam sistem perpuluhan ia ialah: 16,777,215. Bilangan warna dan rona ini membolehkan anda menetapkan/menggunakan model RGB. Nombor ini datang daripada fakta bahawa setiap saluran warna mempunyai 256 nilai kecerahan (dari 0 hingga 255), masing-masing: 256 * 256 * 256 = 16,777,215.
Nilai warna HTML perenambelasan lebih padat dan lebih jelas, kebanyakan pereka web dan pereka reka letak menggunakan nilai perenambelasan untuk memanipulasi warna dalam HTML, jadi kami mengesyorkan agar anda tidak membiasakan diri dengan bentuk perpuluhan tatatanda warna, tetapi segera gunakan perenambelasan.
Adalah jelas bahawa pada mulanya ia akan menjadi sukar bagi pereka baru atau pereka susun atur untuk menavigasi bentuk heksadesimal notasi warna, jadi hampir mana-mana editor grafik mempunyai palet warna yang dipanggil, yang membolehkan anda memilih warna yang dikehendaki dan mendapatkannya. kod untuk model warna yang berbeza dalam sistem nombor yang berbeza.
Sesetengah editor teks, seperti , mempunyai sambungan palet yang sangat berguna apabila anda ingin memilih warna dan menukarnya dengan cepat. Saya tidak boleh berkata apa-apa mengenai perkara ini.
Nama warna dalam HTML
Atribut HTML boleh diambil sebagai nilai bukan sahaja kod perpuluhan dan nilai perenambelasan, tetapi juga nama bunga istimewa. Menukar warna elemen HTML menggunakan namanya bukanlah idea yang baik. Pertama, di sebalik nama warna dalam HTML terletak kod model RGB, dan kedua, setiap pelayar memaparkan warna elemen HTML yang ditentukan oleh nama secara berbeza, ia hanya bergantung pada keinginan pembangun penyemak imbas.
sebab tu menggunakan nama warna dalam HTML tidak disyorkan. Model RGB bergantung pada perkakasan, dan warna yang ditentukan oleh nama bergantung pada penyemak imbas dan juga versinya. Mari cuba tetapkan warna elemen halaman HTML menggunakan nama:
<
body
alink
=
”black
”link
=
”#white” vlink=”red” bgcolor=”green” text=”blue”> |
Seperti yang anda faham, terdapat banyak warna dan warna. Perlu diperhatikan di sini bahawa atribut HTML tidak membenarkan anda menetapkan kecerunan CSS mempunyai pilihan ini, tetapi kami akan membincangkannya dalam siaran lain. Dan banyak warna dalam HTML mempunyai nama. Anda boleh menemui jadual nama warna dalam HTML dan kod RGB mereka di tapak web saya.
Jadual di atas menunjukkan apakah warna yang akan diperoleh oleh elemen HTML jika anda menentukannya menggunakan nama. Jadual ini mengandungi 16 warna dan namanya yang diluluskan oleh W3C dan harus dipaparkan sama dalam mana-mana pelayar. Tetapi sebenarnya, dalam HTML anda boleh menggunakan kira-kira 200 nama warna yang disokong oleh pelayar utama, seperti: Opera, Chrome, Firefox, Safari, Internet Explorer (kenyataan ini sangat kontroversial mengenai yang terakhir).
Palet warna HTML
Sebenarnya tiada palet warna dalam HTML. Mari kita ingat definisi perkataan palet. Palet ialah papan nipis kecil berbentuk segi empat atau bujur di mana artis mencampurkan cat dan mendapatkan semua jenis warna. Kadangkala lubang dibuat pada palet untuk ibu jari supaya selesa dipegang. Anda akan menemui imej palet di bawah. Itulah sebabnya tiada palet dalam HTML.
Tetapi dalam pelbagai editor teks ada pemalam palet warna bantuan itu cepat pilih warna elemen HTML. Terdapat juga palet warna dalam editor grafik, kerana ia tidak begitu mudah dan menyeronokkan untuk pereka duduk dan mengira: warna apa yang akan keluar pada kecerahan ini atau itu saluran ini atau itu. Dalam gambar di bawah anda boleh melihat palet paling mudah editor Cat.
Ambil perhatian bahawa banyak modul dan pemalam palet warna membolehkan anda mendapatkan kod warna bukan sahaja dalam format RGB/RGBA, tetapi juga dalam format model lain. Ingat bahawa tiada palet dalam HTML, baiklah, melainkan anda seorang artis hingga ke teras dan anda memanggil palet warna halaman HTML warna tersebut yang digunakan untuk menghiasnya (lagipun, kadang kala palet merujuk kepada warna yang digunakan oleh artis tertentu, atau warna yang digunakan dalam penciptaan lukisan tertentu).
Belajar menukar warna teks dalam HTML
Kami mendapat banyak teori tentang warna dalam HTML, mari kita berlatih dan mencuba berfungsi dengan warna elemen HTML. Perkara pertama yang kita akan belajar lakukan ialah menukar warna teks dalam dokumen HTML menggunakan atribut dan tag khas. Buka mana-mana editor dan tulis kod berikut di dalamnya:
Belajar menggunakan warna dalam HTML
Menukar warna teks
Untuk menukar warna teks, kita boleh menggunakan atribut unik elemen teks BODY, dan kita juga boleh menggunakan elemen FONT dan atribut warnanya. Teks ini akan dikelabukan.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >Menukar warna teks dalam dokumen HTML< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >Belajar menggunakan warna dalam HTML< / font > < / h1 > < h2 > < font color = "yellow" >Menukar warna teks< / font > < / h2 > < p >Untuk menukar warna teks kita boleh menggunakan unik atribut teks BODY elemen, dan juga menggunakan elemen FONT < / body > < / html > |
Saya akan menyimpan fail ini sebagai color.html dan menasihati anda untuk tidak melupakan . Warna rakaman dalam sistem nombor perpuluhan tidak disokong oleh Chrome, Firefox dan Opera, tetapi IE memahami notasi warna ini dan menyerlahkan pengepala HTML dalam warna hijau:
Perkara yang betul untuk dikatakan bukanlah menukar warna teks dalam HTML, tetapi menukar warna fon dalam HTML. Tentang
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.
Catatan: 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 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 |