Warna sesawang

Daripada Wikipedia, ensiklopedia bebas.
Lompat ke: pandu arah, cari
HTML
HTML.svg

Warna sesawang adalah warna yang digunakan di dalam rekabentuk laman-laman sesawang, dan kaedah-kaedah untuk menggambarkan dan mengkhususkan warna-warna berkenaan. Kod-kod warna keenambelasan bermula dengan satu cincang (#).[1][2]

Pengarang-pengarang laman-laman sesawang mempunyai kepelbagaian pilihan yang ada untuk mengkhususkan warna-warna bagi unsur-unsur dokumen sesawang. Warna-warna boleh dikhususkan sebagai satu format RGBtrirangkap perenambelasan RGB (satu hex triplet); mereka mungkin boleh dikhususkan merujuk kepada nama-nama Inggeris biasa mereka dalam beberapa kes. Selalunya, satu peralatan warna atau perisian grafik lain digunakan untuk menjana nilai-nilai warna.

Versi Mosaic yang pertama dan Netscape Navigator menggunakan Nama-nama warna X11 sebagai asas bagi senarai warna mereka, kerana kedua-duanya bermula sebagai aplikasi X Window System.[3]

Warna-warna sesawang mempunyai definisi metrik warna yang jelas, sRGB, yang mengaitkan kekromatan suatu set fosfor tertentu, satu lengkungan perpindahan diberi, titik putih mudah suai, dan keadaan-keadaan tontonan.[4] Semuanya ini telah dipilih untuk menjadi serupa dengan monitor-monitor yang sebenar dan keadaan-keadaan tontonan, supaya walaupun dengan ketiadaan penerapan pengurusan warna adalah dekat dengan nilai-nilai yang khusus. Walaupun begitu, agen pengguna berubah-ubah dalam ketepatan dengan yang mana mereka wakilkan warna-warna yang khusus. Lebih tinggi agen-agen pengguna menggunakan pengurusan warna untuk mendapatkan ketepatan warna yang lebih baik; ini adalah sangat penting bagi aplikasi-aplikasi bagi Sesawang-ke-percetakan.

Trirangkap heks[sunting | sunting sumber]

Satu trirangkap heks adalah satu nombor enam digit, tiga-bait perenambelas digunakan di dalam HTML, CSS, SVG, dan aplikasi-aplikasi perkomputeran yang lain , untuk mewakilkan warna-warna. Bait-bait mewakilkan komponen-komponen warna merah, hijau dan biru. Satu bait mewakilkan satu nombor di dalam julat 00 ke FF (dalam notasi perenambelas), atau 0 ke 255 dalam notasi perenambelas. Ini mewakilkan sekurang-kurangnya keamatan (0) hingga ke paling banyak (255) bagi setiap komponen warna. Trirangkap heks dibentuk oleh rangkaian tiga bait di dalam notasi perenambelas, di dalam aturan yang berikut:

Bait 1: nilai merah (jenis warna merah)
Bait 2: nilai hijau (jenis warna hijau)
Bait 3: nilai biru (jenis warna biru)

Sebagai contoh, pertimbangkan warna dimana nilai-nilai merah/hijau/biru adalah nombor-nombor perpuluhan: merah=36, hijau=104, biru=160 (satu warna hijau kekelabuan). Nombor-nombor perpuluhan adalah 36, 104 dan 160 adalah setara dengan nombor-nombor perenambelas 24, 68 dan A0 masing-masing. Trirangkap heks ini diperolehi dengan merangkaikan digit-digit 6 perenambelas sekaligus, 2468A0 sebagai contoh.

Note that if any one of the three color values is less than 16 (decimal) or 10 (hex), it must be represented with a leading zero so that the triplet always has exactly six digits. For example, the decimal triplet 4, 8, 16 would be represented by the hex digits 04, 08, 10, forming the hex triplet 040810.

The number of colors that can be represented by this system is

256 \times 256 \times 256 = 16,777,216

An abbreviated, three (hexadecimal) digit form is sometimes used.[5] Expanding this form to the six-digit form is as simple as doubling each digit: 09C becomes 0099CC. This allows each color value to cover its full range from 00 to FF.

The three-digit form is described in the CSS specification, not in HTML. As a result, the three digit form in an attribute other than "style" is not interpreted as a valid color in some browsers. [perlu rujukan]

Jadual warna[sunting | sunting sumber]

Di dalam jadual di bawah, setiap kod warna yang disenaraikan adalah satutrengkas bagi nilai RGB; sebagai contoh, kod 609 adalah setara dengan kod RGB 102-0-153 atau kod HEX #660099.


Web-Safe Colors
*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*

Warna-warna sesawang paling selamat[sunting | sunting sumber]

Designers were often encouraged to stick to these 216 "web-safe" colors in their websites; however, 8-bit color displays were much more common when the 216-color palette was developed than they are now. David Lehn and Hadley Stern have since discovered that only 22 of the 216 colors in the web-safe palette are reliably displayed without inconsistent remapping on 16-bit computer displays. They called these 22 colors the "really safe" palette; it consists mainly of shades of green and yellow, as can be seen in the table above, where the "really safe" colors are underlined.[6]

Warna-warna CSS[sunting | sunting sumber]

Bahasa Cascading Style Sheets mendefinisikan nombor penamaan warna sebagai HTML 4 spec, dinamakan penyenaraian 16 sebelumnya.

Tambahan pula, CSS 2.1 menambah warna 'oren' kepada senarai tersebut[7]:

Warna Perenambelas
oren #FFA500

CSS 2, SVG dan CSS 2.1 juga membenarkan pengarang-pengarang sesawang menggunakan apa yang dinamakan sebagai warna sistem, yang merupakan nama-nama warna yang nilainya diambil daripada sistem pengendalian. Ini membolehkan pengarang-pengarang sesawang untuk menggayakan kandungan mereka sebaris dengan sistem pengendalian agen pengguna.[8] Pada 2004, terdapat tanda-tanda bahawa modul warna CSS3 akan kembali menarik nilai-nilai ini, menandakan mereka "usang", tetapi ini mungkin berubah.[9]

Pengkhususan pembangunan CSS3 akan juga memperkenalkan nilai-nilai ruang warna HSL kepada "style sheets":

/* RGB model */
p { color: #F00 }       /* #rgb */
p { color: #FF0000 }      /* #rrggbb */
p { color: rgb(255,0,0) }   /* integer range 0 - 255 */
p { color: rgb(100%, 0%, 0%) } /* float range 0.0% - 100.0% */
/* RGB with alpha channel, added to CSS3 */
p { color: rgba(255,0,0,0.5) } /* 0.5 opacity, semi-transparent */
/* HSL model, added to CSS3 */
p { color: hsl(0, 100%, 50%) }  /* red */
p { color: hsl(120, 100%, 50%) } /* green */ 
p { color: hsl(120, 100%, 25%) } /* dark green */ 
p { color: hsl(120, 100%, 75%) } /* light green */ 
p { color: hsl(120, 50%, 50%) } /* pastel green */
/* HSL model with alpha channel */
p { color: hsla(120, 100%, 50%, 1) }  /* green */
p { color: hsla(120, 100%, 50%, 0.5) } /* semi-transparent green */
p { color: hsla(120, 100%, 50%, 0.1) } /* very transparent green */

Lihat juga[sunting | sunting sumber]

Rujukan[sunting | sunting sumber]

  1. Web Design in a Nutshell By Jennifer Niederst Robbins. Page 103.
  2. Beginning CSS By Richard York. Page 71-72.
  3. Guide to Graphics. SP LUS, splus.com. Page 13.
  4. Digital Color Imaging Handbook By Gaurav Sharma. ISBN 084930900X
  5. CSS3 color module
  6. Death of the Websafe Color Palette?
  7. "CSS 2.1 Specification: Syntax and basic data types: Colors". 2009-09-08. Diperoleh pada 2009-12-21. 
  8. User interface - System colors
  9. CSS3 Color Module - CSS2 System Colors

Pautan luar[sunting | sunting sumber]

  hitam perak kelabu putih merah merah manggis ungu fuksia hijau hijau pucuk pisang hijau buah zaitun kuning jingga biru biru kelasi biru belibis akua-marin
Warna Web                                      

Templat:Color topics