Warna web: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
Tidak ada ringkasan suntingan Tag: Dikembalikan VisualEditor Suntingan perangkat seluler Suntingan peramban seluler |
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
||
(21 revisi perantara oleh 16 pengguna tidak ditampilkan) | |||
Baris 1:
[[Berkas:Color_Palette.png|jmpl|Contoh palet warna]]
'''Warna web''' atau disebut juga '''''hex''''' adalah warna-warna yang digunakan dalam perancangan laman-laman [[web]], dan juga cara mendeskripsikan dan melakukan spesifikasi dari warna-warna tersebut.
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 [[peranti lunak]] grafik atau [[perkakas warna]] untuk membuatnya. Di samping adalah contoh sebuah palet warna yang terdiri dari 2048 macam warna.
== Pemakaian dalam HTML ==
Dalam suatu halaman web yang berformat [[HTML]] warna-warna web dapat digunakan melalui definisi
<code><nowiki><b style="color:#FF9329;">Contoh penggunaan warna #FF9329 pada tag b dalam HTML.</b></nowiki></code>
Baris 113 ⟶ 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 163 ⟶ 165:
|dark red
|#800000
|Maro
|-
|style="background:#800080;"|
|5
|MR
|#
|mister P
|-
|style="background:#808000;"|
Baris 179 ⟶ 181:
|style="background:#c0c0c0;"|
|7
|Hilton
|#
|M7
|-
|style="background:#808080;"|
Baris 193 ⟶ 195:
|light blue
|#0000FF
|-
|style="background:#00ff00;"|
Baris 254 ⟶ 255:
|IndianRed
|#CD5C5C
|Merah
|-
|style="background:#F08080;"|
Baris 264 ⟶ 265:
|Salmon
|#FA8072
|Bangbang
|-
|style="background:#E9967A;"|
|DarkSalmon
|#E9967A
|
|-
|style="background:#FFA07A;"|
|LightSalmon
|#FFA07A
|
|-
|style="background:#DC143C;"|
|Crimson
|#DC143C
|Merah lembayung
|-
|style="background:#FF0000;"|
Baris 314 ⟶ 315:
|LightPink
|#FFB6C1
|Merah dadu
|-
|style="background:HotPink;"|
Baris 349 ⟶ 350:
|LightSalmon
|#FFA07A
|Bangbang muda
|-
|style="background:Coral;"|
|Coral
|#FF7F50
|Koral
|-
|style="background:Tomato;"|
Baris 374 ⟶ 375:
|Orange
|#FFA500
|Jingga
|-
|}
Baris 389 ⟶ 390:
|Gold
|#FFD700
|Kuning emas
|-
|style="background:Yellow;"|
Baris 399 ⟶ 400:
|LightYellow
|#FFFFE0
|Cempaka
|-
|style="background:LemonChiffon;"|
|LemonChiffon
|#FFFACD
|Kuning gading
|-
|style="background:LightGoldenrodYellow;"|
Baris 439 ⟶ 440:
|DarkKhaki
|#BDB76B
|Khaki tua
|-
|}
Baris 454 ⟶ 455:
|Lavender
|#E6E6FA
|
|-
|style="background:Thistle;"|
Baris 469 ⟶ 470:
|Violet
|#EE82EE
|
|-
|style="background:Orchid;"|
Baris 479 ⟶ 480:
|Fuchsia
|#FF00FF
|
|-
|style="background:Magenta;"|
|Magenta
|#FF00FF
|
|-
|style="background:MediumOrchid;"|
Baris 504 ⟶ 505:
|DarkViolet
|#9400D3
|Ungu tua
|-
|style="background:DarkOrchid;"|
Baris 514 ⟶ 515:
|DarkMagenta
|#8B008B
|Patma tua
|-
|style="background:Purple;"|
|Purple
|#800080
|Lembayung
|-
|style="background:Indigo;"|
|Indigo
|#4B0082
|Nila
|-
|style="background:SlateBlue;"|
Baris 537 ⟶ 538:
|-
|}
=== Warna-warna hijau (23) ===
Baris 548 ⟶ 550:
|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;"|
Baris 588 ⟶ 590:
|SpringGreen
|#00FF7F
|Hijau suji
|-
|style="background:MediumSeaGreen;"|
Baris 603 ⟶ 605:
|ForestGreen
|#228B22
|Hijau jelah
|-
|style="background:Green;"|
Baris 613 ⟶ 615:
|DarkGreen
|#006400
|Balu
|-
|style="background:YellowGreen;"|
Baris 628 ⟶ 630:
|Olive
|#808000
|Zaitun
|-
|style="background:DarkOliveGreen;"|
|DarkOliveGreen
|#556B2F
|Hijau lumut
|-
|style="background:MediumAquamarine;"|
Baris 653 ⟶ 655:
|DarkCyan
|#008B8B
|Nilangsuka tua
|-
|style="background:Teal;"|
|Teal
|#008080
|Hijau laut
|-
|}
Baris 677 ⟶ 679:
|Cyan
|#00FFFF
|Nilangsuka
|-
|style="background:LightCyan;"|
|LightCyan
|#E0FFFF
|Nialngsuka muda
|-
|style="background:PaleTurquoise;"|
Baris 722 ⟶ 724:
|LightSteelBlue
|#B0C4DE
|Biru ceraka
|-
|style="background:PowderBlue;"|
Baris 737 ⟶ 739:
|SkyBlue
|#87CEEB
|Biru
|-
|style="background:LightSkyBlue;"|
|LightSkyBlue
|#87CEFA
|Biru
|-
|style="background:DeepSkyBlue;"|
|DeepSkyBlue
|#00BFFF
|Biru
|-
|style="background:DodgerBlue;"|
Baris 757 ⟶ 759:
|CornflowerBlue
|#6495ED
|Lazuardi
|-
|style="background:MediumSlateBlue;"|
Baris 767 ⟶ 769:
|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;"|
Baris 787 ⟶ 789:
|Navy
|#000080
|Biru
|-
|style="background:MidnightBlue;"|
|Midnight Blue
|#191970
|Biru malam
Baris 836 ⟶ 838:
|Tan
|#D2B48C
|Sawo matang
|-
|style="background:RosyBrown;"|
|RosyBrown
|#BC8F8F
|Pirang tibarau
|-
|style="background:SandyBrown;"|
Baris 866 ⟶ 868:
|Chocolate
|#D2691E
|Kayu manis
|-
|style="background:SaddleBrown;"|
Baris 881 ⟶ 883:
|Brown
|#A52A2A
|Cokelat
|-
|style="background:Maroon;"|
|Maroon
|#800000
|Merah manggis
|-
|}
Baris 900 ⟶ 902:
|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;"|
Baris 975 ⟶ 977:
|LavenderBlush
|#FFF0F5
|Taluki
|-
|style="background:MistyRose;"|
|MistyRose
|#FFE4E1
|Kayas
|-
|}
Baris 994 ⟶ 996:
|Gainsboro
|#DCDCDC
|Putih perak
|-
|style="background:LightGrey;"|
Baris 1.004 ⟶ 1.006:
|Silver
|#C0C0C0
|Perak
|-
|style="background:DarkGray;"|
Baris 1.014 ⟶ 1.016:
|Gray
|#808080
|Abu-abu
|-
|style="background:DimGray;"|
Baris 1.029 ⟶ 1.031:
|SlateGray
|#708090
|Hitam sabak
|-
|style="background:DarkSlateGray;"|
Baris 1.039 ⟶ 1.041:
|Black
|#000000
|Hitam
|-
|}
Baris 1.374 ⟶ 1.376:
|style="background:#ffa500;"|
|#FFA500
|jingga
|-
|style="background:#000000;"|
|