Warna web: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
|||
(115 revisi perantara oleh 78 pengguna tidak ditampilkan) | |||
Baris 1:
[[Berkas:Color_Palette.png|
'''Warna web''' atau disebut juga '''''hex''''' adalah warna-warna yang digunakan dalam perancangan
Seorang penulis halaman web memiliki banyak kebebasan dalam memilih warna yang akan digunakan bagi elemen-elemen dokumen webnya. Warna-warna yang dimaksud dapat dispesifikasikan menggunakan triplet [[RGB]] dalam format [[heksadesimal]] (disebut juga sebagai triplet heksadesimal). Cara lain adalah dengan mereferensikan warna-warna tersebut dengan namanya dalam [[bahasa Inggris]], akan tetapi cara ini berlaku terbatas pada hanya warna-warna yang telah dikenal atau dirumuskan. Untuk variasi-variasi warna lain umumnya digunakan [[
== Pemakaian dalam HTML ==
Dalam suatu halaman web yang berformat [[HTML]] warna-warna web dapat digunakan melalui definisi
akan memberikan hasil
Baris 16:
atau apabila digunakan referensi nama, misalnya 'Tomato'
akan diperoleh hasil
Baris 26:
== Triplet RGB ==
Triplet RGB terdiri dari enam buah karakter heksadesimal yang tiap dua-dua karakter masing-masing menyatakan entitas dari '''R'''ed (merah), '''G'''reen (hijau) dan '''B'''lue (biru). Nilai-nilai yang dapat diisikan untuk tiap-tiap entitas
{| class="wikitable" style="text-align:center;"
Baris 87:
|-
|style="background:#F0F8FF;"|
|#
|F0
|F8
Baris 115:
|}
Tiap dua karakter dari R, G dan B dapat pula direpresentasikan dalam satu [[byte|bita]] (delapan [[bit]]), sehingga RGB sendiri dapat
:
:
:
Akan tetapi cara ini umumnya dipergunakan dalam menyimpan informasi pada berkas grafik atau gambar dan tidak lazim digunakan dalam [[HTML]]. Walaupun demikian pengertian ini diperlukan mengingat batasan nilai yang dapat diisikan untuk tiap entitas RGB diturunkan dari batasan ukuran
:<math>256 \times 256 \times 256 = 16.777.216</math>
Baris 165:
|dark red
|#800000
|Maro
|-
|style="background:#800080;"|
|5
|MR
|#
|mister P
|-
|style="background:#808000;"|
Baris 181:
|style="background:#c0c0c0;"|
|7
|Hilton
|#
|M7
|-
|style="background:#808080;"|
Baris 195:
|light blue
|#0000FF
|-
|style="background:#00ff00;"|
Baris 237 ⟶ 236:
== Nama-nama warna X11 ==
Sebagai tambahan, sejumlah warna didefinisikan oleh beberapa [[
Hampir sama persis nama-nama warna seperti di atas digunakan dalam [[.net Framework]], dalam KnownColor dan enumerasi Color. Warna yang berbeda hanya
Daftar nama-nama yang dikirimkan bersama dengan produk X11 umumnya bervariasi antar berbagai implementasi, dan bentrok dengan nama-nama warna HTML misalnya ''green''. Lebih jauh, warna-warna X11 didefinisikan sebagai [[simple RGB]] (oleh karena itu bukan warna tertentu) dan bukan [[sRGB]]. Artinya daftar warna yang dapat ditemukan dalam X11 (sebagai contoh pada /usr/lib/X11/rgb.txt) tidak seharusnya langsung digunakan untuk memilih warna pada halaman web [http://lists.w3.org/Archives/Public/www-svg/2002Apr/0052.html 3].
Daftar "warna-warna X11" untuk web yang berasal dari spesifikasi CSS2 disajikan di bawah ini berikut representasi heksadesimalnya, bandingkan dengan daftar yang tersusun secara alfabet di [[W3C standard]] [http://www.w3.org/TR/css3-color#svg-color 4],[http://www.w3.org/TR/SVG/types.html#ColorKeywords 5]. Terdapat 141 nama-nama warna dalam kategori ini.
Baris 251 ⟶ 250:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:#CD5C5C;"|
|IndianRed
|#CD5C5C
|Merah tanah liat
|-
|style="background:#F08080;"|
|LightCoral
|#F08080
|Koral muda
|-
|style="background:#FA8072;"|
|Salmon
|#FA8072
|Bangbang
|-
|style="background:#E9967A;"|
|DarkSalmon
|#E9967A
|Bangbang tua
|-
|style="background:#FFA07A;"|
|LightSalmon
|#FFA07A
|Bangbang muda
|-
|style="background:#DC143C;"|
|Crimson
|#DC143C
|Merah lembayung
|-
|style="background:#FF0000;"|
|Red
|#FF0000
|Merah
|-
|style="background:#B22222;"|
|FireBrick
|#B22222
|Bata api
|-
|style="background:#8B0000;"|
|DarkRed
|#8B0000
|Merah tua
|-
|}
Baris 296 ⟶ 305:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:Pink;"|
|Pink
|#FFC0CB
|Pink, merah muda, merah jambu
|-
|style="background:LightPink;"|
|LightPink
|#FFB6C1
|Merah dadu
|-
|style="background:HotPink;"|
|HotPink
|#FF69B4
|
|-
|style="background:DeepPink;"|
|DeepPink
|#FF1493
|
|-
|style="background:MediumVioletRed;"|
|MediumVioletRed
|#C71585
|
|-
|style="background:PaleVioletRed;"|
|PaleVioletRed
|#DB7093
|
|-
|}
Baris 329 ⟶ 345:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:LightSalmon;"|
|LightSalmon
|#FFA07A
|Bangbang muda
|-
|style="background:Coral;"|
|Coral
|#FF7F50
|Koral
|-
|style="background:Tomato;"|
|Tomato
|#FF6347
|
|-
|style="background:OrangeRed;"|
|OrangeRed
|#FF4500
|Dewangga<ref name="warna-pusba">{{Cite book|last1=Adiwimarta|first1=Sri Sukesi|last2=dkk|date=1984|title=Daftar Istilah Warna|url=http://repositori.kemdikbud.go.id/1698/|edition=|location=Jakarta|publisher=Pusat Pembinaan dan Pengembangan Bahasa}}</ref>
|-
|style="background:DarkOrange;"|
|DarkOrange
|#FF8C00
|
|-
|style="background:Orange;"|
|Orange
|#FFA500
|Jingga
|-
|}
Baris 362 ⟶ 385:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:Gold;"|
|Gold
|#FFD700
|Kuning emas
|-
|style="background:Yellow;"|
|Yellow
|#FFFF00
|Kuning
|-
|style="background:LightYellow;"|
|LightYellow
|#FFFFE0
|Cempaka
|-
|style="background:LemonChiffon;"|
|LemonChiffon
|#FFFACD
|Kuning gading
|-
|style="background:LightGoldenrodYellow;"|
|LightGoldenrodYellow
|#FAFAD2
|
|-
|style="background:PapayaWhip;"|
|PapayaWhip
|#FFEFD5
|
|-
|style="background:Moccasin;"|
|Moccasin
|#FFE4B5
|
|-
|style="background:PeachPuff;"|
|PeachPuff
|#FFDAB9
|
|-
|style="background:PaleGoldenrod;"|
|PaleGoldenrod
|#EEE8AA
|
|-
|style="background:Khaki;"|
|Khaki
|#F0E68C
|Khaki
|-
|style="background:DarkKhaki;"|
|DarkKhaki
|#BDB76B
|Khaki tua
|-
|}
Baris 415 ⟶ 450:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:Lavender;"|
|Lavender
|#E6E6FA
|Gandaria<ref name="warna-pusba" />
|-
|style="background:Thistle;"|
|Thistle
|#D8BFD8
|
|-
|style="background:Plum;"|
|Plum
|#DDA0DD
|Ijas<ref name="warna-pusba" />
|-
|style="background:Violet;"|
|Violet
|#EE82EE
|Ungu<ref name="KBBIDviolet">{{cite web|url=https://kbbi.kemdikbud.go.id/entri/{{urlencode:violet|WIKI}}|title=Arti kata violet|website=KBBI Daring|department=Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud|access-date=26 Agustus 2021}}</ref>
|-
|style="background:Orchid;"|
|Orchid
|#DA70D6
|
|-
|style="background:Fuchsia;"|
|Fuchsia
|#FF00FF
|Fuhsyia<ref name="KBBID">{{cite web|url=https://kbbi.kemdikbud.go.id/|title=Pencarian di KBBI Daring|website=KBBI Daring|department=Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud|access-date=}}</ref>
|-
|style="background:Magenta;"|
|Magenta
|#FF00FF
|Patma<ref name="warna-pusba" />
|-
|style="background:MediumOrchid;"|
|MediumOrchid
|#BA55D3
|
|-
|style="background:MediumPurple;"|
|MediumPurple
|#9370DB
|
|-
|style="background:BlueViolet;"|
|BlueViolet
|#8A2BE2
|
|-
|style="background:DarkViolet;"|
|DarkViolet
|#9400D3
|Ungu tua
|-
|style="background:DarkOrchid;"|
|DarkOrchid
|#9932CC
|
|-
|style="background:DarkMagenta;"|
|DarkMagenta
|#8B008B
|Patma tua
|-
|style="background:Purple;"|
|Purple
|#800080
|Lembayung
|-
|style="background:Indigo;"|
|Indigo
|#4B0082
|Nila
|-
|style="background:SlateBlue;"|
|SlateBlue
|#6A5ACD
|
|-
|style="background:DarkSlateBlue;"|
|DarkSlateBlue
|#483D8B
|
|-
|}
=== Warna-warna hijau (23) ===
Baris 491 ⟶ 545:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:GreenYellow;"|
|GreenYellow
|#ADFF2F
|Hijau pandan
|-
|style="background:Chartreuse;"|
|Chartreuse
|#7FFF00
|Pucuk pisang
|-
|style="background:LawnGreen;"|
|LawnGreen
|#7CFC00
|Hijau rumput
|-
|style="background:Lime;"|
|Lime
|#00FF00
|Hijau pupus
|-
|style="background:LimeGreen;"|
|LimeGreen
|#32CD32
|Hijau gadung
|-
|style="background:PaleGreen;"|
|PaleGreen
|#98FB98
|
|-
|style="background:LightGreen;"|
|LightGreen
|#90EE90
|
|-
|style="background:MediumSpringGreen;"|
|MediumSpringGreen
|#00FA9A
|
|-
|style="background:SpringGreen;"|
|SpringGreen
|#00FF7F
|Hijau suji
|-
|style="background:MediumSeaGreen;"|
|MediumSeaGreen
|#3CB371
|
|-
|style="background:SeaGreen;"|
|SeaGreen
|#2E8B57
|
|-
|style="background:ForestGreen;"|
|ForestGreen
|#228B22
|Hijau jelah
|-
|style="background:Green;"|
|Green
|#008000
|Hijau
|-
|style="background:DarkGreen;"|
|DarkGreen
|#006400
|Balu
|-
|style="background:YellowGreen;"|
|YellowGreen
|#9ACD32
|
|-
|style="background:OliveDrab;"|
|OliveDrab
|#6B8E23
|
|-
|style="background:Olive;"|
|Olive
|#808000
|Zaitun
|-
|style="background:DarkOliveGreen;"|
|DarkOliveGreen
|#556B2F
|Hijau lumut
|-
|style="background:MediumAquamarine;"|
|MediumAquamarine
|#66CDAA
|
|-
|style="background:DarkSeaGreen;"|
|DarkSeaGreen
|#8FBC8F
|
|-
|style="background:LightSeaGreen;"|
|LightSeaGreen
|#20B2AA
|
|-
|style="background:DarkCyan;"|
|DarkCyan
|#008B8B
|Nilangsuka tua
|-
|style="background:Teal;"|
|Teal
|#008080
|Hijau laut
|-
|}
Baris 591 ⟶ 669:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:Aqua;"|
|Aqua
|#00FFFF
|Biru air
|-
|style="background:Cyan;"|
|Cyan
|#00FFFF
|Nilangsuka
|-
|style="background:LightCyan;"|
|LightCyan
|#E0FFFF
|Nialngsuka muda
|-
|style="background:PaleTurquoise;"|
|PaleTurquoise
|#AFEEEE
|Toska pucat
|-
|style="background:Aquamarine;"|
|Aquamarine
|#7FFFD4
|
|-
|style="background:Turquoise;"|
|Turquoise
|#40E0D0
|Toska
|-
|style="background:MediumTurquoise;"|
|MediumTurquoise
|#48D1CC
|Toska sedang
|-
|style="background:DarkTurquoise;"|
|DarkTurquoise
|#00CED1
|Toska tua
|-
|style="background:CadetBlue;"|
|CadetBlue
|#5F9EA0
|
|-
|style="background:SteelBlue;"|
|SteelBlue
|#4682B4
|
|-
|style="background:LightSteelBlue;"|
|LightSteelBlue
|#B0C4DE
|Biru ceraka
|-
|style="background:PowderBlue;"|
|PowderBlue
|#B0E0E6
|
|-
|style="background:LightBlue;"|
|LightBlue
|#ADD8E6
|Biru muda
|-
|style="background:SkyBlue;"|
|SkyBlue
|#87CEEB
|Biru siang
|-
|style="background:LightSkyBlue;"|
|LightSkyBlue
|#87CEFA
|Biru siang muda
|-
|style="background:DeepSkyBlue;"|
|DeepSkyBlue
|#00BFFF
|Biru siang dalam
|-
|style="background:DodgerBlue;"|
|DodgerBlue
|#1E90FF
|
|-
|style="background:CornflowerBlue;"|
|CornflowerBlue
|#6495ED
|Lazuardi
|-
|style="background:MediumSlateBlue;"|
|MediumSlateBlue
|#7B68EE
|
|-
|style="background:RoyalBlue;"|
|RoyalBlue
|#4169E1
|Biru indah<ref>{{Cite book|last=Echols|first=John M.|last2=Shadily|first2=Hassan|date=1975|url=https://books.google.com/books?id=XUSayY7aeKoC&newbks=0&printsec=frontcover&pg=PA492&dq=royal+blue+biru+indah&hl=en|title=An English-Indonesian Dictionary|publisher=Cornell University Press|isbn=978-0-8014-9859-6|language=id}}</ref>
|-
|style="background:Blue;"|
|Blue
|#0000FF
|Biru
|-
|style="background:MediumBlue;"|
|MediumBlue
|#0000CD
|Biru sedang
|-
|style="background:DarkBlue;"|
|DarkBlue
|#00008B
|Biru tua
|-
|style="background:Navy;"|
|Navy
|#000080
|Biru dongker
|-
|style="background:MidnightBlue;"|
|Midnight Blue
|#191970
|Biru malam
|-
|}
Baris 699 ⟶ 803:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:Cornsilk;"|
|Cornsilk
|#FFF8DC
|
|-
|style="background:BlanchedAlmond;"|
|BlanchedAlmond
|#FFEBCD
|
|-
|style="background:Bisque;"|
|Bisque
|#FFE4C4
|
|-
|style="background:NavajoWhite;"|
|NavajoWhite
|#FFDEAD
|
|-
|style="background:Wheat;"|
|Wheat
|#F5DEB3
|
|-
|style="background:BurlyWood;"|
|BurlyWood
|#DEB887
|
|-
|style="background:Tan;"|
|Tan
|#D2B48C
|Sawo matang
|-
|style="background:RosyBrown;"|
|RosyBrown
|#BC8F8F
|Pirang tibarau
|-
|style="background:SandyBrown;"|
|SandyBrown
|#F4A460
|
|-
|style="background:Goldenrod;"|
|Goldenrod
|#DAA520
|
|-
|style="background:DarkGoldenrod;"|
|DarkGoldenrod
|#B8860B
|
|-
|style="background:Peru;"|
|Peru
|#CD853F
|
|-
|style="background:Chocolate;"|
|Chocolate
|#D2691E
|Kayu manis
|-
|style="background:SaddleBrown;"|
|SaddleBrown
|#8B4513
|
|-
|style="background:Sienna;"|
|Sienna
|#A0522D
|
|-
|style="background:Brown;"|
|Brown
|#A52A2A
|Cokelat
|-
|style="background:Maroon;"|
|Maroon
|#800000
|Merah manggis
|-
|}
Baris 775 ⟶ 897:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:White;"|
|White
|#FFFFFF
|Putih
|-
|style="background:Snow;"|
|Snow
|#FFFAFA
|Putih melepak
|-
|style="background:Honeydew;"|
|Honeydew
|#F0FFF0
|Nusaindah
|-
|style="background:MintCream;"|
|MintCream
|#F5FFFA
|Putih murup
|-
|style="background:Azure;"|
|Azure
|#F0FFFF
|Putih pasi
|-
|style="background:AliceBlue;"|
|AliceBlue
|#F0F8FF
|Kebam
|-
|style="background:GhostWhite;"|
|GhostWhite
|#F8F8FF
|Putih kapur
|-
|style="background:WhiteSmoke;"|
|WhiteSmoke
|#F5F5F5
|Putih mutiara
|-
|style="background:Seashell;"|
|Seashell
|#FFF5EE
|Putih belak
|-
|style="background:Beige;"|
|Beige
|#F5F5DC
|Putih kuam
|-
|style="background:OldLace;"|
|OldLace
|#FDF5E6
|Putih bahana
|-
|style="background:FloralWhite;"|
|FloralWhite
|#FFFAF0
|Kinantan
|-
|style="background:Ivory;"|
|Ivory
|#FFFFF0
|Danta
|-
|style="background:AntiqueWhite;"|
|AntiqueWhite
|#FAEBD7
|
|-
|style="background:Linen;"|
|Linen
|#FAF0E6
|
|-
|style="background:LavenderBlush;"|
|LavenderBlush
|#FFF0F5
|Taluki
|-
|style="background:MistyRose;"|
|MistyRose
|#FFE4E1
|Kayas
|-
|}
Baris 851 ⟶ 991:
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
!Arti nama
|-
|style="background:Gainsboro;"|
|Gainsboro
|#DCDCDC
|Putih perak
|-
|style="background:LightGrey;"|
|LightGrey
|#D3D3D3
|
|-
|style="background:Silver;"|
|Silver
|#C0C0C0
|Perak
|-
|style="background:DarkGray;"|
|DarkGray
|#A9A9A9
|Nilajada<ref name="warna-pusba" />
|-
|style="background:Gray;"|
|Gray
|#808080
|Abu-abu
|-
|style="background:DimGray;"|
|DimGray
|#696969
|
|-
|style="background:LightSlateGray;"|
|LightSlateGray
|#778899
|
|-
|style="background:SlateGray;"|
|SlateGray
|#708090
|Hitam sabak
|-
|style="background:DarkSlateGray;"|
|DarkSlateGray
|#2F4F4F
|
|-
|style="background:Black;"|
|Black
|#000000
|Hitam
|-
|}
== Warna-warna aman untuk web ==
{{kedalaman warna}}
Terdapat suatu kumpulan dari 216 warna yang dinyatakan sebagai palet warna "web-aman", yang dikembangkan saat komputer pada masa itu hanya dapat menyajikan 256 warna. Suatu kumpulan warna dibutuhkan yang tidak saling tertukar dalam sistem [[monitor 256 warna]]; jumlah 216 dipilih sebagian disebabkan sistem operasi komputer yang terbiasa menyediakan enam belas sampai dua puluh warna untuk penggunaan tertentu; hal ini juga disebabkan cara ini mengizinkan pembagian tepat enam lajur untuk tiap komponen warna merah, hijau dan biru (6 x 6 x 6 = 216). Palet warna ini ditemukan pertama kali oleh Lynda Weinman.
Daftar warna-warna sering ditampilkan jika warna-warna di dalamnya memiliki sifat khusus sehingga [[kebal akan kemiripan]] atau dapat tertukarkan dengan anggota lain dari daftar yang sama. Dalam kenyataannya, pada [[tampilan 256 warna]] program-program aplikasi dapat mengubah palet agar berisikan warna-warna yang dipilihnya, menyampingkan sisa warna-warna yang ada. Warna-warna ini dipilih secara khusus karena cocok dengan palet-palet yang digunakan oleh banyak peramban web terkini. Untungnya, tidak terdapat perbedaan yang terlalu radikal antara berbagai palet yang digunakan berbagai macam [[peramban web]].
[[Berkas:Cube_Color.png|jmpl|Kubus warna 3x3x3]]
Warna-warna "aman-web" memiliki suatu kesalahan dalam hal ini, dalam sistem-sistem seperti [[X11]] di mana [[palet]] digunakan bersama antara program-program aplikasi, suatu [[kubus warna]] lebih kecil (5x5x5 atau 4x4x4) kadang dialokasikan oleh peramban web, sehingga boleh dikatakan warna-warna "aman-web" menjadi tidak lagi kebal kemiripan dalam sistem seperti itu. Hasil yang lebih baik diperoleh dengan menyediakan suatu imej dengan rentang warna yang lebar dan membiarkan peramban web untuk melakukan kuantisasi ruang warna apabila dibutuhkan, dibandingkan menderita akibat hilangnya kualitas disebabkan oleh suatu kuantisasi berganda.
Pada awal abad 21, dipicu oleh kebutuhan [[permainan video]] dan [[foto digital]], [[komputer personal]] khususnya memiliki setidaknya warna dengan kedalaman 16-bit dan umumnya 24-bit ([[warna-sesungguhnya]] atau ''truecolor''). Bahkan [[devais mobil]] memiliki setidaknya warna dengan kedalaman 16-bit, didorong oleh perkembangan [[kamera]] pada [[telepon genggam]]. Penggunaan warna "aman-web" tidak lagi dibutuhkan, akan tetapi tetap bertahan sebagai [[hikayat]].
Baris 1.225 ⟶ 1.376:
|style="background:#ffa500;"|
|#FFA500
|jingga
|-
|style="background:#000000;"|
|#000000
|hitam
|-
|style="background:#000080;"|
|#000080
|biru tua/biru laut
|-
|style="background:#008000;"|
|#008000
|hijau
|-
|style="background:#008080;"|
|#008080
|hijau telur
|-
|style="background:#800000;"|
|#800000
|merah tua/marun
|-
|style="background:#800080;"|
|#800080
|ungu
|-
|style="background:#808000;"|
|#808000
|coklat zaitun
|-
|style="background:#c0c0c0;"|
|#C0C0C0
|perak
|-
|style="background:#808080;"|
|#808080
|abu-abu
|-
|style="background:#0000ff;"|
|#0000FF
|biru
|-
|style="background:#00ff00;"|
|#00FF00
|hijau muda/limau
|-
|style="background:#00ffff;"|
|#00FFFF
|biru muda/akua
|-
|style="background:#ff0000;"|
|#FF0000
|merah
|-
|style="background:#ff00ff;"|
|#FF00FF
|magenta muda
|-
|style="background:#ffff00;"|
|#FFFF00
|kuning
|-
|style="background:#ffffff;"|
|#FFFFFF
|putih
|-
|}
== Warna-warna khusus produsen
Sebagai tambanan para produsen [[
== Referensi ==
{{Reflist}}
[[Kategori:Warna]]
[[Kategori:Desain web]]
|