Lompat ke isi

Warna web: Perbedaan antara revisi

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Jelajahi riwayat secara interaktif
← Revisi sebelumnya
Konten dihapus Konten ditambahkan
VisualTeks wiki
Tidak ada ringkasan suntingan
Tag: Suntingan perangkat seluler Suntingan peramban seluler
 
(119 revisi perantara oleh 78 pengguna tidak ditampilkan)
Baris 1: Baris 1:
[[Berkas:Color_Palette.png|thumb|Contoh palet warna]]
[[Berkas:Color_Palette.png|jmpl|Contoh palet warna]]


'''Warna web''' adalah warna-warna yang digunakan dalam perancangan halaman-halaman [[web]], 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 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 [[piranti lunak]] grafik atau [[perkakas warna]] untuk 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 ==
== Pemakaian dalam HTML ==
Dalam suatu halaman web yang berformat [[HTML]] warna-warna web dapat digunakan melalui definisi stil (''style'') suatu entitas. Hampir setiap entitas HTML dewasa ini mendukung penggunaan stil.
Dalam suatu halaman web yang berformat [[HTML]] warna-warna web dapat digunakan melalui definisi gaya (''style'') suatu entitas. Hampir setiap entitas HTML dewasa ini mendukung penggunaan gaya.


<nowiki>&lt;b style="color:#FF9329;"&gt;Contoh penggunaan warna #FF9329 pada tag b dalam HTML.&lt;/b&gt;</nowiki>
<code><nowiki>&lt;b style="color:#FF9329;"&gt;Contoh penggunaan warna #FF9329 pada tag b dalam HTML.&lt;/b&gt;</nowiki></code>


akan memberikan hasil
akan memberikan hasil
Baris 16: Baris 16:
atau apabila digunakan referensi nama, misalnya 'Tomato'
atau apabila digunakan referensi nama, misalnya 'Tomato'


<nowiki>&lt;b style="color:Tomato;"&gt;Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.&lt;/b&gt;</nowiki>
<code><nowiki>&lt;b style="color:Tomato;"&gt;Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.&lt;/b&gt;</nowiki></code>


akan diperoleh hasil
akan diperoleh hasil
Baris 26: Baris 26:
== Triplet RGB ==
== 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 RBG ini adalah dari 00 sampai FF. Atau dalam angka desimal 0 sampai 255.
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 RGB ini adalah dari 00 sampai FF. Atau dalam angka desimal 0 sampai 255.


{| class="wikitable" style="text-align:center;"
{| class="wikitable" style="text-align:center;"
Baris 87: Baris 87:
|-
|-
|style="background:#F0F8FF;"|
|style="background:#F0F8FF;"|
|#0000FF
|#F0F8FF
|F0
|F0
|F8
|F8
Baris 115: Baris 115:
|}
|}


Tiap dua karakter dari R, G dan B dapat pula direpresentasikan dalam satu [[byte]] (delapan [[bit]]), sehingga RGB sendiri dapat direpresentasikan dalam suatu entitas berukuran 3 ''byte'':
Tiap dua karakter dari R, G dan B dapat pula direpresentasikan dalam satu [[byte|bita]] (delapan [[bit]]), sehingga RGB sendiri dapat diwakilkan dalam suatu entitas berukuran 3 bita:


:byte 1: nilai merah (R)
:bita 1: nilai merah (R)
:byte 2: nilai hijau (G)
:bita 2: nilai hijau (G)
:byte 3: nilai biru (B)
:bita 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 byte 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
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 bita 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>
:<math>256 \times 256 \times 256 = 16.777.216</math>
Baris 165: Baris 165:
|dark red
|dark red
|#800000
|#800000
|Maro
|maroon
|-
|-
|style="background:#800080;"|
|style="background:#800080;"|
|5
|5
|MR
|magenta
|#800080
|#1308
|mister P
|purple
|-
|-
|style="background:#808000;"|
|style="background:#808000;"|
Baris 181: Baris 181:
|style="background:#c0c0c0;"|
|style="background:#c0c0c0;"|
|7
|7
|Hilton
|light gray
|#C0C0C0
|#130882
|M7
|silver
|-
|-
|style="background:#808080;"|
|style="background:#808080;"|
Baris 195: Baris 195:
|light blue
|light blue
|#0000FF
|#0000FF
|blue
|-
|-
|style="background:#00ff00;"|
|style="background:#00ff00;"|
Baris 237: Baris 236:
== Nama-nama warna X11 ==
== Nama-nama warna X11 ==


Sebagai tambahan, sejumlah warna didefinisikan oleh beberapa [[penjelajah web]] seperti [[Internet Explorer]] atau [[Mozilla Firefox]]. Suatu penjelajah web mungkin tidak dapat mengenalai semua warna ini, akan tetapi sejak tahun 2005 semua penjelajah web moderen mendukung secara lengkap warna-warna yang terdaftar. Banyak dari warna-warna ini diambil dari daftar warna-warna [[X11]] yang didistribusikan bersama sistem [[X Window]], Warna-warna tersebut telah distandarisasi oleh [[SVG 1.0]] dan didukung oleh agen-agen pengguna [[SVG Full]]. Akan tetapi bukan merupakan bagian dari [[SVG Tiny]].
Sebagai tambahan, sejumlah warna didefinisikan oleh beberapa [[peramban web]] seperti [[Internet Explorer]] atau [[Mozilla Firefox]] dalam [[bahasa Inggris]]. Suatu peramban web mungkin tidak dapat mengenali semua warna ini, akan tetapi sejak tahun 2005 semua peramban web modern mendukung secara lengkap warna-warna yang terdaftar. Banyak dari warna-warna ini diambil dari daftar warna-warna [[X11]] yang didistribusikan bersama sistem [[X Window]], Warna-warna tersebut telah distandardisasi oleh [[SVG 1.0]] dan didukung oleh agen-agen pengguna [[SVG Full]]. Akan tetapi bukan merupakan bagian dari [[SVG Tiny]].


Hampir sama persis nama-nama warna seperti di atas digunakan dalam [[.net Framework]], dalam KnownColor dan enumerasi Color. Warna yang berbeda hanya DarkSeaGree yang didefinisikan sebagai 8F,BC,8B (dan bukan 8F,BC,8F).
Hampir sama persis nama-nama warna seperti di atas digunakan dalam [[.net Framework]], dalam KnownColor dan enumerasi Color. Warna yang berbeda hanya ''DarkSeaGreen'' yang didefinisikan sebagai 8F,BC,8B (dan bukan 8F,BC,8F).


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 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.
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: Baris 250:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:#CD5C5C;"|
|style="background:#CD5C5C;"|
|IndianRed
|IndianRed
|#CD5C5C
|#CD5C5C
|Merah tanah liat
|-
|-
|style="background:#F08080;"|
|style="background:#F08080;"|
|LightCoral
|LightCoral
|#F08080
|#F08080
|Koral muda
|-
|-
|style="background:#FA8072;"|
|style="background:#FA8072;"|
|Salmon
|Salmon
|#FA8072
|#FA8072
|Bangbang
|-
|-
|style="background:#E9967A;"|
|style="background:#E9967A;"|
|DarkSalmon
|DarkSalmon
|#E9967A
|#E9967A
|Bangbang tua
|-
|-
|style="background:#FFA07A;"|
|style="background:#FFA07A;"|
|LightSalmon
|LightSalmon
|#FFA07A
|#FFA07A
|Bangbang muda
|-
|-
|style="background:#DC143C;"|
|style="background:#DC143C;"|
|Crimson
|Crimson
|#DC143C
|#DC143C
|Merah lembayung
|-
|-
|style="background:#FF0000;"|
|style="background:#FF0000;"|
|Red
|Red
|#FF0000
|#FF0000
|Merah
|-
|-
|style="background:#B22222;"|
|style="background:#B22222;"|
|FireBrick
|FireBrick
|#B22222
|#B22222
|Bata api
|-
|-
|style="background:#8B0000;"|
|style="background:#8B0000;"|
|DarkRed
|DarkRed
|#8B0000
|#8B0000
|Merah tua
|-
|-
|}
|}
Baris 296: Baris 305:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:Pink;"|
|style="background:Pink;"|
|Pink
|Pink
|#FFC0CB
|#FFC0CB
|Pink, merah muda, merah jambu
|-
|-
|style="background:LightPink;"|
|style="background:LightPink;"|
|LightPink
|LightPink
|#FFB6C1
|#FFB6C1
|Merah dadu
|-
|-
|style="background:HotPink;"|
|style="background:HotPink;"|
|HotPink
|HotPink
|#FF69B4
|#FF69B4
|
|-
|-
|style="background:DeepPink;"|
|style="background:DeepPink;"|
|DeepPink
|DeepPink
|#FF1493
|#FF1493
|
|-
|-
|style="background:MediumVioletRed;"|
|style="background:MediumVioletRed;"|
|MediumVioletRed
|MediumVioletRed
|#C71585
|#C71585
|
|-
|-
|style="background:PaleVioletRed;"|
|style="background:PaleVioletRed;"|
|PaleVioletRed
|PaleVioletRed
|#DB7093
|#DB7093
|
|-
|-
|}
|}
Baris 329: Baris 345:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:LightSalmon;"|
|style="background:LightSalmon;"|
|LightSalmon
|LightSalmon
|#FFA07A
|#FFA07A
|Bangbang muda
|-
|-
|style="background:Coral;"|
|style="background:Coral;"|
|Coral
|Coral
|#FF7F50
|#FF7F50
|Koral
|-
|-
|style="background:Tomato;"|
|style="background:Tomato;"|
|Tomato
|Tomato
|#FF6347
|#FF6347
|
|-
|-
|style="background:OrangeRed;"|
|style="background:OrangeRed;"|
|OrangeRed
|OrangeRed
|#FF4500
|#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;"|
|style="background:DarkOrange;"|
|DarkOrange
|DarkOrange
|#FF8C00
|#FF8C00
|
|-
|-
|style="background:Orange;"|
|style="background:Orange;"|
|Orange
|Orange
|#FFA500
|#FFA500
|Jingga
|-
|-
|}
|}
Baris 362: Baris 385:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:Gold;"|
|style="background:Gold;"|
|Gold
|Gold
|#FFD700
|#FFD700
|Kuning emas
|-
|-
|style="background:Yellow;"|
|style="background:Yellow;"|
|Yellow
|Yellow
|#FFFF00
|#FFFF00
|Kuning
|-
|-
|style="background:LightYellow;"|
|style="background:LightYellow;"|
|LightYellow
|LightYellow
|#FFFFE0
|#FFFFE0
|Cempaka
|-
|-
|style="background:LemonChiffon;"|
|style="background:LemonChiffon;"|
|LemonChiffon
|LemonChiffon
|#FFFACD
|#FFFACD
|Kuning gading
|-
|-
|style="background:LightGoldenrodYellow;"|
|style="background:LightGoldenrodYellow;"|
|LightGoldenrodYellow
|LightGoldenrodYellow
|#FAFAD2
|#FAFAD2
|
|-
|-
|style="background:PapayaWhip;"|
|style="background:PapayaWhip;"|
|PapayaWhip
|PapayaWhip
|#FFEFD5
|#FFEFD5
|
|-
|-
|style="background:Moccasin;"|
|style="background:Moccasin;"|
|Moccasin
|Moccasin
|#FFE4B5
|#FFE4B5
|
|-
|-
|style="background:PeachPuff;"|
|style="background:PeachPuff;"|
|PeachPuff
|PeachPuff
|#FFDAB9
|#FFDAB9
|
|-
|-
|style="background:PaleGoldenrod;"|
|style="background:PaleGoldenrod;"|
|PaleGoldenrod
|PaleGoldenrod
|#EEE8AA
|#EEE8AA
|
|-
|-
|style="background:Khaki;"|
|style="background:Khaki;"|
|Khaki
|Khaki
|#F0E68C
|#F0E68C
|Khaki
|-
|-
|style="background:DarkKhaki;"|
|style="background:DarkKhaki;"|
|DarkKhaki
|DarkKhaki
|#BDB76B
|#BDB76B
|Khaki tua
|-
|-
|}
|}
Baris 415: Baris 450:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:Lavender;"|
|style="background:Lavender;"|
|Lavender
|Lavender
|#E6E6FA
|#E6E6FA
|Gandaria<ref name="warna-pusba" />
|-
|-
|style="background:Thistle;"|
|style="background:Thistle;"|
|Thistle
|Thistle
|#D8BFD8
|#D8BFD8
|
|-
|-
|style="background:Plum;"|
|style="background:Plum;"|
|Plum
|Plum
|#DDA0DD
|#DDA0DD
|Ijas<ref name="warna-pusba" />
|-
|-
|style="background:Violet;"|
|style="background:Violet;"|
|Violet
|Violet
|#EE82EE
|#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;"|
|style="background:Orchid;"|
|Orchid
|Orchid
|#DA70D6
|#DA70D6
|
|-
|-
|style="background:Fuchsia;"|
|style="background:Fuchsia;"|
|Fuchsia
|Fuchsia
|#FF00FF
|#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;"|
|style="background:Magenta;"|
|Magenta
|Magenta
|#FF00FF
|#FF00FF
|Patma<ref name="warna-pusba" />
|-
|-
|style="background:MediumOrchid;"|
|style="background:MediumOrchid;"|
|MediumOrchid
|MediumOrchid
|#BA55D3
|#BA55D3
|
|-
|-
|style="background:MediumPurple;"|
|style="background:MediumPurple;"|
|MediumPurple
|MediumPurple
|#9370DB
|#9370DB
|
|-
|-
|style="background:BlueViolet;"|
|style="background:BlueViolet;"|
|BlueViolet
|BlueViolet
|#8A2BE2
|#8A2BE2
|
|-
|-
|style="background:DarkViolet;"|
|style="background:DarkViolet;"|
|DarkViolet
|DarkViolet
|#9400D3
|#9400D3
|Ungu tua
|-
|-
|style="background:DarkOrchid;"|
|style="background:DarkOrchid;"|
|DarkOrchid
|DarkOrchid
|#9932CC
|#9932CC
|
|-
|-
|style="background:DarkMagenta;"|
|style="background:DarkMagenta;"|
|DarkMagenta
|DarkMagenta
|#8B008B
|#8B008B
|Patma tua
|-
|-
|style="background:Purple;"|
|style="background:Purple;"|
|Purple
|Purple
|#800080
|#800080
|Lembayung
|-
|-
|style="background:Indigo;"|
|style="background:Indigo;"|
|Indigo
|Indigo
|#4B0082
|#4B0082
|Nila
|-
|-
|style="background:SlateBlue;"|
|style="background:SlateBlue;"|
|SlateBlue
|SlateBlue
|#6A5ACD
|#6A5ACD
|
|-
|-
|style="background:DarkSlateBlue;"|
|style="background:DarkSlateBlue;"|
|DarkSlateBlue
|DarkSlateBlue
|#483D8B
|#483D8B
|
|-
|-
|}
|}



=== Warna-warna hijau (23) ===
=== Warna-warna hijau (23) ===
Baris 491: Baris 545:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:GreenYellow;"|
|style="background:GreenYellow;"|
|GreenYellow
|GreenYellow
|#ADFF2F
|#ADFF2F
|Hijau pandan
|-
|-
|style="background:Chartreuse;"|
|style="background:Chartreuse;"|
|Chartreuse
|Chartreuse
|#7FFF00
|#7FFF00
|Pucuk pisang
|-
|-
|style="background:LawnGreen;"|
|style="background:LawnGreen;"|
|LawnGreen
|LawnGreen
|#7CFC00
|#7CFC00
|Hijau rumput
|-
|-
|style="background:Lime;"|
|style="background:Lime;"|
|Lime
|Lime
|#00FF00
|#00FF00
|Hijau pupus
|-
|-
|style="background:LimeGreen;"|
|style="background:LimeGreen;"|
|LimeGreen
|LimeGreen
|#32CD32
|#32CD32
|Hijau gadung
|-
|-
|style="background:PaleGreen;"|
|style="background:PaleGreen;"|
|PaleGreen
|PaleGreen
|#98FB98
|#98FB98
|
|-
|-
|style="background:LightGreen;"|
|style="background:LightGreen;"|
|LightGreen
|LightGreen
|#90EE90
|#90EE90
|
|-
|-
|style="background:MediumSpringGreen;"|
|style="background:MediumSpringGreen;"|
|MediumSpringGreen
|MediumSpringGreen
|#00FA9A
|#00FA9A
|
|-
|-
|style="background:SpringGreen;"|
|style="background:SpringGreen;"|
|SpringGreen
|SpringGreen
|#00FF7F
|#00FF7F
|Hijau suji
|-
|-
|style="background:MediumSeaGreen;"|
|style="background:MediumSeaGreen;"|
|MediumSeaGreen
|MediumSeaGreen
|#3CB371
|#3CB371
|
|-
|-
|style="background:SeaGreen;"|
|style="background:SeaGreen;"|
|SeaGreen
|SeaGreen
|#2E8B57
|#2E8B57
|
|-
|-
|style="background:ForestGreen;"|
|style="background:ForestGreen;"|
|ForestGreen
|ForestGreen
|#228B22
|#228B22
|Hijau jelah
|-
|-
|style="background:Green;"|
|style="background:Green;"|
|Green
|Green
|#008000
|#008000
|Hijau
|-
|-
|style="background:DarkGreen;"|
|style="background:DarkGreen;"|
|DarkGreen
|DarkGreen
|#006400
|#006400
|Balu
|-
|-
|style="background:YellowGreen;"|
|style="background:YellowGreen;"|
|YellowGreen
|YellowGreen
|#9ACD32
|#9ACD32
|
|-
|-
|style="background:OliveDrab;"|
|style="background:OliveDrab;"|
|OliveDrab
|OliveDrab
|#6B8E23
|#6B8E23
|
|-
|-
|style="background:Olive;"|
|style="background:Olive;"|
|Olive
|Olive
|#808000
|#808000
|Zaitun
|-
|-
|style="background:DarkOliveGreen;"|
|style="background:DarkOliveGreen;"|
|DarkOliveGreen
|DarkOliveGreen
|#556B2F
|#556B2F
|Hijau lumut
|-
|-
|style="background:MediumAquamarine;"|
|style="background:MediumAquamarine;"|
|MediumAquamarine
|MediumAquamarine
|#66CDAA
|#66CDAA
|
|-
|-
|style="background:DarkSeaGreen;"|
|style="background:DarkSeaGreen;"|
|DarkSeaGreen
|DarkSeaGreen
|#8FBC8F
|#8FBC8F
|
|-
|-
|style="background:LightSeaGreen;"|
|style="background:LightSeaGreen;"|
|LightSeaGreen
|LightSeaGreen
|#20B2AA
|#20B2AA
|
|-
|-
|style="background:DarkCyan;"|
|style="background:DarkCyan;"|
|DarkCyan
|DarkCyan
|#008B8B
|#008B8B
|Nilangsuka tua
|-
|-
|style="background:Teal;"|
|style="background:Teal;"|
|Teal
|Teal
|#008080
|#008080
|Hijau laut
|-
|-
|}
|}
Baris 591: Baris 669:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:Aqua;"|
|style="background:Aqua;"|
|Aqua
|Aqua
|#00FFFF
|#00FFFF
|Biru air
|-
|-
|style="background:Cyan;"|
|style="background:Cyan;"|
|Cyan
|Cyan
|#00FFFF
|#00FFFF
|Nilangsuka
|-
|-
|style="background:LightCyan;"|
|style="background:LightCyan;"|
|LightCyan
|LightCyan
|#E0FFFF
|#E0FFFF
|Nialngsuka muda
|-
|-
|style="background:PaleTurquoise;"|
|style="background:PaleTurquoise;"|
|PaleTurquoise
|PaleTurquoise
|#AFEEEE
|#AFEEEE
|Toska pucat
|-
|-
|style="background:Aquamarine;"|
|style="background:Aquamarine;"|
|Aquamarine
|Aquamarine
|#7FFFD4
|#7FFFD4
|
|-
|-
|style="background:Turquoise;"|
|style="background:Turquoise;"|
|Turquoise
|Turquoise
|#40E0D0
|#40E0D0
|Toska
|-
|-
|style="background:MediumTurquoise;"|
|style="background:MediumTurquoise;"|
|MediumTurquoise
|MediumTurquoise
|#48D1CC
|#48D1CC
|Toska sedang
|-
|-
|style="background:DarkTurquoise;"|
|style="background:DarkTurquoise;"|
|DarkTurquoise
|DarkTurquoise
|#00CED1
|#00CED1
|Toska tua
|-
|-
|style="background:CadetBlue;"|
|style="background:CadetBlue;"|
|CadetBlue
|CadetBlue
|#5F9EA0
|#5F9EA0
|
|-
|-
|style="background:SteelBlue;"|
|style="background:SteelBlue;"|
|SteelBlue
|SteelBlue
|#4682B4
|#4682B4
|
|-
|-
|style="background:LightSteelBlue;"|
|style="background:LightSteelBlue;"|
|LightSteelBlue
|LightSteelBlue
|#B0C4DE
|#B0C4DE
|Biru ceraka
|-
|-
|style="background:PowderBlue;"|
|style="background:PowderBlue;"|
|PowderBlue
|PowderBlue
|#B0E0E6
|#B0E0E6
|
|-
|-
|style="background:LightBlue;"|
|style="background:LightBlue;"|
|LightBlue
|LightBlue
|#ADD8E6
|#ADD8E6
|Biru muda
|-
|-
|style="background:SkyBlue;"|
|style="background:SkyBlue;"|
|SkyBlue
|SkyBlue
|#87CEEB
|#87CEEB
|Biru siang
|-
|-
|style="background:LightSkyBlue;"|
|style="background:LightSkyBlue;"|
|LightSkyBlue
|LightSkyBlue
|#87CEFA
|#87CEFA
|Biru siang muda
|-
|-
|style="background:DeepSkyBlue;"|
|style="background:DeepSkyBlue;"|
|DeepSkyBlue
|DeepSkyBlue
|#00BFFF
|#00BFFF
|Biru siang dalam
|-
|-
|style="background:DodgerBlue;"|
|style="background:DodgerBlue;"|
|DodgerBlue
|DodgerBlue
|#1E90FF
|#1E90FF
|
|-
|-
|style="background:CornflowerBlue;"|
|style="background:CornflowerBlue;"|
|CornflowerBlue
|CornflowerBlue
|#6495ED
|#6495ED
|Lazuardi
|-
|-
|style="background:MediumSlateBlue;"|
|style="background:MediumSlateBlue;"|
|MediumSlateBlue
|MediumSlateBlue
|#7B68EE
|#7B68EE
|
|-
|-
|style="background:RoyalBlue;"|
|style="background:RoyalBlue;"|
|RoyalBlue
|RoyalBlue
|#4169E1
|#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;"|
|style="background:Blue;"|
|Blue
|Blue
|#0000FF
|#0000FF
|Biru
|-
|-
|style="background:MediumBlue;"|
|style="background:MediumBlue;"|
|MediumBlue
|MediumBlue
|#0000CD
|#0000CD
|Biru sedang
|-
|-
|style="background:DarkBlue;"|
|style="background:DarkBlue;"|
|DarkBlue
|DarkBlue
|#00008B
|#00008B
|Biru tua
|-
|-
|style="background:Navy;"|
|style="background:Navy;"|
|Navy
|Navy
|#000080
|#000080
|Biru dongker
|-
|-
|style="background:MidnightBlue;"|
|style="background:MidnightBlue;"|
|Midnight Blue
|MidnightBlue
|#191970
|#191970
|Biru malam
|-
|-
|}
|}
Baris 699: Baris 803:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:Cornsilk;"|
|style="background:Cornsilk;"|
|Cornsilk
|Cornsilk
|#FFF8DC
|#FFF8DC
|
|-
|-
|style="background:BlanchedAlmond;"|
|style="background:BlanchedAlmond;"|
|BlanchedAlmond
|BlanchedAlmond
|#FFEBCD
|#FFEBCD
|
|-
|-
|style="background:Bisque;"|
|style="background:Bisque;"|
|Bisque
|Bisque
|#FFE4C4
|#FFE4C4
|
|-
|-
|style="background:NavajoWhite;"|
|style="background:NavajoWhite;"|
|NavajoWhite
|NavajoWhite
|#FFDEAD
|#FFDEAD
|
|-
|-
|style="background:Wheat;"|
|style="background:Wheat;"|
|Wheat
|Wheat
|#F5DEB3
|#F5DEB3
|
|-
|-
|style="background:BurlyWood;"|
|style="background:BurlyWood;"|
|BurlyWood
|BurlyWood
|#DEB887
|#DEB887
|
|-
|-
|style="background:Tan;"|
|style="background:Tan;"|
|Tan
|Tan
|#D2B48C
|#D2B48C
|Sawo matang
|-
|-
|style="background:RosyBrown;"|
|style="background:RosyBrown;"|
|RosyBrown
|RosyBrown
|#BC8F8F
|#BC8F8F
|Pirang tibarau
|-
|-
|style="background:SandyBrown;"|
|style="background:SandyBrown;"|
|SandyBrown
|SandyBrown
|#F4A460
|#F4A460
|
|-
|-
|style="background:Goldenrod;"|
|style="background:Goldenrod;"|
|Goldenrod
|Goldenrod
|#DAA520
|#DAA520
|
|-
|-
|style="background:DarkGoldenrod;"|
|style="background:DarkGoldenrod;"|
|DarkGoldenrod
|DarkGoldenrod
|#B8860B
|#B8860B
|
|-
|-
|style="background:Peru;"|
|style="background:Peru;"|
|Peru
|Peru
|#CD853F
|#CD853F
|
|-
|-
|style="background:Chocolate;"|
|style="background:Chocolate;"|
|Chocolate
|Chocolate
|#D2691E
|#D2691E
|Kayu manis
|-
|-
|style="background:SaddleBrown;"|
|style="background:SaddleBrown;"|
|SaddleBrown
|SaddleBrown
|#8B4513
|#8B4513
|
|-
|-
|style="background:Sienna;"|
|style="background:Sienna;"|
|Sienna
|Sienna
|#A0522D
|#A0522D
|
|-
|-
|style="background:Brown;"|
|style="background:Brown;"|
|Brown
|Brown
|#A52A2A
|#A52A2A
|Cokelat
|-
|-
|style="background:Maroon;"|
|style="background:Maroon;"|
|Maroon
|Maroon
|#800000
|#800000
|Merah manggis
|-
|-
|}
|}
Baris 775: Baris 897:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:White;"|
|style="background:White;"|
|White
|White
|#FFFFFF
|#FFFFFF
|Putih
|-
|-
|style="background:Snow;"|
|style="background:Snow;"|
|Snow
|Snow
|#FFFAFA
|#FFFAFA
|Putih melepak
|-
|-
|style="background:Honeydew;"|
|style="background:Honeydew;"|
|Honeydew
|Honeydew
|#F0FFF0
|#F0FFF0
|Nusaindah
|-
|-
|style="background:MintCream;"|
|style="background:MintCream;"|
|MintCream
|MintCream
|#F5FFFA
|#F5FFFA
|Putih murup
|-
|-
|style="background:Azure;"|
|style="background:Azure;"|
|Azure
|Azure
|#F0FFFF
|#F0FFFF
|Putih pasi
|-
|-
|style="background:AliceBlue;"|
|style="background:AliceBlue;"|
|AliceBlue
|AliceBlue
|#F0F8FF
|#F0F8FF
|Kebam
|-
|-
|style="background:GhostWhite;"|
|style="background:GhostWhite;"|
|GhostWhite
|GhostWhite
|#F8F8FF
|#F8F8FF
|Putih kapur
|-
|-
|style="background:WhiteSmoke;"|
|style="background:WhiteSmoke;"|
|WhiteSmoke
|WhiteSmoke
|#F5F5F5
|#F5F5F5
|Putih mutiara
|-
|-
|style="background:Seashell;"|
|style="background:Seashell;"|
|Seashell
|Seashell
|#FFF5EE
|#FFF5EE
|Putih belak
|-
|-
|style="background:Beige;"|
|style="background:Beige;"|
|Beige
|Beige
|#F5F5DC
|#F5F5DC
|Putih kuam
|-
|-
|style="background:OldLace;"|
|style="background:OldLace;"|
|OldLace
|OldLace
|#FDF5E6
|#FDF5E6
|Putih bahana
|-
|-
|style="background:FloralWhite;"|
|style="background:FloralWhite;"|
|FloralWhite
|FloralWhite
|#FFFAF0
|#FFFAF0
|Kinantan
|-
|-
|style="background:Ivory;"|
|style="background:Ivory;"|
|Ivory
|Ivory
|#FFFFF0
|#FFFFF0
|Danta
|-
|-
|style="background:AntiqueWhite;"|
|style="background:AntiqueWhite;"|
|AntiqueWhite
|AntiqueWhite
|#FAEBD7
|#FAEBD7
|
|-
|-
|style="background:Linen;"|
|style="background:Linen;"|
|Linen
|Linen
|#FAF0E6
|#FAF0E6
|
|-
|-
|style="background:LavenderBlush;"|
|style="background:LavenderBlush;"|
|LavenderBlush
|LavenderBlush
|#FFF0F5
|#FFF0F5
|Taluki
|-
|-
|style="background:MistyRose;"|
|style="background:MistyRose;"|
|MistyRose
|MistyRose
|#FFE4E1
|#FFE4E1
|Kayas
|-
|-
|}
|}
Baris 851: Baris 991:
!width="150"|[[Nama]] [[HTML]]
!width="150"|[[Nama]] [[HTML]]
![[Heksadesimal]]
![[Heksadesimal]]
!Arti nama
|-
|-
|style="background:Gainsboro;"|
|style="background:Gainsboro;"|
|Gainsboro
|Gainsboro
|#DCDCDC
|#DCDCDC
|Putih perak
|-
|-
|style="background:LightGrey;"|
|style="background:LightGrey;"|
|LightGrey
|LightGrey
|#D3D3D3
|#D3D3D3
|
|-
|-
|style="background:Silver;"|
|style="background:Silver;"|
|Silver
|Silver
|#C0C0C0
|#C0C0C0
|Perak
|-
|-
|style="background:DarkGray;"|
|style="background:DarkGray;"|
|DarkGray
|DarkGray
|#A9A9A9
|#A9A9A9
|Nilajada<ref name="warna-pusba" />
|-
|-
|style="background:Gray;"|
|style="background:Gray;"|
|Gray
|Gray
|#808080
|#808080
|Abu-abu
|-
|-
|style="background:DimGray;"|
|style="background:DimGray;"|
|DimGray
|DimGray
|#696969
|#696969
|
|-
|-
|style="background:LightSlateGray;"|
|style="background:LightSlateGray;"|
|LightSlateGray
|LightSlateGray
|#778899
|#778899
|
|-
|-
|style="background:SlateGray;"|
|style="background:SlateGray;"|
|SlateGray
|SlateGray
|#708090
|#708090
|Hitam sabak
|-
|-
|style="background:DarkSlateGray;"|
|style="background:DarkSlateGray;"|
|DarkSlateGray
|DarkSlateGray
|#2F4F4F
|#2F4F4F
|
|-
|-
|style="background:Black;"|
|style="background:Black;"|
|Black
|Black
|#000000
|#000000
|Hitam
|-
|-
|}
|}


== Warna-warna aman untuk web ==
== 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]].
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 mengijinkan pembagian tepat enam lajur untuk tiap komponen warna merah, hijau dan biru (6 x 6 x = 216). Palet warna ini ditemukan pertama kali oleh Lynda Weinman.


[[Berkas:Cube_Color.png|jmpl|Kubus warna 3x3x3]]
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 penjelajah web terkini. Untungnya, tidak terdapat perbedaan yang terlalu radikal antara berbagai palet yang digunakan berbagai macam [[penjelajah web]].


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.
[[Berkas:Cube_Color.png|thumb|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 penjelajah 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 penjelajah 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]].
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 943: Baris 1.094:
Dalam tabel berikut ini disajikan warna-warna "aman-web" yang tersusun atas tiga digit nilai seperti dituliskan dalam tabel sebelumnya.
Dalam tabel berikut ini disajikan warna-warna "aman-web" yang tersusun atas tiga digit nilai seperti dituliskan dalam tabel sebelumnya.


{| width="80%" class="wikitable" style="color:white;width:80%;text-align:center"
<table width=100% class="88th" style="color:white;text-align:center"><tr style="color: black;"><td style="background: #FFF;">FFF</td><td style="background: #FFC;">FFC</td><td style="background: #FF9;">FF9</td><td style="background: #FF6;">FF6</td><td style="background: #FF3;">FF3</td><td style="background: #FF0;">FF0</td></tr><tr style="color: black;"><td style="background: #FCF;">FCF</td><td style="background: #FCC;">FCC</td><td style="background: #FC9;">FC9</td><td style="background: #FC6;">FC6</td><td style="background: #FC3;">FC3</td><td style="background: #FC0;">FC0</td></tr><tr style="color: black;"><td style="background: #F9F;">F9F</td><td style="background: #F9C;">F9C</td><td style="background: #F99;">F99</td><td style="background: #F96;">F96</td><td style="background: #F93;">F93</td><td style="background: #F90;">F90</td></tr><tr><td style="background: #F6F;">F6F</td><td style="background: #F6C;">F6C</td><td style="background: #F69;">F69</td><td style="background: #F66;">F66</td><td style="background: #F63;">F63</td><td style="background: #F60;">F60</td></tr><tr><td style="background: #F3F;">F3F</td><td style="background: #F3C;">F3C</td><td style="background: #F39;">F39</td><td style="background: #F36;">F36</td><td style="background: #F33;">F33</td><td style="background: #F30;">F30</td></tr><tr><td style="background: #F0F;">F0F</td><td style="background: #F0C;">F0C</td><td style="background: #F09;">F09</td><td style="background: #F06;">F06</td><td style="background: #F03;">F03</td><td style="background: #F00;">F00</td></tr><tr style="color: black;"><td style="background: #CFF;">CFF</td><td style="background: #CFC;">CFC</td><td style="background: #CF9;">CF9</td><td style="background: #CF6;">CF6</td><td style="background: #CF3;">CF3</td><td style="background: #CF0;">CF0</td></tr><tr style="color: black;"><td style="background: #CCF;">CCF</td><td style="background: #CCC;">CCC</td><td style="background: #CC9;">CC9</td><td style="background: #CC6;">CC6</td><td style="background: #CC3;">CC3</td><td style="background: #CC0;">CC0</td></tr><tr style="color: black;"><td style="background: #C9F;">C9F</td><td style="background: #C9C;">C9C</td><td style="background: #C99;">C99</td><td style="background: #C96;">C96</td><td style="background: #C93;">C93</td><td style="background: #C90;">C90</td></tr><tr><td style="background: #C6F;">C6F</td><td style="background: #C6C;">C6C</td><td style="background: #C69;">C69</td><td style="background: #C66;">C66</td><td style="background: #C63;">C63</td><td style="background: #C60;">C60</td></tr><tr><td style="background: #C3F;">C3F</td><td style="background: #C3C;">C3C</td><td style="background: #C39;">C39</td><td style="background: #C36;">C36</td><td style="background: #C33;">C33</td><td style="background: #C30;">C30</td></tr><tr><td style="background: #C0F;">C0F</td><td style="background: #C0C;">C0C</td><td style="background: #C09;">C09</td><td style="background: #C06;">C06</td><td style="background: #C03;">C03</td><td style="background: #C00;">C00</td></tr><tr style="color: black;"><td style="background: #9FF;">9FF</td><td style="background: #9FC;">9FC</td><td style="background: #9F9;">9F9</td><td style="background: #9F6;">9F6</td><td style="background: #9F3;">9F3</td><td style="background: #9F0;">9F0</td></tr><tr style="color: black;"><td style="background: #9CF;">9CF</td><td style="background: #9CC;">9CC</td><td style="background: #9C9;">9C9</td><td style="background: #9C6;">9C6</td><td style="background: #9C3;">9C3</td><td style="background: #9C0;">9C0</td></tr><tr style="color: black;"><td style="background: #99F;">99F</td><td style="background: #99C;">99C</td><td style="background: #999;">999</td><td style="background: #996;">996</td><td style="background: #993;">993</td><td style="background: #990;">990</td></tr><tr><td style="background: #96F;">96F</td><td style="background: #96C;">96C</td><td style="background: #969;">969</td><td style="background: #966;">966</td><td style="background: #963;">963</td><td style="background: #960;">960</td></tr><tr><td style="background: #93F;">93F</td><td style="background: #93C;">93C</td><td style="background: #939;">939</td><td style="background: #936;">936</td><td style="background: #933;">933</td><td style="background: #930;">930</td></tr><tr><td style="background: #90F;">90F</td><td style="background: #90C;">90C</td><td style="background: #909;">909</td><td style="background: #906;">906</td><td style="background: #903;">903</td><td style="background: #900;">900</td></tr><tr style="color: black;"><td style="background: #6FF;">6FF</td><td style="background: #6FC;">6FC</td><td style="background: #6F9;">6F9</td><td style="background: #6F6;">6F6</td><td style="background: #6F3;">6F3</td><td style="background: #6F0;">6F0</td></tr><tr style="color: black;"><td style="background: #6CF;">6CF</td><td style="background: #6CC;">6CC</td><td style="background: #6C9;">6C9</td><td style="background: #6C6;">6C6</td><td style="background: #6C3;">6C3</td><td style="background: #6C0;">6C0</td></tr><tr style="color: black;"><td style="background: #69F;">69F</td><td style="background: #69C;">69C</td><td style="background: #699;">699</td><td style="background: #696;">696</td><td style="background: #693;">693</td><td style="background: #690;">690</td></tr><tr><td style="background: #66F;">66F</td><td style="background: #66C;">66C</td><td style="background: #669;">669</td><td style="background: #666;">666</td><td style="background: #663;">663</td><td style="background: #660;">660</td></tr><tr><td style="background: #63F;">63F</td><td style="background: #63C;">63C</td><td style="background: #639;">639</td><td style="background: #636;">636</td><td style="background: #633;">633</td><td style="background: #630;">630</td></tr><tr><td style="background: #60F;">60F</td><td style="background: #60C;">60C</td><td style="background: #609;">609</td><td style="background: #606;">606</td><td style="background: #603;">603</td><td style="background: #600;">600</td></tr><tr style="color: black;"><td style="background: #3FF;">3FF</td><td style="background: #3FC;">3FC</td><td style="background: #3F9;">3F9</td><td style="background: #3F6;">3F6</td><td style="background: #3F3;">3F3</td><td style="background: #3F0;">3F0</td></tr><tr style="color: black;"><td style="background: #3CF;">3CF</td><td style="background: #3CC;">3CC</td><td style="background: #3C9;">3C9</td><td style="background: #3C6;">3C6</td><td style="background: #3C3;">3C3</td><td style="background: #3C0;">3C0</td></tr><tr style="color: black;"><td style="background: #39F;">39F</td><td style="background: #39C;">39C</td><td style="background: #399;">399</td><td style="background: #396;">396</td><td style="background: #393;">393</td><td style="background: #390;">390</td></tr><tr><td style="background: #36F;">36F</td><td style="background: #36C;">36C</td><td style="background: #369;">369</td><td style="background: #366;">366</td><td style="background: #363;">363</td><td style="background: #360;">360</td></tr><tr><td style="background: #33F;">33F</td><td style="background: #33C;">33C</td><td style="background: #339;">339</td><td style="background: #336;">336</td><td style="background: #333;">333</td><td style="background: #330;">330</td></tr><tr><td style="background: #30F;">30F</td><td style="background: #30C;">30C</td><td style="background: #309;">309</td><td style="background: #306;">306</td><td style="background: #303;">303</td><td style="background: #300;">300</td></tr><tr style="color: black;"><td style="background: #0FF;">0FF</td><td style="background: #0FC;">0FC</td><td style="background: #0F9;">0F9</td><td style="background: #0F6;">0F6</td><td style="background: #0F3;">0F3</td><td style="background: #0F0;">0F0</td></tr><tr style="color: black;"><td style="background: #0CF;">0CF</td><td style="background: #0CC;">0CC</td><td style="background: #0C9;">0C9</td><td style="background: #0C6;">0C6</td><td style="background: #0C3;">0C3</td><td style="background: #0C0;">0C0</td></tr><tr style="color: black;"><td style="background: #09F;">09F</td><td style="background: #09C;">09C</td><td style="background: #099;">099</td><td style="background: #096;">096</td><td style="background: #093;">093</td><td style="background: #090;">090</td></tr><tr><td style="background: #06F;">06F</td><td style="background: #06C;">06C</td><td style="background: #069;">069</td><td style="background: #066;">066</td><td style="background: #063;">063</td><td style="background: #060;">060</td></tr><tr><td style="background: #03F;">03F</td><td style="background: #03C;">03C</td><td style="background: #039;">039</td><td style="background: #036;">036</td><td style="background: #033;">033</td><td style="background: #030;">030</td></tr><tr><td style="background: #00F;">00F</td><td style="background: #00C;">00C</td><td style="background: #009;">009</td><td style="background: #006;">006</td><td style="background: #003;">003</td><td style="background: #000;">000</td></tr></table>
|+ style="color:black"|'''Warna aman-web'''
| style="background: #000;" | <u>000</u>
| style="background: #300;" | 300
| style="background: #600;" | 600
| style="background: #900;" | 900
| style="background: #C00;" | C00
| style="background: #F00;" | F00
| style="background: #003;" | 003
| style="background: #303;" | 303
| style="background: #603;" | 603
| style="background: #903;" | 903
| style="background: #C03;" | C03
| style="background: #F03;" | F03
|-
| style="background: #006;" | 006
| style="background: #306;" | 306
| style="background: #606;" | 606
| style="background: #906;" | 906
| style="background: #C06;" | C06
| style="background: #F06;" | F06
| style="background: #009;" | 009
| style="background: #309;" | 309
| style="background: #609;" | 609
| style="background: #909;" | 909
| style="background: #C09;" | C09
| style="background: #F09;" | F09
|-
| style="background: #00C;" | 00C
| style="background: #30C;" | 30C
| style="background: #60C;" | 60C
| style="background: #90C;" | 90C
| style="background: #C0C;" | C0C
| style="background: #F0C;" | F0C
| style="background: #00F;" | 00F
| style="background: #30F;" | 30F
| style="background: #60F;" | 60F
| style="background: #90F;" | 90F
| style="background: #C0F;" | C0F
| style="background: #F0F;" | F0F
|-
| style="background: #030;" | 030
| style="background: #330;" | 330
| style="background: #630;" | 630
| style="background: #930;" | 930
| style="background: #C30;" | C30
| style="background: #F30;" | F30
| style="background: #033;" | 033
| style="background: #333;" | 333
| style="background: #633;" | 633
| style="background: #933;" | 933
| style="background: #C33;" | C33
| style="background: #F33;" | F33
|-
| style="background: #036;" | 036
| style="background: #336;" | 336
| style="background: #636;" | 636
| style="background: #936;" | 936
| style="background: #C36;" | C36
| style="background: #F36;" | F36
| style="background: #039;" | 039
| style="background: #339;" | 339
| style="background: #639;" | 639
| style="background: #939;" | 939
| style="background: #C39;" | C39
| style="background: #F39;" | F39
|-
| style="background: #03C;" | 03C
| style="background: #33C;" | 33C
| style="background: #63C;" | 63C
| style="background: #93C;" | 93C
| style="background: #C3C;" | C3C
| style="background: #F3C;" | F3C
| style="background: #03F;" | 03F
| style="background: #33F;" | 33F
| style="background: #63F;" | 63F
| style="background: #93F;" | 93F
| style="background: #C3F;" | C3F
| style="background: #F3F;" | F3F
|-
| style="background: #060;" | 060
| style="background: #360;" | 360
| style="background: #660;" | 660
| style="background: #960;" | 960
| style="background: #C60;" | C60
| style="background: #F60;" | F60
| style="background: #063;" | 063
| style="background: #363;" | 363
| style="background: #663;" | 663
| style="background: #963;" | 963
| style="background: #C63;" | C63
| style="background: #F63;" | F63
|-
| style="background: #066;" | 066
| style="background: #366;" | 366
| style="background: #666;" | 666
| style="background: #966;" | 966
| style="background: #C66;" | C66
| style="background: #F66;" | F66
| style="background: #069;" | 069
| style="background: #369;" | 369
| style="background: #669;" | 669
| style="background: #969;" | 969
| style="background: #C69;" | C69
| style="background: #F69;" | F69
|-
| style="background: #06C;" | 06C
| style="background: #36C;" | 36C
| style="background: #66C;" | 66C
| style="background: #96C;" | 96C
| style="background: #C6C;" | C6C
| style="background: #F6C;" | F6C
| style="background: #06F;" | 06F
| style="background: #36F;" | 36F
| style="background: #66F;" | 66F
| style="background: #96F;" | 96F
| style="background: #C6F;" | C6F
| style="background: #F6F;" | F6F
|-
| style="background: #090;" | 090
| style="background: #390;" | 390
| style="background: #690;" | 690
| style="background: #990;" | 990
| style="background: #C90;" | C90
| style="background: #F90;" | F90
| style="background: #093;" | 093
| style="background: #393;" | 393
| style="background: #693;" | 693
| style="background: #993;" | 993
| style="background: #C93;" | C93
| style="background: #F93;" | F93
|-
| style="background: #096;" | 096
| style="background: #396;" | 396
| style="background: #696;" | 696
| style="background: #996;" | 996
| style="background: #C96;" | C96
| style="background: #F96;" | F96
| style="background: #099;" | 099
| style="background: #399;" | 399
| style="background: #699;" | 699
| style="background: #999;" | 999
| style="background: #C99;" | C99
| style="background: #F99;" | F99
|-
| style="background: #09C;" | 09C
| style="background: #39C;" | 39C
| style="background: #69C;" | 69C
| style="background: #99C;" | 99C
| style="background: #C9C;" | C9C
| style="background: #F9C;" | F9C
| style="background: #09F;" | 09F
| style="background: #39F;" | 39F
| style="background: #69F;" | 69F
| style="background: #99F;" | 99F
| style="background: #C9F;" | C9F
| style="background: #F9F;" | F9F
|- style="color: black;"
| style="background: #0C0;" | 0C0
| style="background: #3C0;" | 3C0
| style="background: #6C0;" | 6C0
| style="background: #9C0;" | 9C0
| style="background: #CC0;" | CC0
| style="background: #FC0;" | FC0
| style="background: #0C3;" | 0C3
| style="background: #3C3;" | 3C3
| style="background: #6C3;" | 6C3
| style="background: #9C3;" | 9C3
| style="background: #CC3;" | CC3
| style="background: #FC3;" | FC3
|- style="color: black;"
| style="background: #0C6;" | 0C6
| style="background: #3C6;" | 3C6
| style="background: #6C6;" | 6C6
| style="background: #9C6;" | 9C6
| style="background: #CC6;" | CC6
| style="background: #FC6;" | FC6
| style="background: #0C9;" | 0C9
| style="background: #3C9;" | 3C9
| style="background: #6C9;" | 6C9
| style="background: #9C9;" | 9C9
| style="background: #CC9;" | CC9
| style="background: #FC9;" | FC9
|- style="color: black;"
| style="background: #0CC;" | 0CC
| style="background: #3CC;" | 3CC
| style="background: #6CC;" | 6CC
| style="background: #9CC;" | 9CC
| style="background: #CCC;" | CCC
| style="background: #FCC;" | FCC
| style="background: #0CF;" | 0CF
| style="background: #3CF;" | 3CF
| style="background: #6CF;" | 6CF
| style="background: #9CF;" | 9CF
| style="background: #CCF;" | CCF
| style="background: #FCF;" | FCF
|- style="color: black;"
| style="background: #0F0;" | 0F0
| style="background: #3F0;" | 3F0
| style="background: #6F0;" | 6F0
| style="background: #9F0;" | 9F0
| style="background: #CF0;" | CF0
| style="background: #FF0;" | FF0
| style="background: #0F3;" | 0F3
| style="background: #3F3;" | 3F3
| style="background: #6F3;" | 6F3
| style="background: #9F3;" | 9F3
| style="background: #CF3;" | CF3
| style="background: #FF3;" | FF3
|- style="color: black;"
| style="background: #0F6;" | 0F6
| style="background: #3F6;" | 3F6
| style="background: #6F6;" | 6F6
| style="background: #9F6;" | 9F6
| style="background: #CF6;" | CF6
| style="background: #FF6;" | FF6
| style="background: #0F9;" | 0F9
| style="background: #3F9;" | 3F9
| style="background: #6F9;" | 6F9
| style="background: #9F9;" | 9F9
| style="background: #CF9;" | CF9
| style="background: #FF9;" | FF9
|- style="color: black;"
| style="background: #0FC;" | 0FC
| style="background: #3FC;" | 3FC
| style="background: #6FC;" | 6FC
| style="background: #9FC;" | 9FC
| style="background: #CFC;" | CFC
| style="background: #FFC;" | FFC
| style="background: #0FF;" | 0FF
| style="background: #3FF;" | 3FF
| style="background: #6FF;" | 6FF
| style="background: #9FF;" | 9FF
| style="background: #CFF;" | CFF
| style="background: #FFF;" | FFF
|}

:<nowiki>*</nowiki>Tabel disalin dari [[:en:Web colors]].


== Warna-warna yang benar-benar aman untuk web ==
== Warna-warna yang benar-benar aman untuk web ==
Baris 988: Baris 1.376:
|style="background:#ffa500;"|
|style="background:#ffa500;"|
|#FFA500
|#FFA500
|jingga
|orange
|-
|-
|style="background:#000000;"|
|style="background:#000000;"|
|#000000
|#000000
|hitam
|black
|-
|-
|style="background:#000080;"|
|style="background:#000080;"|
|#000080
|#000080
|biru tua/biru laut
|navy
|-
|-
|style="background:#008000;"|
|style="background:#008000;"|
|#008000
|#008000
|hijau
|green
|-
|-
|style="background:#008080;"|
|style="background:#008080;"|
|#008080
|#008080
|hijau telur
|teal
|-
|-
|style="background:#800000;"|
|style="background:#800000;"|
|#800000
|#800000
|merah tua/marun
|maroon
|-
|-
|style="background:#800080;"|
|style="background:#800080;"|
|#800080
|#800080
|ungu
|purple
|-
|-
|style="background:#808000;"|
|style="background:#808000;"|
|#808000
|#808000
|coklat zaitun
|olive
|-
|-
|style="background:#c0c0c0;"|
|style="background:#c0c0c0;"|
|#C0C0C0
|#C0C0C0
|perak
|silver
|-
|-
|style="background:#808080;"|
|style="background:#808080;"|
|#808080
|#808080
|abu-abu
|gray
|-
|-
|style="background:#0000ff;"|
|style="background:#0000ff;"|
|#0000FF
|#0000FF
|biru
|blue
|-
|-
|style="background:#00ff00;"|
|style="background:#00ff00;"|
|#00FF00
|#00FF00
|hijau muda/limau
|lime
|-
|-
|style="background:#00ffff;"|
|style="background:#00ffff;"|
|#00FFFF
|#00FFFF
|biru muda/akua
|aqua
|-
|-
|style="background:#ff0000;"|
|style="background:#ff0000;"|
|#FF0000
|#FF0000
|merah
|red
|-
|-
|style="background:#ff00ff;"|
|style="background:#ff00ff;"|
|#FF00FF
|#FF00FF
|magenta muda
|fuchsia
|-
|-
|style="background:#ffff00;"|
|style="background:#ffff00;"|
|#FFFF00
|#FFFF00
|kuning
|yellow
|-
|-
|style="background:#ffffff;"|
|style="background:#ffffff;"|
|#FFFFFF
|#FFFFFF
|putih
|white
|-
|-
|}
|}


== Warna-warna khusus produsen penjelajah web ==
== Warna-warna khusus produsen peramban web ==


Sebagai tambanan para produsen [[penjelajah web]] telah pula mendefinsikan berbagai warna sendiri. Warna-warna tersebut tidak aman digunakan, di mana tidak semua penjelajah web dapat mengintepretasikannya dengan tepat. Dalam rangka membuat halaman [[HTML]] yang tidak bergantung dari piranti lunak penjelajah webnya, warna-warna tersebut harus dihindari.
Sebagai tambanan para produsen [[peramban web]] telah pula mendefinsikan berbagai warna sendiri. Warna-warna tersebut tidak aman digunakan, di mana tidak semua peramban web dapat mengintepretasikannya dengan tepat. Dalam rangka membuat halaman [[HTML]] yang tidak bergantung dari peranti lunak peramban webnya, warna-warna tersebut harus dihindari.

== Referensi ==
{{Reflist}}


[[Kategori:Warna]]
[[Kategori:Warna]]
[[Kategori:Desain web]]

[[an:Lista de colors HTML]]
[[ca:Llista de colors HTML]]
[[da:Web-sikre farver]]
[[de:Webfarben]]
[[el:Διαδικτυακά Χρώματα]]
[[en:Web colors]]
[[es:Colores HTML]]
[[eu:Wikipedia:Kolorea]]
[[fa:رنگ‌های وب]]
[[fr:Couleurs du Web]]
[[hi:वेब रंग]]
[[hu:HTML színkódok]]
[[ja:カラーチャート#WEB上のカラーチャート]]
[[jv:Werna wèb]]
[[ka:ვებ-ფერები]]
[[ko:웹 색상]]
[[nl:Lijst van HTML-kleuren]]
[[no:Webfarger]]
[[pt:Tripleto hexadecimal]]
[[ro:Culori web]]
[[ru:Цвета в Web]]
[[sv:HTML-färger]]
[[th:สีที่ใช้ในเว็บ]]
[[tr:Web renkleri]]
[[zh:网页颜色模式]]

Revisi terkini sejak 3 November 2023 05.39

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

[sunting | sunting sumber]

Dalam suatu halaman web yang berformat HTML warna-warna web dapat digunakan melalui definisi gaya (style) suatu entitas. Hampir setiap entitas HTML dewasa ini mendukung penggunaan gaya.

<b style="color:#FF9329;">Contoh penggunaan warna #FF9329 pada tag b dalam HTML.</b>

akan memberikan hasil

Contoh penggunaan warna #FF9329 pada tag b dalam HTML.

atau apabila digunakan referensi nama, misalnya 'Tomato'

<b style="color:Tomato;">Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.</b>

akan diperoleh hasil

Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.

Cara yang sama juga berlaku untuk tag-tag HTML lainnya. Dapat pula implementasi warna web ini dilakukan melalui penggunaan CSS.

Triplet RGB

[sunting | sunting sumber]

Triplet RGB terdiri dari enam buah karakter heksadesimal yang tiap dua-dua karakter masing-masing menyatakan entitas dari Red (merah), Green (hijau) dan Blue (biru). Nilai-nilai yang dapat diisikan untuk tiap-tiap entitas RGB ini adalah dari 00 sampai FF. Atau dalam angka desimal 0 sampai 255.

Warna Triplet Heksadesimal Heksadesimal Desimal
R G B R G B
#000000 00 00 00 0 0 0
#FFFFFF FF FF FF 255 255 255
#0000FF 00 00 FF 0 0 255
#00FF00 00 FF 00 0 255 0
#FF0000 FF 00 00 255 0 0
#F0F8FF F0 F8 FF 240 248 255
#F5DEBB3 F5 DE B3 245 222 179
#DB7093 DB 70 93 219 112 147

Tiap dua karakter dari R, G dan B dapat pula direpresentasikan dalam satu bita (delapan bit), sehingga RGB sendiri dapat diwakilkan dalam suatu entitas berukuran 3 bita:

bita 1: nilai merah (R)
bita 2: nilai hijau (G)
bita 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 bita 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

Dengan kata lain, lebih dari 16 juta warna dapat direpresentasikan dengan cara ini.

Nama-nama warna HTML

[sunting | sunting sumber]

Spesifikasi HTML 4.01 mendefinisikan enambelas warna. Warna-warna ini juga dispesifikasikan sebagai RGB dalam spesifikasi HTML 3.0 dengan catatan bahwa warna-warna ini asalnya diambil dari palet standar 16 warna yang didukung oleh palet VGA Windows 1,2.

Warna Nomor VGA Nama VGA Heksadesimal Nama HTML
0 black #000000 black
1 dark blue #000080 navy
2 dark green #008000 green
3 cyan #008080 teal
4 dark red #800000 Maro
5 MR #1308 mister P
6 brown #808000 olive
7 Hilton #130882 M7
8 dark gray #808080 gray
9 light blue #0000FF
10 light green #00FF00 lime
11 light cyan #00FFFF aqua
12 light red #FF0000 red
13 light magenta #FF00FF fuchsia
14 yellow #FFFF00 yellow
15 intensive white #FFFFFF white

Nama-nama warna X11

[sunting | sunting sumber]

Sebagai tambahan, sejumlah warna didefinisikan oleh beberapa peramban web seperti Internet Explorer atau Mozilla Firefox dalam bahasa Inggris. Suatu peramban web mungkin tidak dapat mengenali semua warna ini, akan tetapi sejak tahun 2005 semua peramban web modern mendukung secara lengkap warna-warna yang terdaftar. Banyak dari warna-warna ini diambil dari daftar warna-warna X11 yang didistribusikan bersama sistem X Window, Warna-warna tersebut telah distandardisasi oleh SVG 1.0 dan didukung oleh agen-agen pengguna SVG Full. Akan tetapi bukan merupakan bagian dari SVG Tiny.

Hampir sama persis nama-nama warna seperti di atas digunakan dalam .net Framework, dalam KnownColor dan enumerasi Color. Warna yang berbeda hanya DarkSeaGreen yang didefinisikan sebagai 8F,BC,8B (dan bukan 8F,BC,8F).

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 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 4,5. Terdapat 141 nama-nama warna dalam kategori ini.

Warna-warna merah (9)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
IndianRed #CD5C5C Merah tanah liat
LightCoral #F08080 Koral muda
Salmon #FA8072 Bangbang
DarkSalmon #E9967A Bangbang tua
LightSalmon #FFA07A Bangbang muda
Crimson #DC143C Merah lembayung
Red #FF0000 Merah
FireBrick #B22222 Bata api
DarkRed #8B0000 Merah tua

Warna-warna pink (6)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
Pink #FFC0CB Pink, merah muda, merah jambu
LightPink #FFB6C1 Merah dadu
HotPink #FF69B4
DeepPink #FF1493
MediumVioletRed #C71585
PaleVioletRed #DB7093

Warna-warna jingga (6)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
LightSalmon #FFA07A Bangbang muda
Coral #FF7F50 Koral
Tomato #FF6347
OrangeRed #FF4500 Dewangga[1]
DarkOrange #FF8C00
Orange #FFA500 Jingga

Warna-warna kuning (11)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
Gold #FFD700 Kuning emas
Yellow #FFFF00 Kuning
LightYellow #FFFFE0 Cempaka
LemonChiffon #FFFACD Kuning gading
LightGoldenrodYellow #FAFAD2
PapayaWhip #FFEFD5
Moccasin #FFE4B5
PeachPuff #FFDAB9
PaleGoldenrod #EEE8AA
Khaki #F0E68C Khaki
DarkKhaki #BDB76B Khaki tua

Warna-warna ungu (17)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
Lavender #E6E6FA Gandaria[1]
Thistle #D8BFD8
Plum #DDA0DD Ijas[1]
Violet #EE82EE Ungu[2]
Orchid #DA70D6
Fuchsia #FF00FF Fuhsyia[3]
Magenta #FF00FF Patma[1]
MediumOrchid #BA55D3
MediumPurple #9370DB
BlueViolet #8A2BE2
DarkViolet #9400D3 Ungu tua
DarkOrchid #9932CC
DarkMagenta #8B008B Patma tua
Purple #800080 Lembayung
Indigo #4B0082 Nila
SlateBlue #6A5ACD
DarkSlateBlue #483D8B


Warna-warna hijau (23)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
GreenYellow #ADFF2F Hijau pandan
Chartreuse #7FFF00 Pucuk pisang
LawnGreen #7CFC00 Hijau rumput
Lime #00FF00 Hijau pupus
LimeGreen #32CD32 Hijau gadung
PaleGreen #98FB98
LightGreen #90EE90
MediumSpringGreen #00FA9A
SpringGreen #00FF7F Hijau suji
MediumSeaGreen #3CB371
SeaGreen #2E8B57
ForestGreen #228B22 Hijau jelah
Green #008000 Hijau
DarkGreen #006400 Balu
YellowGreen #9ACD32
OliveDrab #6B8E23
Olive #808000 Zaitun
DarkOliveGreen #556B2F Hijau lumut
MediumAquamarine #66CDAA
DarkSeaGreen #8FBC8F
LightSeaGreen #20B2AA
DarkCyan #008B8B Nilangsuka tua
Teal #008080 Hijau laut

Warna-warna biru (25)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
Aqua #00FFFF Biru air
Cyan #00FFFF Nilangsuka
LightCyan #E0FFFF Nialngsuka muda
PaleTurquoise #AFEEEE Toska pucat
Aquamarine #7FFFD4
Turquoise #40E0D0 Toska
MediumTurquoise #48D1CC Toska sedang
DarkTurquoise #00CED1 Toska tua
CadetBlue #5F9EA0
SteelBlue #4682B4
LightSteelBlue #B0C4DE Biru ceraka
PowderBlue #B0E0E6
LightBlue #ADD8E6 Biru muda
SkyBlue #87CEEB Biru siang
LightSkyBlue #87CEFA Biru siang muda
DeepSkyBlue #00BFFF Biru siang dalam
DodgerBlue #1E90FF
CornflowerBlue #6495ED Lazuardi
MediumSlateBlue #7B68EE
RoyalBlue #4169E1 Biru indah[4]
Blue #0000FF Biru
MediumBlue #0000CD Biru sedang
DarkBlue #00008B Biru tua
Navy #000080 Biru dongker
Midnight Blue #191970 Biru malam

Warna-warna coklat (17)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
Cornsilk #FFF8DC
BlanchedAlmond #FFEBCD
Bisque #FFE4C4
NavajoWhite #FFDEAD
Wheat #F5DEB3
BurlyWood #DEB887
Tan #D2B48C Sawo matang
RosyBrown #BC8F8F Pirang tibarau
SandyBrown #F4A460
Goldenrod #DAA520
DarkGoldenrod #B8860B
Peru #CD853F
Chocolate #D2691E Kayu manis
SaddleBrown #8B4513
Sienna #A0522D
Brown #A52A2A Cokelat
Maroon #800000 Merah manggis

Warna-warna putih (17)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
White #FFFFFF Putih
Snow #FFFAFA Putih melepak
Honeydew #F0FFF0 Nusaindah
MintCream #F5FFFA Putih murup
Azure #F0FFFF Putih pasi
AliceBlue #F0F8FF Kebam
GhostWhite #F8F8FF Putih kapur
WhiteSmoke #F5F5F5 Putih mutiara
Seashell #FFF5EE Putih belak
Beige #F5F5DC Putih kuam
OldLace #FDF5E6 Putih bahana
FloralWhite #FFFAF0 Kinantan
Ivory #FFFFF0 Danta
AntiqueWhite #FAEBD7
Linen #FAF0E6
LavenderBlush #FFF0F5 Taluki
MistyRose #FFE4E1 Kayas

Warna-warna abu-abu (10)

[sunting | sunting sumber]
Warna Nama HTML Heksadesimal Arti nama
Gainsboro #DCDCDC Putih perak
LightGrey #D3D3D3
Silver #C0C0C0 Perak
DarkGray #A9A9A9 Nilajada[1]
Gray #808080 Abu-abu
DimGray #696969
LightSlateGray #778899
SlateGray #708090 Hitam sabak
DarkSlateGray #2F4F4F
Black #000000 Hitam

Warna-warna aman untuk web

[sunting | sunting sumber]
Kedalaman warna
Bahasan terkait

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.

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.

Warna-warna "aman-web" tidak memiliki nama, tetapi tiap warna dapat dispesifikasikan dengan triplet RGB. Tiga digit triplet RGB (tiga karakter heksadesimal) digunakan sebagai kependekan dari triple RGB yang terdiri dari enam digit (enam kerakter heksadesimal) seperti pada bagian triplet RGB di atas. CSS atau Cascading Style Sheet mendukung kedua format ini, baik triplet RGB tiga maupun enam digit. Digit "3" ekivalen dengan numeral heksadesimal "33"; "C" ekivalen dengan "CC". Sebagai contoh secara keseluruhan "F63" ekivalen dengan "FF6633".

Dalam tabel berikut ini disajikan enam nilai atau tingkatan dari tiap warna dari keseluruhan kemungkinan 256 warna.

6 tingkatan tiap warna
digit heksadesimal desimal
0 00 0
3 33 51
6 66 102
9 99 153
C or (12) CC 204
F or (15) FF 255

Dalam tabel berikut ini disajikan warna-warna "aman-web" yang tersusun atas tiga digit nilai seperti dituliskan dalam tabel sebelumnya.

Warna aman-web
000 300 600 900 C00 F00 003 303 603 903 C03 F03
006 306 606 906 C06 F06 009 309 609 909 C09 F09
00C 30C 60C 90C C0C F0C 00F 30F 60F 90F C0F F0F
030 330 630 930 C30 F30 033 333 633 933 C33 F33
036 336 636 936 C36 F36 039 339 639 939 C39 F39
03C 33C 63C 93C C3C F3C 03F 33F 63F 93F C3F F3F
060 360 660 960 C60 F60 063 363 663 963 C63 F63
066 366 666 966 C66 F66 069 369 669 969 C69 F69
06C 36C 66C 96C C6C F6C 06F 36F 66F 96F C6F F6F
090 390 690 990 C90 F90 093 393 693 993 C93 F93
096 396 696 996 C96 F96 099 399 699 999 C99 F99
09C 39C 69C 99C C9C F9C 09F 39F 69F 99F C9F F9F
0C0 3C0 6C0 9C0 CC0 FC0 0C3 3C3 6C3 9C3 CC3 FC3
0C6 3C6 6C6 9C6 CC6 FC6 0C9 3C9 6C9 9C9 CC9 FC9
0CC 3CC 6CC 9CC CCC FCC 0CF 3CF 6CF 9CF CCF FCF
0F0 3F0 6F0 9F0 CF0 FF0 0F3 3F3 6F3 9F3 CF3 FF3
0F6 3F6 6F6 9F6 CF6 FF6 0F9 3F9 6F9 9F9 CF9 FF9
0FC 3FC 6FC 9FC CFC FFC 0FF 3FF 6FF 9FF CFF FFF
*Tabel disalin dari en:Web colors.

Warna-warna yang benar-benar aman untuk web

[sunting | sunting sumber]

Perancang web umumnya disarankan untuk tetap pada penggunaan warna-warna "aman-web" dalam situs web mereka; akan tetapi warna dengan kedalaman 8-bit jauh lebih umum saat palet 216-warna dikembangkan dibandingkan dengan saat ini. David Lehn dan Hadley Stern sejak saat itu menemukan bahwa hanya 22 warna dari 216 warna dalam palet warna aman-web yang dapat dipercaya untuk ditampilkan tanpa ketidak-konsistenan pada pemetaan-ulang pada tampilan computer dengan kedalaman warna 16-bit. Mereka menamakan 22 macam warna ini sebagai palet "benar-benar aman": palet tersebut terdiri sebagian besar atas tingkatan warna hijau dan kuning. Warna-warna yang dimaksud ditabelkan berikut ini.

Warna-warna benar-benar aman web
000 F00 003 F03 00F F0F 0F0 6F0 FF0 3F3 6F3
FF3 0F6 3F6 CF6 FF6 0FC 3FC 0FF 3FF 6FF FFF
* tabel disalin dari de:Webfarben.

Warna-warna CSS

[sunting | sunting sumber]

Bahasa Cascading Style Sheets mendefinisikan jumlah warna yang sama dengan warna-warna dalam spesifikasi HTML 4. Sebagai tambahan CSS 2.1 menambahkan warna 'orange' pada daftar tersebut.

Warna Heksadesimal Nama
#FFA500 jingga
#000000 hitam
#000080 biru tua/biru laut
#008000 hijau
#008080 hijau telur
#800000 merah tua/marun
#800080 ungu
#808000 coklat zaitun
#C0C0C0 perak
#808080 abu-abu
#0000FF biru
#00FF00 hijau muda/limau
#00FFFF biru muda/akua
#FF0000 merah
#FF00FF magenta muda
#FFFF00 kuning
#FFFFFF putih

Warna-warna khusus produsen peramban web

[sunting | sunting sumber]

Sebagai tambanan para produsen peramban web telah pula mendefinsikan berbagai warna sendiri. Warna-warna tersebut tidak aman digunakan, di mana tidak semua peramban web dapat mengintepretasikannya dengan tepat. Dalam rangka membuat halaman HTML yang tidak bergantung dari peranti lunak peramban webnya, warna-warna tersebut harus dihindari.

Referensi

[sunting | sunting sumber]
  1. ^ a b c d e Adiwimarta, Sri Sukesi; dkk (1984). Daftar Istilah Warna. Jakarta: Pusat Pembinaan dan Pengembangan Bahasa. 
  2. ^ "Arti kata violet". Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud. KBBI Daring. Diakses tanggal 26 Agustus 2021. 
  3. ^ "Pencarian di KBBI Daring". Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud. KBBI Daring. 
  4. ^ Echols, John M.; Shadily, Hassan (1975). An English-Indonesian Dictionary. Cornell University Press. ISBN 978-0-8014-9859-6. 
Diperoleh dari "https://wiki-indonesia.club/w/index.php?title=Warna_web&oldid=24733224"