fitri’s blog

Just another WordPress.com weblog

(~) Daftar Warna March 30, 2007

DaFTar WaRnA

Nama

Contoh

Hex triplet

RGB

CMYK

HSV

Abu-abu

  #808080 128 128 128 0, 0, 0, 128 0, 0, 50

Biru

  #0000FF 0 0 255 255, 255, 0, 0 240, 100, 100

Biru laut

  #000080 0 0 128 255, 255, 0, 127 240, 100, 50

Coklat

  #964B00 150 75 0 0, 74, 150, 105 30, 100, 59

Emas

  #FFD700 255 215 0 0, 40, 255, 0 51, 100, 100

Hijau

  #00FF00 0 255 0 255, 0, 255, 0 120, 100, 100

Hitam

  #000000 0 0 0 0, 0, 0, 255 0, 0, 0

Kuning

  #FFFF00 255 255 0 0, 0, 255, 0 60, 100, 100

Merah

  #FF0000 255 0 0 0, 255, 255, 0 0, 100, 100

Merah marun

  #800000 128 0 0 0, 255, 255, 127 0, 100, 50

Merah jambu

  #FFC0CB 255 192 203 0, 63, 52, 0 350, 25, 100

Oranye

  #FF7F00 255 165 0 0, 89, 255, 0 38, 100, 100

Perak

  #C0C0C0 192 192 192 0, 0, 0, 63 0, 0, 75

Putih

  #FFFFFF 255 255 255 0, 0, 0, 0 0, 0, 100

Ungu

  #660099 102 0 153 50, 153, 0, 102 280, 100, 60

Violet

  #BF00BF 139 0 255 116, 255, 0, 0 273, 100, 100

Zaitun

  #808000 128 128 0 0, 0, 100, 50 60, 100, 50

 

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.

 

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 RBG 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
  #0000FF 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 \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.

 

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

Nama-nama warna X11

Sebagai tambahan, sejumlah warna didefinisikan oleh beberapa penjelajah web seperti Internet Explorer atau Mozilla Firefox. Suatu penjelajah web mungkin tidak dapat mengenalai semua warna ini, akan tetapi sejak tahun 2005 semua penjelajah web moderen 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 DarkSeaGree 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)

Warna Nama HTML Heksadesimal
  IndianRed #CD5C5C
  LightCoral #F08080
  Salmon #FA8072
  DarkSalmon #E9967A
  LightSalmon #FFA07A
  Crimson #DC143C
  Red #FF0000
  FireBrick #B22222
  DarkRed #8B0000

Warna-warna pink (6)

Warna Nama HTML Heksadesimal
  Pink #FFC0CB
  LightPink #FFB6C1
  HotPink #FF69B4
  DeepPink #FF1493
  MediumVioletRed #C71585
  PaleVioletRed #DB7093

Warna-warna jingga (6)

Warna Nama HTML Heksadesimal
  LightSalmon #FFA07A
  Coral #FF7F50
  Tomato #FF6347
  OrangeRed #FF4500
  DarkOrange #FF8C00
  Orange #FFA500

Warna-warna kuning (11)

Warna Nama HTML Heksadesimal
  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 (17)

Warna Nama HTML Heksadesimal
  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 (23)

Warna Nama HTML Heksadesimal
  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 (25)

Warna Nama HTML Heksadesimal
  Aqua #00FFFF
  Cyan #00FFFF
  LightCyan #E0FFFF
  PaleTurquoise #AFEEEE
  Aquamarine #7FFFD4
  Turquoise #40E0D0
  MediumTurquoise #48D1CC
  DarkTurquoise #00CED1
  CadetBlue #5F9EA0
  SteelBlue #4682B4
  LightSteelBlue #B0C4DE
  PowderBlue #B0E0E6
  LightBlue #ADD8E6
  SkyBlue #87CEEB
  LightSkyBlue #87CEFA
  DeepSkyBlue #00BFFF
  DodgerBlue #1E90FF
  CornflowerBlue #6495ED
  MediumSlateBlue #7B68EE
  RoyalBlue #4169E1
  Blue #0000FF
  MediumBlue #0000CD
  DarkBlue #00008B
  Navy #000080
  MidnightBlue #191970

Warna-warna coklat (17)

Warna Nama HTML Heksadesimal
  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 (17)

Warna Nama HTML Heksadesimal
  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 (10)

Warna Nama HTML Heksadesimal
  Gainsboro #DCDCDC
  LightGrey #D3D3D3
  Silver #C0C0C0
  DarkGray #A9A9A9
  Gray #808080
  DimGray #696969
  LightSlateGray #778899
  SlateGray #708090
  DarkSlateGray #2F4F4F
  Black #000000

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

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.

Kubus warna 3x3x3

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.

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

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 orange
  #000000 black
  #000080 navy
  #008000 green
  #008080 teal
  #800000 maroon
  #800080 purple
  #808000 olive
  #C0C0C0 silver
  #808080 gray
  #0000FF blue
  #00FF00 lime
  #00FFFF aqua
  #FF0000 red
  #FF00FF fuchsia
  #FFFF00 yellow
  #FFFFFF white

Warna-warna khusus produsen penjelajah 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.

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s