Warna web

Warna web atau disebut juga hex adalah warna-warna yang digunakan dalam perancangan laman-laman web, dan juga cara mendeskripsikan dan melakukan spesifikasi dari warna-warna tersebut.

Seorang penulis halaman web memiliki banyak kebebasan dalam memilih warna yang akan digunakan bagi elemen-elemen dokumen webnya. Warna-warna yang dimaksud dapat dispesifikasikan menggunakan triplet RGB dalam format heksadesimal (disebut juga sebagai triplet heksadesimal). Cara lain adalah dengan mereferensikan warna-warna tersebut dengan namanya dalam bahasa Inggris, akan tetapi cara ini berlaku terbatas pada hanya warna-warna yang telah dikenal atau dirumuskan. Untuk variasi-variasi warna lain umumnya digunakan peranti lunak grafik atau perkakas warna untuk membuatnya. Di samping adalah contoh sebuah palet warna yang terdiri dari 2048 macam warna.

 Pemakaian dalam HTML 
Dalam suatu halaman web yang berformat HTML warna-warna web dapat digunakan melalui definisi 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 

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.

WarnaTriplet HeksadesimalHeksadesimalDesimalRGBRGB#000000000000000#FFFFFFFFFFFF255255255#0000FF0000FF00255#00FF0000FF0002550#FF0000FF000025500#F0F8FFF0F8FF240248255#F5DEB3F5DEB3245222179#DB7093DB7093219112147

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 
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.

WarnaNomor VGANama VGAHeksadesimalNama HTML0black#000000black1dark blue#000080navy2dark green#008000green3cyan#008080teal4dark red#800000Maro5MR#1308mister P6brown#808000olive7Hilton#130882M78dark gray#808080gray9light blue#0000FF10light green#00FF00lime11light cyan#00FFFFaqua12light red#FF0000red13light magenta#FF00FFfuchsia14yellow#FFFF00yellow15intensive white#FFFFFFwhite

 Nama-nama warna X11 

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) 

WarnaNama HTMLHeksadesimalArti namaIndianRed#CD5C5CMerah tanah liatLightCoral#F08080Koral mudaSalmon#FA8072BangbangDarkSalmon#E9967ABangbang tuaLightSalmon#FFA07ABangbang mudaCrimson#DC143CMerah lembayungRed#FF0000MerahFireBrick#B22222Bata apiDarkRed#8B0000Merah tua

 Warna-warna pink (6) 

WarnaNama HTMLHeksadesimalArti namaPink#FFC0CBPink, merah muda, merah jambuLightPink#FFB6C1Merah daduHotPink#FF69B4DeepPink#FF1493MediumVioletRed#C71585PaleVioletRed#DB7093

 Warna-warna jingga (6) 

WarnaNama HTMLHeksadesimalArti namaLightSalmon#FFA07ABangbang mudaCoral#FF7F50KoralTomato#FF6347OrangeRed#FF4500DewanggaDarkOrange#FF8C00Orange#FFA500Jingga

 Warna-warna kuning (11) 

WarnaNama HTMLHeksadesimalArti namaGold#FFD700Kuning emasYellow#FFFF00KuningLightYellow#FFFFE0CempakaLemonChiffon#FFFACDKuning gadingLightGoldenrodYellow#FAFAD2PapayaWhip#FFEFD5Moccasin#FFE4B5PeachPuff#FFDAB9PaleGoldenrod#EEE8AAKhaki#F0E68CKhakiDarkKhaki#BDB76BKhaki tua

 Warna-warna ungu (17) 

WarnaNama HTMLHeksadesimalArti namaLavender#E6E6FAGandariaThistle#D8BFD8Plum#DDA0DDIjasViolet#EE82EEUnguOrchid#DA70D6Fuchsia#FF00FFFuhsyiaMagenta#FF00FFPatmaMediumOrchid#BA55D3MediumPurple#9370DBBlueViolet#8A2BE2DarkViolet#9400D3Ungu tuaDarkOrchid#9932CCDarkMagenta#8B008BPatma tuaPurple#800080LembayungIndigo#4B0082NilaSlateBlue#6A5ACDDarkSlateBlue#483D8B

 Warna-warna hijau (23) 
WarnaNama HTMLHeksadesimalArti namaGreenYellow#ADFF2FHijau pandanChartreuse#7FFF00Pucuk pisangLawnGreen#7CFC00Hijau rumputLime#00FF00Hijau pupusLimeGreen#32CD32Hijau gadungPaleGreen#98FB98LightGreen#90EE90MediumSpringGreen#00FA9ASpringGreen#00FF7FHijau sujiMediumSeaGreen#3CB371SeaGreen#2E8B57ForestGreen#228B22Hijau jelahGreen#008000HijauDarkGreen#006400BaluYellowGreen#9ACD32OliveDrab#6B8E23Olive#808000ZaitunDarkOliveGreen#556B2FHijau lumutMediumAquamarine#66CDAADarkSeaGreen#8FBC8FLightSeaGreen#20B2AADarkCyan#008B8BNilangsuka tuaTeal#008080Hijau laut

 Warna-warna biru (25) 
WarnaNama HTMLHeksadesimalArti namaAqua#00FFFFBiru airCyan#00FFFFNilangsukaLightCyan#E0FFFFNialngsuka mudaPaleTurquoise#AFEEEEToska pucatAquamarine#7FFFD4Turquoise#40E0D0ToskaMediumTurquoise#48D1CCToska sedangDarkTurquoise#00CED1Toska tuaCadetBlue#5F9EA0SteelBlue#4682B4LightSteelBlue#B0C4DEBiru cerakaPowderBlue#B0E0E6LightBlue#ADD8E6Biru mudaSkyBlue#87CEEBBiru siangLightSkyBlue#87CEFABiru siang mudaDeepSkyBlue#00BFFFBiru siang dalamDodgerBlue#1E90FFCornflowerBlue#6495EDLazuardiMediumSlateBlue#7B68EERoyalBlue#4169E1Biru indahBlue#0000FFBiruMediumBlue#0000CDBiru sedangDarkBlue#00008BBiru tuaNavy#000080Biru dongkerMidnight Blue#191970Biru malam

 Warna-warna coklat (17) 
WarnaNama HTMLHeksadesimalArti namaCornsilk#FFF8DCBlanchedAlmond#FFEBCDBisque#FFE4C4NavajoWhite#FFDEADWheat#F5DEB3BurlyWood#DEB887Tan#D2B48CSawo matangRosyBrown#BC8F8FPirang tibarauSandyBrown#F4A460Goldenrod#DAA520DarkGoldenrod#B8860BPeru#CD853FChocolate#D2691EKayu manisSaddleBrown#8B4513Sienna#A0522DBrown#A52A2ACokelatMaroon#800000Merah manggis

 Warna-warna putih (17) 
WarnaNama HTMLHeksadesimalArti namaWhite#FFFFFFPutihSnow#FFFAFAPutih melepakHoneydew#F0FFF0NusaindahMintCream#F5FFFAPutih murupAzure#F0FFFFPutih pasiAliceBlue#F0F8FFKebamGhostWhite#F8F8FFPutih kapurWhiteSmoke#F5F5F5Putih mutiaraSeashell#FFF5EEPutih belakBeige#F5F5DCPutih kuamOldLace#FDF5E6Putih bahanaFloralWhite#FFFAF0KinantanIvory#FFFFF0DantaAntiqueWhite#FAEBD7Linen#FAF0E6LavenderBlush#FFF0F5TalukiMistyRose#FFE4E1Kayas

 Warna-warna abu-abu (10) 
WarnaNama HTMLHeksadesimalArti namaGainsboro#DCDCDCPutih perakLightGrey#D3D3D3Silver#C0C0C0PerakDarkGray#A9A9A9NilajadaGray#808080Abu-abuDimGray#696969LightSlateGray#778899SlateGray#708090Hitam sabakDarkSlateGray#2F4F4FBlack#000000Hitam

 Warna-warna aman untuk 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 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.

jmpl|Kubus warna 3x3x3

Warna-warna "aman-web" memiliki suatu kesalahan dalam hal ini, dalam sistem-sistem seperti X11 di mana palet digunakan bersama antara program-program aplikasi, suatu kubus warna lebih kecil (5x5x5 atau 4x4x4) kadang dialokasikan oleh peramban web, sehingga boleh dikatakan warna-warna "aman-web" menjadi tidak lagi kebal kemiripan dalam sistem seperti itu. Hasil yang lebih baik diperoleh dengan menyediakan suatu imej dengan rentang warna yang lebar dan membiarkan peramban web untuk melakukan kuantisasi ruang warna apabila dibutuhkan, dibandingkan menderita akibat hilangnya kualitas disebabkan oleh suatu kuantisasi berganda.

Pada awal abad 21, dipicu oleh kebutuhan permainan video dan foto digital, komputer personal khususnya memiliki setidaknya warna dengan kedalaman 16-bit dan umumnya 24-bit (warna-sesungguhnya atau truecolor). Bahkan devais mobil memiliki setidaknya warna dengan kedalaman 16-bit, didorong oleh perkembangan kamera pada telepon genggam. Penggunaan warna "aman-web" tidak lagi dibutuhkan, akan tetapi tetap bertahan sebagai hikayat.

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 

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 web000F00003F0300FF0F0F06F0FF03F36F3FF30F63F6CF6FF60FC3FC0FF3FF6FFFFF
* tabel disalin dari :de:Webfarben.

 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.

WarnaHeksadesimalNama#FFA500jingga#000000hitam#000080biru tua/biru laut#008000hijau#008080hijau telur#800000merah tua/marun#800080ungu#808000coklat zaitun#C0C0C0perak#808080abu-abu#0000FFbiru#00FF00hijau muda/limau#00FFFFbiru muda/akua#FF0000merah#FF00FFmagenta muda#FFFF00kuning#FFFFFFputih

 Warna-warna khusus produsen peramban web 

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 

Kategori:Warna
Kategori:Desain web