Dibawah ini adalah tabel dari kode-kode warna yang dapat digunakan untuk mempercantik tampilan sebuah website. Dengan perpaduan warna yang menarik akan memberikan nilai lebih pada sebuah website dan bukan tidak mungkin, setiap pengunjung yang datang akan merasa nyaman untuk berlama-lama.
Nilai Warna
Warna CSS dapat didefinisikan sebagai notasi heksadesimal untuk kombinasi Merah, Hijau, dan nilai-nilai warna Biru (RGB).
Nilai terendah yang dapat diberikan kepada satu sumber cahaya adalah 0 (hex # 00) dan nilai tertinggi adalah 255 (hex # FF).
Tabel di bawah ini menunjukkan hasil dari kombinasi Merah, Hijau, dan sumber cahaya Biru:
Color | Color HEX | Color RGB |
| #000000 | rgb(0,0,0) |
| #FF0000 | rgb(255,0,0) |
| #00FF00 | rgb(0,255,0) |
| #FFFF00 | rgb(255,255,0) |
| #00FFFF | rgb(0,255,255) |
| #FF00FF | rgb(255,0,255) |
| #C0C0C0 | rgb(192,192,192) |
| #FFFFFF | rgb(255,255,255) |
Nama-nama Warna W3C Standard
W3C telah mencantumkan 16 nama warna yang akan divalidasi dengan validator CSS.
Nama-nama warna yaitu: aqua, hitam, biru, fuchsia, abu-abu, hijau, jeruk nipis, marun, biru, zaitun, ungu, merah, perak, nyata, putih, dan kuning.
Nama-nama Warna Cross-browser
Sebuah koleksi hampir 150 nama warna yang didukung oleh semua browser utama.
Nilai-nilai Warna Cross-browser
Beberapa tahun lalu, ketika kebanyakan komputer hanya didukung 256 warna yang berbeda, daftar 216 Warna Safe Web disarankan sebagai standar Web. Alasan untuk ini adalah bahwa sistem operasi Microsoft dan Mac menggunakan 40 warna sistem tetap berbeda "reserved" (sekitar 20 untuk masing-masing).
Kami tidak yakin bagaimana pentingnya hal ini sekarang, karena kebanyakan komputer saat ini memiliki kemampuan untuk menampilkan jutaan warna berbeda, namu demikian pilihan tergantung pada keinginan kita.
Palet warna 216 lintas-browser diciptakan untuk memastikan bahwa semua komputer akan menampilkan warna dengan benar ketika menjalankan sebuah palet warna 256
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 |
Sumber warna yang ditayangkan kombinasi dari Merah, Hijau dan Biru terang.
Nilai Warna CSS
Warna CSS didefinisikan menggunakan notasi heksadesimal untuk kombinasi Merah, Hijau, dan nilai-nilai warna Biru (RGB). Nilai terendah yang dapat diberikan kepada satu sumber cahaya adalah 0 (hex # 00). Nilai tertinggi adalah 255 (hex # FF).
16384 Warna yang Berbeda
Kebanyakan monitor modern mampu menampilkan setidaknya 16384 warna yang berbeda. Jika Anda melihat tabel warna di bawah ini, Anda akan melihat hasil dari berbagai cahaya merah dari 0 sampai 255, sementara menjaga cahaya hijau dan biru pada nol. Untuk melihat daftar lengkap 16384 warna yang berbeda berdasarkan pada cahaya merah bervariasi dari 0 sampai 255, klik pada salah satu atau nilai-nilai heksadesimal rgb di bawah.
Corak Abu-abu
Warna abu-abu ditampilkan menggunakan jumlah daya yang sama ke semua sumber cahaya. Untuk membuatnya lebih mudah untuk memilih warna abu-abu yang tepat berikut telah dikumpulkan tabel warna abu-abu:
| RGB(0,0,0) | #000000 |
| RGB(8,8,8) | #080808 |
| RGB(16,16,16) | #101010 |
| RGB(24,24,24) | #181818 |
| RGB(32,32,32) | #202020 |
| RGB(40,40,40) | #282828 |
| RGB(48,48,48) | #303030 |
| RGB(56,56,56) | #383838 |
| RGB(64,64,64) | #404040 |
| RGB(72,72,72) | #484848 |
| RGB(80,80,80) | #505050 |
| RGB(88,88,88) | #585858 |
| RGB(96,96,96) | #606060 |
| RGB(104,104,104) | #686868 |
| RGB(112,112,112) | #707070 |
| RGB(120,120,120) | #787878 |
| RGB(128,128,128) | #808080 |
| RGB(136,136,136) | #888888 |
| RGB(144,144,144) | #909090 |
| RGB(152,152,152) | #989898 |
| RGB(160,160,160) | #A0A0A0 |
| RGB(168,168,168) | #A8A8A8 |
| RGB(176,176,176) | #B0B0B0 |
| RGB(184,184,184) | #B8B8B8 |
| RGB(192,192,192) | #C0C0C0 |
| RGB(200,200,200) | #C8C8C8 |
| RGB(208,208,208) | #D0D0D0 |
| RGB(216,216,216) | #D8D8D8 |
| RGB(224,224,224) | #E0E0E0 |
| RGB(232,232,232) | #E8E8E8 |
| RGB(240,240,240) | #F0F0F0 |
| RGB(248,248,248) | #F8F8F8 |
| RGB(255,255,255) | #FFFFFF |
Nama-nama Warna CSS
Tabel di bawah menyediakan daftar nama-nama warna yang didukung oleh semua browser utama.
Catatan: Jika ingin untuk memvalidasi halaman dengan HTML atau validator CSS, W3C telah mencantumkan 16 nama warna yang dapat digunakan: aqua, hitam, biru, fuchsia, abu-abu, hijau, jeruk nipis, marun, biru, zaitun, ungu, merah, perak, nyata, putih, dan kuning. Jika ingin menggunakan warna lain, terlebih dahulu harus menentukan nilai RGB atau nilai HEX dari warna tersebut.
Klik pada nama warna (atau nilai hex) untuk melihat warna sebagai warna latar belakang-bersama dengan warna teks yang berbeda:
Color Name | Color HEX | Color |
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
Semoga Bermanfaat....>>>>>
