Warna web: Perbedaan antara revisi
Tidak ada ringkasan suntingan Tag: Suntingan perangkat seluler Suntingan peramban seluler |
|||
(131 revisi perantara oleh 82 pengguna tidak ditampilkan) | |||
Baris 1: | Baris 1: | ||
[[Berkas:Color_Palette.png| |
[[Berkas:Color_Palette.png|jmpl|Contoh palet warna]] |
||
'''Warna web''' adalah warna-warna yang digunakan dalam perancangan |
'''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 [[ |
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 == |
|||
--[[Pengguna:Rindhue|[[Pengguna:Rindhue|<b><font color="#FF00FF">Rin</b><b><font color="#EE82EE">dhue</b>]] [[Bicara Pengguna:Rindhue| <b><font color="#BA55D3">bicara</b>]]]] 02:30, 7 Mei 2007 (UTC) |
|||
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. |
|||
<code><nowiki><b style="color:#FF9329;">Contoh penggunaan warna #FF9329 pada tag b dalam HTML.</b></nowiki></code> |
|||
akan memberikan hasil |
|||
[[Pengguna:Rindhue|<b><font color="#FF00FF">Rin</b><b><font |
|||
color="#EE82EE">dhue</b>]] |
|||
[[Bicara Pengguna:Rindhue| |
|||
<b><font color="#BA55D3">bicara</b>]] |
|||
:<b style="color:#FF9329;">Contoh penggunaan warna #FF9329 pada tag b dalam HTML.</b> |
|||
--[[Pengguna:Rindhue|[[Pengguna:Rindhue|<b><font color="#FF00FF">Rin</b><b><font color="#EE82EE">dhue</b>]] [[Bicara Pengguna:Rindhue| <b><font color="#BA55D3">bicara</b>]]]] 02:30, 7 Mei 2007 (UTC) |
|||
atau apabila digunakan referensi nama, misalnya 'Tomato' |
|||
==Triplet RGB== |
|||
<code><nowiki><b style="color:Tomato;">Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.</b></nowiki></code> |
|||
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. |
|||
akan diperoleh hasil |
|||
:<b style="color:Tomato;">Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.</b> |
|||
Cara yang sama juga berlaku untuk [[Tag HTML|tag-tag HTML]] lainnya. Dapat pula implementasi warna web ini dilakukan melalui penggunaan [[CSS]]. |
|||
== 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 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 78: | Baris 87: | ||
|- |
|- |
||
|style="background:#F0F8FF;"| |
|style="background:#F0F8FF;"| |
||
|# |
|#F0F8FF |
||
|F0 |
|F0 |
||
|F8 |
|F8 |
||
Baris 106: | Baris 115: | ||
|} |
|} |
||
Tiap dua karakter dari R, G dan B dapat pula direpresentasikan dalam satu [[byte]] (delapan [[bit]]), sehingga RGB sendiri dapat |
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: |
||
: |
: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 |
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 118: | Baris 127: | ||
Dengan kata lain, lebih dari 16 juta warna dapat direpresentasikan dengan cara ini. |
Dengan kata lain, lebih dari 16 juta warna dapat direpresentasikan dengan cara ini. |
||
==Nama-nama warna HTML== |
== Nama-nama warna HTML == |
||
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]] [http://www.fhi-berlin.mpg.de/th/balsac/latm.58.html 1],[http://www.blooberry.com/indexdot/color/vganame.htm 2]. |
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]] [http://www.fhi-berlin.mpg.de/th/balsac/latm.58.html 1],[http://www.blooberry.com/indexdot/color/vganame.htm 2]. |
||
Baris 156: | Baris 165: | ||
|dark red |
|dark red |
||
|#800000 |
|#800000 |
||
|Maro |
|||
|maroon |
|||
|- |
|- |
||
|style="background:#800080;"| |
|style="background:#800080;"| |
||
|5 |
|5 |
||
|MR |
|||
|magenta |
|||
|# |
|#1308 |
||
|mister P |
|||
|purple |
|||
|- |
|- |
||
|style="background:#808000;"| |
|style="background:#808000;"| |
||
Baris 172: | Baris 181: | ||
|style="background:#c0c0c0;"| |
|style="background:#c0c0c0;"| |
||
|7 |
|7 |
||
|Hilton |
|||
|light gray |
|||
|# |
|#130882 |
||
|M7 |
|||
|silver |
|||
|- |
|- |
||
|style="background:#808080;"| |
|style="background:#808080;"| |
||
Baris 186: | Baris 195: | ||
|light blue |
|light blue |
||
|#0000FF |
|#0000FF |
||
|blue |
|||
|- |
|- |
||
|style="background:#00ff00;"| |
|style="background:#00ff00;"| |
||
Baris 226: | Baris 234: | ||
|} |
|} |
||
==Nama-nama warna X11== |
== Nama-nama warna X11 == |
||
Sebagai tambahan, sejumlah warna didefinisikan oleh beberapa [[ |
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 |
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. |
||
===Warna-warna merah (9)=== |
=== Warna-warna merah (9) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
Baris 242: | 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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna pink (6)=== |
=== Warna-warna pink (6) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
Baris 287: | 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 |
||
| |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna jingga (6)=== |
=== Warna-warna jingga (6) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
Baris 320: | 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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna kuning (11)=== |
=== Warna-warna kuning (11) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
Baris 353: | 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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna ungu (17)=== |
=== Warna-warna ungu (17) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
Baris 406: | 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) === |
|||
{| class="wikitable" |
{| class="wikitable" |
||
!width="100"|[[Warna]] |
!width="100"|[[Warna]] |
||
!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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna biru (25)=== |
=== Warna-warna biru (25) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
!width="100"|[[Warna]] |
!width="100"|[[Warna]] |
||
!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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna coklat (17)=== |
=== Warna-warna coklat (17) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
!width="100"|[[Warna]] |
!width="100"|[[Warna]] |
||
!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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna putih (17)=== |
=== Warna-warna putih (17) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
!width="100"|[[Warna]] |
!width="100"|[[Warna]] |
||
!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 |
|||
|- |
|- |
||
|} |
|} |
||
===Warna-warna abu-abu (10)=== |
=== Warna-warna abu-abu (10) === |
||
{| class="wikitable" |
{| class="wikitable" |
||
!width="100"|[[Warna]] |
!width="100"|[[Warna]] |
||
!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 1.171: | Baris 1.331: | ||
|} |
|} |
||
:<nowiki>*</nowiki>Tabel disalin dari [ |
:<nowiki>*</nowiki>Tabel disalin dari [[:en:Web colors]]. |
||
==Warna-warna yang benar-benar aman untuk web== |
== Warna-warna yang benar-benar aman untuk web == |
||
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. |
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. |
||
Baris 1.203: | Baris 1.363: | ||
|style="background:#FFF"|FFF |
|style="background:#FFF"|FFF |
||
|} |
|} |
||
:<nowiki>*</nowiki> tabel disalin dari [ |
:<nowiki>*</nowiki> tabel disalin dari [[:de:Webfarben]]. |
||
==Warna-warna CSS== |
== Warna-warna CSS == |
||
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. |
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. |
||
Baris 1.216: | 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 |
== 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. |
|||
==Rujukan/Pranala luar== |
|||
* K. Hermann, [http://www.fhi-berlin.mpg.de/th/balsac/latm.58.html EGA/VGA 16 color mode]. |
|||
* [http://mysite.verizon.net/laurin99/colorchart.htm HTML RGB HEX Color Spectrum Chart] |
|||
* Brian Wilson, [http://www.blooberry.com/indexdot/color/vganame.htm VGA Color Names]. |
|||
* [http://lists.w3.org/Archives/Public/www-svg/2002Apr/0052.html Public discussion on SVG mailing list Re: color names in SVG-1.0 conflict with /usr/lib/X11/rgb.txt]. |
|||
* [http://www.w3.org/TR/css3-color#svg-color W3C TR CSS3 Color Module, SVG color keywords]. |
|||
* [http://www.w3.org/TR/SVG/types.html#ColorKeywords W3C TR SVG 1.0, recognized color keyword names]. |
|||
* [http://worldtopix.com/color_chart.html HTML Color Chart] |
|||
== Referensi == |
|||
[[Category: Warna]] |
|||
{{Reflist}} |
|||
[[Kategori:Warna]] |
|||
[[ca:Llista de colors HTML]] |
|||
[[ |
[[Kategori:Desain web]] |
||
[[de:Webfarben]] |
|||
[[el:Διαδικτυακά Χρώματα]] |
|||
[[en:Web colors]] |
|||
[[es:Colores HTML]] |
|||
[[eu:Wikipedia:Kolorea]] |
|||
[[fa:رنگهای وب]] |
|||
[[ka:ვებ-ფერები]] |
|||
[[ko:웹 색상]] |
|||
[[hu:HTML színkódok]] |
|||
[[nl:Lijst van HTML-kleuren]] |
|||
[[pt:Tripleto hexadecimal]] |
|||
[[sv:HTML-färger]] |
|||
[[th:สีที่ใช้ในเว็บ]] |
|||
[[tr:Web renkleri]] |
|||
[[zh:网页颜色模式]] |
|||
[[ru:Цвета в Web]] |
Revisi terkini sejak 3 November 2023 05.39
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.
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.
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.
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.
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]- ^ a b c d e Adiwimarta, Sri Sukesi; dkk (1984). Daftar Istilah Warna. Jakarta: Pusat Pembinaan dan Pengembangan Bahasa.
- ^ "Arti kata violet". Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud. KBBI Daring. Diakses tanggal 26 Agustus 2021.
- ^ "Pencarian di KBBI Daring". Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud. KBBI Daring.
- ^ Echols, John M.; Shadily, Hassan (1975). An English-Indonesian Dictionary. Cornell University Press. ISBN 978-0-8014-9859-6.