Kode Warna web

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

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

Pemakaian dalam HTML

Dalam suatu halaman web yang berformat HTML warna-warna web dapat digunakan melalui definisi stil (style) suatu entitas. Hampir setiap entitas HTML dewasa ini mendukung penggunaan stil.
<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.

[sunting] 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 HeksadesimalHeksadesimalDesimal
RGBRGB

#000000000000000

#FFFFFFFFFFFF255255255

#0000FF0000FF00255

#00FF0000FF0002550

#FF0000FF000025500

#F0F8FFF0F8FF240248255

#F5DEBB3F5DEB3245222179

#DB7093DB7093219112147
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 \times 256 \times 256 = 16.777.216
Dengan kata lain, lebih dari 16 juta warna dapat direpresentasikan dengan cara ini.

[sunting] 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 HTML

0black#000000black

1dark blue#000080navy

2dark green#008000green

3cyan#008080teal

4dark red#800000maroon

5magenta#800080purple

6brown#808000olive

7light gray#C0C0C0silver

8dark gray#808080gray

9light blue#0000FFblue

10light green#00FF00lime

11light cyan#00FFFFaqua

12light red#FF0000red

13light magenta#FF00FFfuchsia

14yellow#FFFF00yellow

15intensive white#FFFFFFwhite

[sunting] 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 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.

[sunting] Warna-warna merah (9)

WarnaNama HTMLHeksadesimalArti nama

IndianRed#CD5C5CMerah Indian

LightCoral#F08080Koral Muda

Salmon#FA8072Salmon

DarkSalmon#E9967ASalmon tua

LightSalmon#FFA07ASalmon muda

Crimson#DC143CLembayung/kirmizi

Red#FF0000Merah

FireBrick#B22222Bata Api

DarkRed#8B0000Merah tua

[sunting] Warna-warna pink (6)

WarnaNama HTMLHeksadesimal

Pink#FFC0CB

LightPink#FFB6C1

HotPink#FF69B4

DeepPink#FF1493

MediumVioletRed#C71585

PaleVioletRed#DB7093

[sunting] Warna-warna jingga (6)

WarnaNama HTMLHeksadesimal

LightSalmon#FFA07A

Coral#FF7F50

Tomato#FF6347

OrangeRed#FF4500

DarkOrange#FF8C00

Orange#FFA500

[sunting] Warna-warna kuning (11)

WarnaNama HTMLHeksadesimal

Gold#FFD700

Yellow#FFFF00

LightYellow#FFFFE0

LemonChiffon#FFFACD

LightGoldenrodYellow#FAFAD2

PapayaWhip#FFEFD5

Moccasin#FFE4B5

PeachPuff#FFDAB9

PaleGoldenrod#EEE8AA

Khaki#F0E68C

DarkKhaki#BDB76B

[sunting] Warna-warna ungu (17)

WarnaNama HTMLHeksadesimal

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

[sunting] Warna-warna hijau (23)

WarnaNama HTMLHeksadesimal

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

[sunting] Warna-warna biru (25)

WarnaNama HTMLHeksadesimal

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

[sunting] Warna-warna coklat (17)

WarnaNama HTMLHeksadesimal

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

[sunting] Warna-warna putih (17)

WarnaNama HTMLHeksadesimal

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

[sunting] Warna-warna abu-abu (10)

WarnaNama HTMLHeksadesimal

Gainsboro#DCDCDC

LightGrey#D3D3D3

Silver#C0C0C0

DarkGray#A9A9A9

Gray#808080

DimGray#696969

LightSlateGray#778899

SlateGray#708090

DarkSlateGray#2F4F4F

Black#000000

[sunting] 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.

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
digitheksadesimaldesimal
0000
33351
666102
999153
C or (12)CC204
F or (15)FF255
Dalam tabel berikut ini disajikan warna-warna "aman-web" yang tersusun atas tiga digit nilai seperti dituliskan dalam tabel sebelumnya.
Warna aman-web
000300600900C00F00003303603903C03F03
006306606906C06F06009309609909C09F09
00C30C60C90CC0CF0C00F30F60F90FC0FF0F
030330630930C30F30033333633933C33F33
036336636936C36F36039339639939C39F39
03C33C63C93CC3CF3C03F33F63F93FC3FF3F
060360660960C60F60063363663963C63F63
066366666966C66F66069369669969C69F69
06C36C66C96CC6CF6C06F36F66F96FC6FF6F
090390690990C90F90093393693993C93F93
096396696996C96F96099399699999C99F99
09C39C69C99CC9CF9C09F39F69F99FC9FF9F
0C03C06C09C0CC0FC00C33C36C39C3CC3FC3
0C63C66C69C6CC6FC60C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC0CF3CF6CF9CFCCFFCF
0F03F06F09F0CF0FF00F33F36F39F3CF3FF3
0F63F66F69F6CF6FF60F93F96F99F9CF9FF9
0FC3FC6FC9FCCFCFFC0FF3FF6FF9FFCFFFFF
*Tabel disalin dari en:Web colors.

[sunting] 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
000F00003F0300FF0F0F06F0FF03F36F3
FF30F63F6CF6FF60FC3FC0FF3FF6FFFFF
* tabel disalin dari de:Webfarben.

[sunting] 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

#FFA500oranye

#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

[sunting] 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 piranti lunak peramban webnya, warna-warna tersebut harus dihindari.
Kamis, Desember 20, 2012
URL Print Email

Posting Komentar

[facebook]

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget