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.

Warna	Triplet Heksadesimal	Heksadesimal			Desimal
Warna	Triplet Heksadesimal	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

256\times 256\times 256=16.777.216

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.

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

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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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

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.

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

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

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

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

[warna-pusba-1] Adiwimarta, Sri Sukesi; dkk (1984). Daftar Istilah Warna. Jakarta: Pusat Pembinaan dan Pengembangan Bahasa.

[KBBIDviolet-2] "Arti kata violet". Badan Pengembangan dan Pembinaan Bahasa, Kemendikbud. KBBI Daring. Diakses tanggal 26 Agustus 2021.

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

[1]

[2]

[3]

[4]