Warna sesawang

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

${\displaystyle 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]}

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.

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]

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]:

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

• Peralatan warna
• Senarai warna
• Senarai palet warna

• 4,096 Web-Safe Colors Diarkibkan 2009-04-11 di Wayback Machine
• CSS2.1 Color Specification
• Sortable Table of X11 Colors
• Warna sesawang di Curlie
• X11/browser colors, with closest web-safe equivalents Diarkibkan 2009-12-03 di Wayback Machine
• Color hex codes with rgb chart graph

Templat:Color topics