Terus-terang setelah membaca HTML colours, baru saya sedikit mengerti tentang permainan warna dan kodenya yang sering dipakai pada html editor. Dengan sedikit bacaan tersebut, saya tuangkan dalam tulisan singkat berikut, yang diambil dari situs Math is fun.
Angka Hexadecimal digunakan pada halaman web sesuai dengan warna-warna tertentu. Warna tersebut merupakan gabungan warna merah (Red), Hijau (Green) dan Biru(Blue), setiap warna tersebut berada pada batasan berikut:
| 0 sampai 255 (untuk desimal) , atau |
| 00 sampai FF (untuk hexadecimal) |
![]() |
Idenya adalah, bahwa warna dapat dibuat dengan mencampur tiga warna utama: Red, Green dan Blue, sehingga dinamakan "RGB Color System". Ini disebut dengan "Additive" color system, karena diawali dari warna hitam, dan kemudian warna lain ditambahkan. |
Coba anda praktekan dengan menggeser slide untuk menghasilkan warna yang berbeda (atau ketik angka hexadecimal atau decimal pada kotak yang ada):
Angka Hexadecimal sudah 'biasa' pada sistem komputer, karena komputer menyimpan dan bekerja dengan binary digits, dan empat binary digits menjadi satu hexadecimal digit :
| Decimal: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Binary: | 0 | 1 | 10 | 11 | 100 | 101 | 110 | 111 | 1000 | 1001 | 1010 | 1011 | 1100 | 1101 | 1110 | 1111 |
| Hexadecimal: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
Dua Hexadecimal digits secara bersama-sama (disebut dengan "byte" pada terminologi komputer) dapat dijabarkan menjadi 16×16=256 perbedaan warna.
Karena pada setiap tiga warna dapat menghasilkan nilai antara 0 sampai 255 (256 kemungkinan nilai), maka terdapat:
256 × 256 × 256 = 2563 = 16,777,216 kemungkinan kombinasi warna!
(dan inilah alasan logis kenapa disebut dengan "16 Million Colors" pada peralatan komputer)
Format yang digunakan pada halaman web adalah #RRGGBB, dimana RR mengindikasikan komponen warna merah (Red) pada warna dengan dua hexadecimal digit, GG komponen warna hijau (Green) dan BB melambangkan komponen warna biru (Blue).
Contoh: sebuah bayangan warna biru terdiri dari:
Maka ia menjadi (64,48,255) pada desimal, yang ekuivalen dengan (40,30,FF) pada hexadecimal dan menjadi kode berikut #4030FF.
Mungkin hal ini akan mengingatkan anda:
Rose adalah #FF0000
Violet adalah #0000FF
dan jangan lupa
Rumput berwarna #00FF00
| Warna | Decimal (Red, Green, Blue) | Hexadecimal (#RRGGBB) |
|---|---|---|
| Hitam | (0, 0, 0) | #000000 |
| Putih | (255, 255, 255) | #FFFFFF |
| Merah | (255, 0, 0) | #FF0000 |
| Hijau | (0, 255, 0) | #00FF00 |
| Biru | (0, 0, 255) | #0000FF |
| Kuning | (255, 255, 0) | #FFFF00 |
| Cyan | (0, 255, 255) | #00FFFF |
| Magenta | (255, 0, 255) |
#FF00FF |
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Portable Software yang simple untuk memilih rumus warna sesuai dengan yang kita inginkan. Cocok bagi yang suka ngutak-atik website :)