Biru tambahkan html. Kode Warna di Minecraft
Vlad Merzhevich
Dalam HTML, warna ditentukan dengan salah satu dari dua cara: menggunakan kode heksadesimal dan dengan nama warna tertentu. Metode yang didasarkan pada sistem bilangan heksadesimal paling banyak digunakan, karena merupakan metode yang paling universal.
Warna heksadesimal
HTML menggunakan angka heksadesimal untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka 10 sampai 15 diganti dengan huruf latin. Dalam tabel 6.1 menunjukkan korespondensi antara bilangan desimal dan heksadesimal.
Bilangan yang lebih besar dari 15 pada sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu (Tabel 6.2). Misalnya, angka 255 dalam desimal sama dengan angka FF dalam heksadesimal.
Untuk menghindari kebingungan dalam mendefinisikan sistem bilangan, bilangan heksadesimal diawali dengan simbol hash #, misalnya #aa69cc. Dalam hal ini kasusnya tidak menjadi masalah, sehingga diperbolehkan menulis #F0F0F0 atau #f0f0f0.
Warna khas yang digunakan dalam HTML terlihat seperti ini.
Di sini warna latar belakang halaman web diatur ke #FA8E47. Simbol hash # di depan angka berarti heksadesimal. Dua digit pertama (FA) menentukan komponen warna merah, digit ketiga hingga keempat (8E) menentukan komponen hijau, dan dua digit terakhir (47) menentukan komponen biru. Hasil akhirnya adalah warna ini.
| F.A. | + | 8E | + | 47 | = | FA8E47 |
Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF, menghasilkan total 256 warna. Jadi, jumlah seluruh warnanya adalah 256x256x256 = 16.777.216 kombinasi. Model warna berdasarkan komponen merah, hijau dan biru disebut RGB (merah, hijau, biru). Model ini bersifat aditif (dari tambah – tambah), dimana penambahan ketiga komponen tersebut membentuk warna putih.
Untuk mempermudah menavigasi warna heksadesimal, pertimbangkan beberapa aturan.
- Jika nilai komponen warnanya sama (contoh: #D6D6D6), maka hasilnya akan berwarna abu-abu. Semakin tinggi angkanya, semakin terang warnanya, dengan nilai mulai dari #000000 (hitam) hingga #FFFFFF (putih).
- Warna merah cerah terbentuk jika komponen merah dibuat maksimum (FF) dan komponen sisanya diatur ke nol. Warna dengan nilai #FF0000 adalah warna merah yang paling merah. Hal yang sama berlaku untuk hijau (#00FF00) dan biru (#0000FF).
- Kuning (#FFFF00) dibuat dengan mencampurkan warna merah dan hijau. Hal ini terlihat jelas pada roda warna (Gbr. 6.1) yang menampilkan warna primer (merah, hijau, biru) dan warna komplementer atau tambahan. Ini termasuk kuning, cyan dan ungu (juga disebut magenta). Secara umum, warna apa pun dapat diperoleh dengan mencampurkan warna-warna yang mendekatinya. Jadi, cyan (#00FFFF) diperoleh dengan menggabungkan warna biru dan hijau.
Beras. 6.1. Roda warna
Warna berdasarkan nilai heksadesimal tidak harus dipilih secara empiris. Untuk tujuan ini, editor grafis yang dapat bekerja dengan model warna berbeda, misalnya Adobe Photoshop, cocok. Pada Gambar. Gambar 6.2 menunjukkan jendela untuk memilih warna dalam program ini; nilai heksadesimal yang dihasilkan dari warna saat ini digariskan dengan garis. Anda dapat menyalin dan menempelkannya ke kode Anda.
Beras. 6.2. Jendela untuk memilih warna di Photoshop
Warna web
Jika Anda mengatur kualitas rendering warna monitor ke 8-bit (256 warna), warna yang sama dapat ditampilkan secara berbeda di browser yang berbeda. Hal ini disebabkan cara grafik ditampilkan, ketika browser bekerja dengan paletnya sendiri dan tidak dapat menampilkan warna yang tidak ada dalam paletnya. Dalam hal ini, warnanya diganti dengan kombinasi piksel lain yang dekat dengannya, warna yang meniru warna tertentu. Untuk memastikan bahwa warnanya tetap sama di berbagai browser, palet yang disebut warna web diperkenalkan. Warna web adalah warna yang setiap komponennya - merah, hijau, dan biru - disetel ke salah satu dari enam nilai - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Nilai heksadesimal komponen ini ditunjukkan dalam tanda kurung. Jumlah total warna dari semua kemungkinan kombinasi menghasilkan 6x6x6 - 216 warna. Contoh warna web adalah #33FF66.
Fitur utama warna web adalah tampilannya sama di semua browser. Saat ini, relevansi warna web sangat kecil karena peningkatan kualitas monitor dan perluasan kemampuannya.
Warna berdasarkan nama
Untuk menghindari keharusan mengingat sekumpulan angka, Anda dapat menggunakan nama warna yang umum digunakan. Dalam tabel 6.3 menunjukkan nama-nama nama warna populer.
| Nama warna | Warna | Keterangan | Nilai heksadesimal |
|---|---|---|---|
| hitam | Hitam | #000000 | |
| biru | Biru | #0000FF | |
| fuchsia | Ungu muda | #FF00FF | |
| abu-abu | Abu-abu gelap | #808080 | |
| hijau | Hijau | #008000 | |
| kapur | Hijau muda | #00FF00 | |
| merah tua | Merah tua | #800000 | |
| angkatan laut | Biru tua | #000080 | |
| zaitun | Zaitun | #808000 | |
| ungu | Ungu tua | #800080 | |
| merah | Merah | #FF0000 | |
| perak | Abu-abu muda | #C0C0C0 | |
| teal | Biru-hijau | #008080 | |
| putih | Putih | #FFFFFF | |
| kuning | Kuning | #FFFF00 |
Tidak masalah apakah Anda menentukan warna berdasarkan namanya atau menggunakan angka heksadesimal. Metode-metode ini memiliki efek yang sama. Contoh 6.1 menunjukkan cara mengatur latar belakang dan warna teks halaman web.
Contoh 6.1. Latar belakang dan warna teks
Contoh teks
Dalam contoh ini, warna latar belakang diatur menggunakan atribut bgcolor pada tag
, dan warna teks melalui atribut text. Untuk variasi, atribut text disetel ke angka heksadesimal, dan atribut bgcolor disetel ke kata kunci khusus teal .Dalam HTML, warna dapat ditentukan dengan tiga cara:
Mengatur warna dalam HTML berdasarkan namanya
Beberapa warna dapat ditentukan berdasarkan namanya, menggunakan nama warna dalam bahasa Inggris sebagai nilainya. Kata kunci yang paling umum: hitam, putih, merah, hijau, biru, dll.:
Warna teks – merah
Warna paling populer dari standar World Wide Web Consortium (W3C):
| Warna | Nama | Warna | Nama | Warna | Nama | Warna | Nama |
|---|---|---|---|---|---|---|---|
| Hitam | Abu-abu | Perak | Putih | ||||
| Kuning | Kapur | air | fuchsia | ||||
| Merah | Hijau | Biru | Ungu | ||||
| Merah tua | Zaitun | Angkatan laut | teal |
Contoh penggunaan nama warna yang berbeda:
Contoh: menentukan warna berdasarkan namanya
- Cobalah sendiri »
Tajuk di latar belakang merah
Header pada latar belakang oranye
Menuju latar belakang kapur
Teks putih dengan latar belakang biru
Tajuk di latar belakang merah
Header pada latar belakang oranye
Menuju latar belakang kapur
Teks putih dengan latar belakang biru
Menentukan Warna Menggunakan RGB
Saat menampilkan warna berbeda pada monitor, palet RGB digunakan sebagai dasar. Warna apa pun diperoleh dengan mencampurkan tiga warna dasar: R - merah, G - hijau, B - biru. Kecerahan setiap warna diberikan oleh satu byte dan oleh karena itu dapat mengambil nilai dari 0 hingga 255. Misalnya, RGB(255,0,0) ditampilkan sebagai merah karena merah disetel ke nilai tertinggi (255) dan sisanya diatur ke 0 Anda juga dapat mengatur warna sebagai persentase. Setiap parameter menunjukkan tingkat kecerahan warna yang sesuai. Misalnya: nilai rgb(127, 255, 127) dan rgb(50%, 100%, 50%) akan menetapkan warna hijau yang sama dengan saturasi sedang:
Contoh : Menentukan Warna Menggunakan RGB
- Cobalah sendiri »
rgb(127, 255, 127)
RGB(50%, 100%, 50%)
rgb(127, 255, 127)
RGB(50%, 100%, 50%)
Atur warna berdasarkan nilai heksadesimal
Nilai-nilai R G B juga dapat ditentukan menggunakan nilai warna heksadesimal (HEX) dalam bentuk: #RRGGBB dimana RR (merah), GG (hijau) dan BB (biru) adalah nilai heksadesimal dari 00 hingga FF (sama dengan desimal 0-255 ) . Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Sistem heksadesimal menggunakan tanda-tanda berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Di sini angka 10 sampai 15 diganti dengan huruf latin. Angka yang lebih besar dari 15 dalam sistem heksadesimal direpresentasikan dengan menggabungkan dua karakter menjadi satu nilai. Misalnya, angka tertinggi 255 dalam desimal sama dengan nilai FF tertinggi dalam heksadesimal. Berbeda dengan sistem desimal, bilangan heksadesimal diawali dengan simbol hash. # , misalnya, #FF0000 ditampilkan dengan warna merah karena merah disetel ke nilai tertingginya (FF) dan warna lainnya disetel ke nilai minimumnya (00). Tanda setelah simbol hash # Anda dapat mengetikkan huruf besar dan kecil. Sistem heksadesimal memungkinkan Anda menggunakan bentuk singkatan #rgb, di mana setiap karakter setara dengan dua kali lipat. Oleh karena itu, entri #f7O seharusnya dianggap sebagai #ff7700.
Contoh: Warna HEX
- Cobalah sendiri »
merah: #FF0000
hijau: #00FF00
biru: #0000FF
merah: #FF0000
hijau: #00FF00
biru: #0000FF
merah+hijau=kuning: #FFFF00
merah+biru=ungu: #FF00FF
hijau+biru=sian: #00FFFF
Daftar warna yang umum digunakan (nama, HEX dan RGB):
| nama Inggris | nama Rusia | Mencicipi | HEX | RGB | ||
|---|---|---|---|---|---|---|
| bayam | bayam | #E52B50 | 229 | 43 | 80 | |
| Amber | Amber | #FFBF00 | 255 | 191 | 0 | |
| air | Biru-hijau | #00FFFF | 0 | 255 | 255 | |
| Biru langit | Biru langit | #007FFF | 0 | 127 | 255 | |
| Hitam | Hitam | #000000 | 0 | 0 | 0 | |
| Biru | Biru | #0000FF | 0 | 0 | 255 | |
| Bondi Biru | Air pantai Bondi | #0095B6 | 0 | 149 | 182 | |
| Kuningan | Kuningan | #B5A642 | 181 | 166 | 66 | |
| Cokelat | Cokelat | #964B00 | 150 | 75 | 0 | |
| Berwarna biru langit | Biru langit | #007BA7 | 0 | 123 | 167 | |
| Hijau musim semi yang gelap | Hijau musim semi yang 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 | |
| Abu-abu | Abu-abu | #808080 | 128 | 128 | 128 | |
| Hijau | Hijau | #00FF00 | 0 | 255 | 0 | |
| Nila | Nila | #4B0082 | 75 | 0 | 130 | |
| Giok | Giok | #00A86B | 0 | 168 | 107 | |
| Kapur | Kapur | #CCFF00 | 204 | 255 | 0 | |
| perunggu | perunggu | #0BDA51 | 11 | 218 | 81 | |
| Angkatan laut | Biru tua | #000080 | 0 | 0 | 128 | |
| Oker | Oker | #CC7722 | 204 | 119 | 34 | |
| Zaitun | Zaitun | #808000 | 128 | 128 | 0 | |
| Oranye | Oranye | #FFA500 | 255 | 165 | 0 | |
| Persik | Persik | #FFE5B4 | 255 | 229 | 180 | |
| Labu kuning | Labu kuning | #FF7518 | 255 | 117 | 24 | |
| Ungu | Ungu | #800080 | 128 | 0 | 128 | |
| Merah | Merah | #FF0000 | 255 | 0 | 0 | |
| Kunyit | Kunyit | #F4C430 | 244 | 196 | 48 | |
| Laut Hijau | Laut hijau | #2E8B57 | 46 | 139 | 87 | |
| Rawa hijau | Bolotny | #ACB78E | 172 | 183 | 142 | |
| teal | Biru-hijau | #008080 | 0 | 128 | 128 | |
| Biru laut | Biru laut | #120A8F | 18 | 10 | 143 | |
| Ungu | Ungu | #8B00FF | 139 | 0 | 255 | |
| Kuning | Kuning | #FFFF00 | 255 | 255 | 0 | |
Kode warna (latar belakang) berdasarkan saturasi dan rona.
Angka heksadesimal digunakan untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, seperti namanya, didasarkan pada angka 16. Angka-angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka 10 sampai 15 diganti dengan huruf latin. Bilangan yang lebih besar dari 15 pada sistem heksadesimal dibentuk dengan menggabungkan dua bilangan menjadi satu. Misalnya, angka 255 dalam desimal sama dengan angka FF dalam heksadesimal. Untuk menghindari kebingungan dalam menentukan sistem bilangan, simbol hash # diletakkan sebelum bilangan heksadesimal, misalnya #666999. Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF. Jadi, simbol warna dibagi menjadi tiga komponen #rrggbb, dimana dua simbol pertama menunjukkan komponen warna merah, dua simbol di tengah menunjukkan komponen hijau, dan dua simbol terakhir menunjukkan komponen warna biru. Dibolehkan menggunakan bentuk singkatan #rgb, di mana setiap karakter harus digandakan. Jadi, entri #fe0 harus dianggap sebagai #ffee00.
Berdasarkan nama
| Penjelajah Internet | krom | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Browser mendukung beberapa warna berdasarkan namanya. Dalam tabel 1 menunjukkan nama, kode heksadesimal, RGB, nilai HSL dan deskripsi.
| Nama | Warna | Kode | RGB | HSL | Keterangan |
|---|---|---|---|---|---|
| putih | #ffffff atau #fff | rgb(255.255.255) | hsl(0,0%,100%) | Putih | |
| perak | #c0c0c0 | rgb(192.192.192) | hsl(0,0%,75%) | Abu-abu | |
| abu-abu | #808080 | rgb(128.128.128) | hsl(0,0%,50%) | Abu-abu gelap | |
| hitam | #000000 atau #000 | rgb(0,0,0) | hsl(0,0%,0%) | Hitam | |
| merah tua | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Merah tua | |
| merah | #ff0000 atau #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Merah | |
| oranye | #ffa500 | rgb(255.165,0) | hsl(38,8,100%,50%) | Oranye | |
| kuning | #ffff00 atau #ff0 | rgb(255.255,0) | hsl(60,100%,50%) | Kuning | |
| 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 | |
| air | #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 | |
| angkatan 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%) | Berwarna merah muda | |
| ungu | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Ungu |
Menggunakan RGB
| Penjelajah Internet | krom | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Anda dapat menentukan warna menggunakan nilai merah, hijau, dan biru dalam desimal. Masing-masing dari tiga komponen warna mengambil nilai dari 0 hingga 255. Juga diperbolehkan untuk menentukan warna sebagai persentase, dengan 100% sesuai dengan angka 255. Pertama, tentukan kata kunci rgb, lalu tentukan komponen warna dalam tanda kurung , dipisahkan dengan koma, misalnya rgb(255 , 128, 128) atau rgb(100%, 50%, 50%).
RGBA
| Penjelajah Internet | krom | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format RGBA serupa sintaksisnya dengan RGB, tetapi menyertakan saluran alfa yang menentukan transparansi elemen. Nilai 0 berarti transparan sepenuhnya, 1 buram, dan nilai antara seperti 0,5 berarti semi transparan.
RGBA telah ditambahkan ke CSS3, jadi kode CSS harus divalidasi terhadap versi ini. Perlu dicatat bahwa standar CSS3 masih dalam pengembangan dan beberapa fitur mungkin berubah. Misalnya, warna dalam format RGB yang ditambahkan ke properti background-color divalidasi, namun warna yang ditambahkan ke properti background tidak valid lagi. Pada saat yang sama, browser memahami warna untuk kedua properti dengan cukup tepat.
HSL
| Penjelajah Internet | krom | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Nama format HSL berasal dari kombinasi huruf pertama Hue (hue), Saturate (saturasi) dan Lightness (ringan). Hue adalah nilai warna pada roda warna (Gbr. 1) dan dinyatakan dalam derajat. 0° berarti merah, 120° berarti hijau, dan 240° berarti biru. Nilai rona dapat bervariasi dari 0 hingga 359.
Beras. 1. Roda warna
Saturasi adalah intensitas warna dan diukur dalam persentase dari 0% hingga 100%. Nilai 0% menunjukkan tidak adanya warna dan bayangan abu-abu, 100% adalah nilai maksimum saturasi.
Lightness menentukan seberapa cerah warnanya dan ditentukan dalam persentase dari 0% hingga 100%. Nilai rendah membuat warna lebih gelap, dan nilai tinggi membuat warna lebih terang; nilai ekstrem 0% dan 100% menunjukkan hitam putih.
HSLA
| Penjelajah Internet | krom | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Format HSLA serupa sintaksisnya dengan HSL, tetapi menyertakan saluran alfa untuk menentukan transparansi elemen. Nilai 0 berarti transparan sepenuhnya, 1 buram, dan nilai antara seperti 0,5 berarti semi transparan.
Nilai warna RGBA, HSL, dan HSLA telah ditambahkan ke CSS3, jadi harap periksa kode Anda untuk validitas versi saat menggunakan format ini.
HTML5 CSS2.1 CSS3 YAITU Cr Op Sa Fx
Peringatan
Semua metode penangkapan singa yang tercantum di situs ini bersifat teoretis dan berdasarkan metode komputasi. Penulis tidak menjamin keselamatan Anda saat menggunakannya dan tidak bertanggung jawab atas hasilnya. Ingat, singa adalah predator dan hewan berbahaya!
Hasil dari contoh ini ditunjukkan pada Gambar. 2.
Beras. 2. Warna pada halaman web
>> Manajemen warna
Nilai warna RGB heksadesimal
Metode mendeskripsikan dan memproses warna berbeda satu sama lain dalam representasi akhir yang dimaksudkan. Mari kita bandingkan, misalnya, representasi warna untuk pencetakan dan monitor komputer. Dalam kasus pertama, dasar diambil putih warna kertas yang selanjutnya diterapkan tiga warna primer: biru, ungu Dan kuning. Bercampur satu sama lain dan dengan warna kertas putih dalam proporsi yang berbeda, ketiga warna primer ini memberikan corak warna yang berbeda, kecuali hitam murni, atau jika tidak ada cat, mereka menghasilkan kertas putih. Jika kita menambahkan warna hitam pada mereka, kita dapatkan CMYK-metode transmisi warna ketika warna yang dibutuhkan diperoleh dengan mengurangkan warna yang hilang dari putih.
Dalam kasus kedua, dasar diambil hitam warna layar monitor, yang setiap selnya bersinar dalam salah satu dari tiga warna: merah-merah, hijau-hijau dan biru-biru. Kemudian, jika tidak ada cahaya sama sekali, kita mendapatkan warna layar hitam murni, dan warna apa pun yang diperlukan diberikan oleh rasio masing-masing dari ketiga warna tersebut. Dalam hal ini kita akan mendapatkan RGB-metode transmisi warna. Warna primer dapat berkisar dari 0
ke 255
, atau dari 0%
ke 100%
, atau dapat direpresentasikan sebagai nilai heksadesimal. Pada gambar di bawah ini Anda dapat melihat hasil pencampuran warna primer.
Sistem bilangan heksadesimal, tidak seperti sistem bilangan desimal, tidak memiliki sepuluh digit, tetapi enam belas - itulah namanya. Oleh karena itu, hanya ada varian kombinasi dua digit yang tidak berulang - 256 , untuk melanjutkan rangkaian angka setelahnya 9 surat dari A ke F, oleh karena itu, rangkaiannya akan terlihat seperti ini -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Dalam hal ini, warna ditentukan oleh tiga angka heksadesimal, yang masing-masing terdiri dari dua digit. Angka pertama menentukan intensitasnya merah warna, sedang- hijau, terakhir- biru warna. Semua angka dapat mengambil nilai dalam rentang dari 00 ke FF(dari 0 hingga 255). Misalnya: warna hijau diberikan sebagai #00FF00, merah - seperti #FF0000, biru - seperti #0000FF, putih - seperti #FFFFFF, tidak adanya warna atau hitam sama sekali diberikan sebagai #000000 .
Dalam formulir di bawah ini Anda dapat menentukan nilai heksadesimal apa pun untuk masing-masing dari tiga warna dan melihat hasil pencampurannya dengan mengklik di kolom keluaran.
Contoh beberapa nilai warna RGB heksadesimal: gradasi warna merah, biru dan hijau.
| melihat | kode | melihat | kode | melihat | kode | melihat | kode | melihat | kode | melihat | kode |
| #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 String Literal
Untuk kemudahan penggunaan, beberapa warna dan kombinasinya diberi nama yang dikenali oleh semua browser, dan banyak di antaranya dapat diatur berdasarkan nama. Tabel di bawah ini menunjukkan beberapa nama warna:
| melihat | Nama | melihat | Nama | melihat | Nama | melihat | Nama |
| Putih | Merah | Oranye | Kuning | ||||
| Hijau | Biru | Ungu | Hitam | ||||
| Alicebiru | putih antik | air | Aquamarine | ||||
| Biru langit | Krem | Bisque | Blanchedalmond | ||||
| biru ungu | Cokelat | kayu kekar | Kadet biru | ||||
| Minuman keras manis | Cokelat | Karang | Bunga jagung biru | ||||
| sutra jagung | Merah tua | Sian | Biru tua | ||||
| Cyan gelap | Batang Emas Gelap | Abu-abu gelap | Hijau tua | ||||
| Khaki gelap | Magenta gelap | darkolivegreen | Oranye gelap | ||||
| Anggrek gelap | Merah gelap | salmon hitam | hijau laut gelap | ||||
| Biru Batu Tulis Gelap | Abu-abu gelap | pirus gelap | ungu tua | ||||
| merah jambu dalam | Langit biru yang dalam | redup | pengelak biru | ||||
| Batu bata tahan api | Bunga putih | Hijau hutan | Fuchia | ||||
| Gainsboro | hantu putih | Emas | batang emas | ||||
| Abu-abu | Hijaukuning | embun madu | merah jambu panas | ||||
| merah India | Nila | Gading | Dril | ||||
| warna lembayung muda | Perona pipi lavender | lemonchiffon | Biru muda | ||||
| karang ringan | Cyan ringan | Batang dingin ringankuning | Hijau muda | ||||
| abu-abu terang | merah muda terang | ikan salmon ringan | Hijau muda | ||||
| Biru muda | Abu-abu terang | Biru Baja Ringan | Kuning muda | ||||
| Kapur | hijau limau | Linen | ungu | ||||
| Merah tua | Aquamarine sedang | Biru sedang | Anggrek sedang | ||||
| Ungu sedang | Hijau laut sedang | Biru batu tulis sedang | Hijau musim semi sedang | ||||
| Pirus sedang | Ungu sedang | Biru tengah malam | krim mint | ||||
| mawar berkabut | Navajoputih | Angkatan laut | renda tua | ||||
| Zaitun | Oliverab | berwarna oranye | Anggrek | ||||
| Batang emas pucat | Hijau pucat | paleteturquoise | palevioletred | ||||
| cambuk pepaya | kue persik | Peru | Berwarna merah muda | ||||
| Prem | bubuk biru | coklat kemerahan | biru kerajaan | ||||
| Pelana coklat | hijau laut | Kerang laut | Sienna | ||||
| Perak | Biru langit | batu tulis biru | abu-abu batu tulis | ||||
| Salju | hijau musim semi | Baja biru | Tan | ||||
| teal | thistle | Tomat | Pirus | ||||
| Ungu | Gandum | asap putih | Kuninghijau |
Menggunakan palet warna yang aman
Sayangnya, pada platform yang berbeda, dengan pengaturan sistem yang berbeda, reproduksi warna yang benar menjadi masalah. Masalahnya adalah browser selalu mencoba menyesuaikan palet warna dokumen dengan pengaturan sistem dan kemampuan monitor, dengan mencampurkan warna secara mandiri dan menggantinya. Akibatnya, terkadang pengguna tidak melihat secara pasti apa yang ingin ditunjukkan oleh webmaster kepadanya. Jalan keluar dari situasi ini ditemukan dengan menggunakan palet, yang setiap warnanya dijamin akan ditampilkan secara merata oleh semua browser di platform berbeda. Inilah yang disebut terjamin palet, juga disebut aman palet. Palet ini mencakup warna-warna yang komponen warnanya mempunyai nilai berikut: 00 ,33 ,66 ,99 , CC,FF, dengan segala cara yang memungkinkan 216 kombinasi mereka.
| melihat | kode | melihat | kode | melihat | kode | melihat | kode | melihat | kode | melihat | kode |
| 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 |
Seperti yang Anda ketahui, warna dapat mempengaruhi keadaan seseorang: baik mental maupun fisik. Setiap hari, saat menjelajahi situs web di Internet, mata mengevaluasi jutaan warna dan corak. Seorang web designer yang paham dengan psikologi warna dapat memanipulasi mood pengunjung untuk mencapai tujuan tertentu.
Hal ini disebabkan oleh fakta bahwa beberapa warna menenangkan, dan beberapa, sebaliknya, menggairahkan. Selanjutnya kita akan membahas tentang bagaimana warna disintesis dan ditampilkan menggunakan teknologi komputer.
RGB adalah model warna yang mewakili metode memperoleh semua warna dan coraknya dengan mencampurkan tiga komponen utama dalam berbagai proporsi, yaitu:
- merah ( Merah);
- warna hijau ( Hijau);
- warna biru ( Biru).
Dari sinilah nama singkatan RGB berasal. Warna-warna ini dipilih sebagai warna utama karena suatu alasan: alasannya adalah fisiologi retina mata manusia, dan cara persepsinya:
Model RGB tetap menjadi yang paling populer saat ini dan digunakan untuk mereproduksi warna pada layar TV dan monitor komputer. Karena produsen memberikan produk mereka karakteristik yang berbeda, pada tahun 1996 sistem sintesis warna terpadu berbasis RGB yang disebut sRGB dibuat, di mana Microsoft dan HP bekerja sama.
Representasi numerik warna
Seperti disebutkan sebelumnya, warna RGB dibentuk dengan mencampurkan warna primer. Untuk menggambarkan intensitas masing-masing warna, diadopsi skema di mana warna diwakili oleh rentang 0-255 (8 bit), yang dalam notasi heksadesimal sesuai dengan 00-FF.
Artinya, warna primer akan terlihat seperti ini:
- Merah – RGB (255,0,0);
- Hijau – RGB (0,255,0);
- Biru – RGB (0,0,255);
Jika intensitas warna bernilai kurang dari 255, maka diperoleh corak merah, hijau, dan biru yang berbeda. Berikut tabel gradasinya, serta nilai heksadesimal masing-masing coraknya:
Tabel warna RGB
Tentu saja, selain gradasi warna primer, ada juga warna campuran yang jumlahnya cukup banyak. Oleh karena itu, tabel warna RGB dibuat, yang menyajikan semua corak yang ada, serta nama dan representasi numeriknya ( dalam bentuk desimal dan heksadesimal).
Anda dapat melihatnya di sini. Tabel ini membuat hidup lebih mudah bagi desainer web, karena dalam beberapa detik Anda dapat menemukan warna yang diperlukan dan mengetahui representasi numeriknya.
Palet warna RGB yang aman
Namun, pada titik tertentu ada masalah dengan menampilkan warna di browser yang berbeda, dan untuk mengatasinya, apa yang disebut palet warna RGB "aman" dikompilasi, yang diperoleh melalui perhitungan matematis.
Jika browser tidak dapat menampilkan warna dengan benar, browser akan mencoba mendapatkan warna yang mendekati kebutuhannya dengan mencampurkan warna yang berdekatan, dan kemungkinan besar hasilnya sama sekali tidak dapat diterima:
Dengan menggunakan kode warna RGB dari palet ini, seorang pengembang web dapat merasa tenang mengenai tampilan warna pada halaman situs webnya jika dilihat menggunakan browser, platform, dan monitor yang berbeda. Meskipun saat ini tabel warna aman kehilangan relevansinya ( kemajuan teknologi masih tidak tinggal diam), saat menggunakannya Anda bisa, seperti kata mereka, tidur nyenyak.
Warna emas dalam model RGB
Kata "emas" pertama kali digunakan pada awal abad ke-14 untuk menggambarkan warna unsur kimia yang disebut Aurum - emas. Dalam model RGB, warna emas diwakili oleh nilai numerik berikut:
- RGB (255, 215, 0) – sistem desimal;
- HEX #FFD700 – sistem heksadesimal.
Warna krem dalam model RGB
Warna krem menempati tempat yang cukup penting dalam sejarah, meskipun bukan yang paling ekspresif. Banyak monumen budaya, terutama patung kuno, terbuat dari batu sabun dan batu sabun yang berwarna krem. Dalam model RGB, beige memiliki representasi numerik berikut:
- RGB (245, 245, 220) – sistem desimal;
- HEX #F5F5DC – sistem heksadesimal.
Saat ini, khususnya di World Wide Web, jarang melihat warna yang “membosankan”. Pengembang lebih mengutamakan desain yang menarik dengan penggunaan warna-warna cerah. Kemajuan teknologi memungkinkan untuk menampilkan sejumlah besar warna pada monitor, yang membuat gambar lebih realistis.
Baik Buruk