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
 
(22 revisi perantara oleh 17 pengguna tidak ditampilkan)
Baris 1:
[[Berkas:Color_Palette.png|jmpl|Contoh palet warna]]
warna-warna yang digunakan dalam perancangan halaman-halaman , dan juga cara mendeskripsikan dan melakukan spesifikasi dari warna-warna tersebut.
 
'''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 elemenlain adalah dengan mereferensikan warna-warna tersebut dengan namanya dalam , akan tetapi cara ini berlaku terbatas pada hanya warna-warna yang telahuntuk membuatnya. Di samping adalah contoh sebuah palet warna yang terdiri dari 2048 macam warna.
 
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 stilgaya (''style'') suatu entitas. Hampir setiap entitas HTML dewasa ini mendukung penggunaan stilgaya.
 
<code><nowiki>&lt;b style="color:#FF9329;"&gt;Contoh penggunaan warna #FF9329 pada tag b dalam HTML.&lt;/b&gt;</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 direpresentasikandiwakilkan dalam suatu entitas berukuran 3 ''byte''bita:
 
:bytebita 1: nilai merah (R)
:bytebita 2: nilai hijau (G)
:bytebita 3: nilai biru (B)
 
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 bytebita yang dulunya hanya 8 bit (0-255 atau 00-FF). Meskipun adanya batasan tersebut jumlah warna yang dapat ditampilkan menggunakan sistem pewarnaan ini sudah cukup banyak, yaitu
 
:<math>256 \times 256 \times 256 = 16.777.216</math>
Baris 163 ⟶ 165:
|dark red
|#800000
|Maro
|maroon
|-
|style="background:#800080;"|
|5
|MR
|magenta
|#8000801308
|mister P
|purple
|-
|style="background:#808000;"|
Baris 179 ⟶ 181:
|style="background:#c0c0c0;"|
|7
|Hilton
|light gray
|#C0C0C0130882
|M7
|silver
|-
|style="background:#808080;"|
Baris 193 ⟶ 195:
|light blue
|#0000FF
|blue
|-
|style="background:#00ff00;"|
Baris 254 ⟶ 255:
|IndianRed
|#CD5C5C
|Merah Indiantanah liat
|-
|style="background:#F08080;"|
Baris 264 ⟶ 265:
|Salmon
|#FA8072
|Bangbang
|[[Salmon]]
|-
|style="background:#E9967A;"|
|DarkSalmon
|#E9967A
|SalmonBangbang tua
|-
|style="background:#FFA07A;"|
|LightSalmon
|#FFA07A
|SalmonBangbang muda
|-
|style="background:#DC143C;"|
|Crimson
|#DC143C
|Merah lembayung
|Lembayung, kirmizi
|-
|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
|Oranye, jingga
|-
|}
Baris 389 ⟶ 390:
|Gold
|#FFD700
|Kuning emas
|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
|Lavender, gandariaGandaria<ref name="warna-pusba" />
|-
|style="background:Thistle;"|
Baris 469 ⟶ 470:
|Violet
|#EE82EE
|Violet, ungu lembayungUngu<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;"|
Baris 479 ⟶ 480:
|Fuchsia
|#FF00FF
|FusiaFuhsyia<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
|Magenta, merah lembayungPatma<ref name="warna-pusba" />
|-
|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
|Ungu
|-
|style="background:Indigo;"|
|Indigo
|#4B0082
|Nila, indigo
|-
|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
|Sian
|-
|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 langitsiang
|-
|style="background:LightSkyBlue;"|
|LightSkyBlue
|#87CEFA
|Biru langitsiang muda
|-
|style="background:DeepSkyBlue;"|
|DeepSkyBlue
|#00BFFF
|Biru langitsiang dalam
|-
|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>
|Nilakandi<ref name="kompas-warna">{{Cite web|date=2020-10-30|title=Nama-nama Warna dalam Bahasa Inggris|url=https://www.kompas.com/skola/read/2020/10/30/135520269/nama-nama-warna-dalam-bahasa-inggris|website=KOMPAS.com|language=id|access-date=2021-08-26}}</ref>
|-
|style="background:Blue;"|
Baris 787 ⟶ 789:
|Navy
|#000080
|Biru lautdongker
|-
|style="background:MidnightBlue;"|
|Midnight Blue
|MidnightBlue
|#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
|oranye
|-
|style="background:#000000;"|