Warna web adalah
warna-warna yang digunakan dalam perancangan halaman-halaman 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.
Dalam
suatu halaman web yang berformat HTML warna-warna web
dapat digunakan melalui definisi stil (style) suatu entitas. Hampir
setiap entitas HTML dewasa ini mendukung penggunaan stil.
<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 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 byte (delapan bit), sehingga RGB sendiri
dapat direpresentasikan dalam suatu entitas berukuran 3 byte:
byte 1: nilai merah
(R)
byte 2: nilai hijau
(G)
byte 3: nilai biru (B)
Akan
tetapi cara ini umumnya dipergunakan dalam menyimpan informasi pada berkas
grafik atau gambar dan tidak lazim digunakan dalam HTML. Walaupun demikian
pengertian ini diperlukan mengingat batasan nilai yang dapat diisikan untuk
tiap entitas RGB diturunkan dari batasan ukuran byte yang dulunya hanya 8 bit
(0-255 atau 00-FF). Meskipun adanya batasan tersebut jumlah warna yang dapat
ditampilkan menggunakan sistem pewarnaan ini sudah cukup banyak, yaitu
256 X 256 X 256 = 16,777.216
Dengan kata lain, lebih dari 16 juta warna dapat
direpresentasikan dengan cara ini.
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
|
maroon
|
|
5
|
magenta
|
#800080
|
purple
|
|
6
|
brown
|
#808000
|
olive
|
|
7
|
light gray
|
#C0C0C0
|
silver
|
|
8
|
dark gray
|
#808080
|
gray
|
|
9
|
light blue
|
#0000FF
|
blue
|
|
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
|
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 distandarisasi 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.
Arti nama
|
|||
IndianRed
|
#CD5C5C
|
Merah Indian
|
|
LightCoral
|
#F08080
|
Koral Muda
|
|
Salmon
|
#FA8072
|
||
DarkSalmon
|
#E9967A
|
Salmon tua
|
|
LightSalmon
|
#FFA07A
|
Salmon muda
|
|
Crimson
|
#DC143C
|
Lembayung/kirmizi
|
|
Red
|
#FF0000
|
Merah
|
|
FireBrick
|
#B22222
|
Bata Api
|
|
DarkRed
|
#8B0000
|
Merah tua
|
Pink
|
#FFC0CB
|
|
LightPink
|
#FFB6C1
|
|
HotPink
|
#FF69B4
|
|
DeepPink
|
#FF1493
|
|
MediumVioletRed
|
#C71585
|
|
PaleVioletRed
|
#DB7093
|
LightSalmon
|
#FFA07A
|
|
Coral
|
#FF7F50
|
|
Tomato
|
#FF6347
|
|
OrangeRed
|
#FF4500
|
|
DarkOrange
|
#FF8C00
|
|
Orange
|
#FFA500
|
Warna-warna kuning
Gold
|
#FFD700
|
|
Yellow
|
#FFFF00
|
|
LightYellow
|
#FFFFE0
|
|
LemonChiffon
|
#FFFACD
|
|
LightGoldenrodYellow
|
#FAFAD2
|
|
PapayaWhip
|
#FFEFD5
|
|
Moccasin
|
#FFE4B5
|
|
PeachPuff
|
#FFDAB9
|
|
PaleGoldenrod
|
#EEE8AA
|
|
Khaki
|
#F0E68C
|
|
DarkKhaki
|
#BDB76B
|
Warna-warna ungu
Lavender
|
#E6E6FA
|
|
Thistle
|
#D8BFD8
|
|
Plum
|
#DDA0DD
|
|
Violet
|
#EE82EE
|
|
Orchid
|
#DA70D6
|
|
Fuchsia
|
#FF00FF
|
|
Magenta
|
#FF00FF
|
|
MediumOrchid
|
#BA55D3
|
|
MediumPurple
|
#9370DB
|
|
BlueViolet
|
#8A2BE2
|
|
DarkViolet
|
#9400D3
|
|
DarkOrchid
|
#9932CC
|
|
DarkMagenta
|
#8B008B
|
|
Purple
|
#800080
|
|
Indigo
|
#4B0082
|
|
SlateBlue
|
#6A5ACD
|
|
DarkSlateBlue
|
#483D8B
|
Warna-warna hijau
GreenYellow
|
#ADFF2F
|
|
Chartreuse
|
#7FFF00
|
|
LawnGreen
|
#7CFC00
|
|
Lime
|
#00FF00
|
|
LimeGreen
|
#32CD32
|
|
PaleGreen
|
#98FB98
|
|
LightGreen
|
#90EE90
|
|
MediumSpringGreen
|
#00FA9A
|
|
SpringGreen
|
#00FF7F
|
|
MediumSeaGreen
|
#3CB371
|
|
SeaGreen
|
#2E8B57
|
|
ForestGreen
|
#228B22
|
|
Green
|
#008000
|
|
DarkGreen
|
#006400
|
|
YellowGreen
|
#9ACD32
|
|
OliveDrab
|
#6B8E23
|
|
Olive
|
#808000
|
|
DarkOliveGreen
|
#556B2F
|
|
MediumAquamarine
|
#66CDAA
|
|
DarkSeaGreen
|
#8FBC8F
|
|
LightSeaGreen
|
#20B2AA
|
|
DarkCyan
|
#008B8B
|
|
Teal
|
#008080
|
Warna-warna biru
Biru air
|
#00FFFF
|
|
Cyan
|
#00FFFF
|
|
LightCyan
|
#E0FFFF
|
|
Toska pucat
|
#AFEEEE
|
|
Aquamarine
|
#7FFFD4
|
|
Toska
|
#40E0D0
|
|
Toska sedang
|
#48D1CC
|
|
Toska gelap
|
#00CED1
|
|
CadetBlue
|
#5F9EA0
|
|
SteelBlue
|
#4682B4
|
|
LightSteelBlue
|
#B0C4DE
|
|
PowderBlue
|
#B0E0E6
|
|
Biru terang
|
#ADD8E6
|
|
Biru langit
|
#87CEEB
|
|
Biru langit terang
|
#87CEFA
|
|
Biru langit dalam
|
#00BFFF
|
|
DodgerBlue
|
#1E90FF
|
|
CornflowerBlue
|
#6495ED
|
|
MediumSlateBlue
|
#7B68EE
|
|
Biru ningrat
|
#4169E1
|
|
Biru
|
#0000FF
|
|
Biru sedang
|
#0000CD
|
|
Biru gelap
|
#00008B
|
|
Biru laut
|
#000080
|
|
Biru tengah malam
|
#191970
|
Warna-warna coklat
Cornsilk
|
#FFF8DC
|
|
BlanchedAlmond
|
#FFEBCD
|
|
Bisque
|
#FFE4C4
|
|
NavajoWhite
|
#FFDEAD
|
|
Wheat
|
#F5DEB3
|
|
BurlyWood
|
#DEB887
|
|
Tan
|
#D2B48C
|
|
RosyBrown
|
#BC8F8F
|
|
SandyBrown
|
#F4A460
|
|
Goldenrod
|
#DAA520
|
|
DarkGoldenrod
|
#B8860B
|
|
Peru
|
#CD853F
|
|
Chocolate
|
#D2691E
|
|
SaddleBrown
|
#8B4513
|
|
Sienna
|
#A0522D
|
|
Brown
|
#A52A2A
|
|
Maroon
|
#800000
|
Warna-warna putih
White
|
#FFFFFF
|
|
Snow
|
#FFFAFA
|
|
Honeydew
|
#F0FFF0
|
|
MintCream
|
#F5FFFA
|
|
Azure
|
#F0FFFF
|
|
AliceBlue
|
#F0F8FF
|
|
GhostWhite
|
#F8F8FF
|
|
WhiteSmoke
|
#F5F5F5
|
|
Seashell
|
#FFF5EE
|
|
Beige
|
#F5F5DC
|
|
OldLace
|
#FDF5E6
|
|
FloralWhite
|
#FFFAF0
|
|
Ivory
|
#FFFFF0
|
|
AntiqueWhite
|
#FAEBD7
|
|
Linen
|
#FAF0E6
|
|
LavenderBlush
|
#FFF0F5
|
|
MistyRose
|
#FFE4E1
|
Warna-warna
abu-abu
Gainsboro
|
#DCDCDC
|
|
LightGrey
|
#D3D3D3
|
|
Silver
|
#C0C0C0
|
|
DarkGray
|
#A9A9A9
|
|
Gray
|
#808080
|
|
DimGray
|
#696969
|
|
LightSlateGray
|
#778899
|
|
SlateGray
|
#708090
|
|
DarkSlateGray
|
#2F4F4F
|
|
Black
|
#000000
|
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 mobilmemiliki
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
|
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
|
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
|
oranye
|
|
#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
|
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.
Sumber: https://id.wikipedia.org/wiki/Warna_web
Tidak ada komentar:
Posting Komentar