Untuk menarik pengunjung di website atau blog kita, yang pertama kita pikirkan adalah desain dan tak lepas dari suatu warna-warna yang menarik sesuai selera kita. Kombinasi warna yang tepat akan memberikan nilai tambah untuk sebuah website, dan tentunya lebih membuat pengunjung website betah berlama-lama mengunjungi website kita.
Dan sekarang [R][B] Community mau berbagi tentang Code Warna Lengkap Full CSS
Warna Nilai
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:
Lintas-browser Warna Nilai
Beberapa tahun yang lalu, ketika sebagian besar 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 berbeda "reserved" warna sistem tetap (masing-masing sekitar 20).
Kami tidak yakin betapa pentingnya hal ini sekarang, karena kebanyakan komputer saat ini memiliki kemampuan untuk menampilkan jutaan warna yang berbeda, tapi pilihan yang tersisa untuk Anda.
The 216 lintas-browser palet warna diciptakan untuk memastikan bahwa semua komputer akan menampilkan warna dengan benar ketika menjalankan sebuah palet warna 256:
Warna yang ditampilkan menggabungkan RED, GREEN, dan sumber cahaya BIRU.
16384 Warna Berbeda
Kebanyakan monitor modern mampu menampilkan setidaknya 16.384 warna yang berbeda.
Jika Anda melihat tabel warna di bawah ini, Anda akan melihat hasil dari berbagai lampu merah dari 0 sampai 255, sementara menjaga lampu hijau dan biru pada nol.
Untuk melihat daftar lengkap dari 16.384 warna yang berbeda berdasarkan lampu merah bervariasi dari 0 sampai 255, klik pada salah satu heksadesimal atau nilai-nilai rgb bawah.
Nuansa Abu-Abu
Warna abu-abu ditampilkan menggunakan jumlah yang sama listrik ke semua sumber cahaya. Untuk membuatnya lebih mudah bagi Anda untuk memilih warna abu-abu yang tepat, kami telah mengumpulkan tabel warna abu-abu untuk Anda:
CSS Nama Warna
Tabel di bawah ini memberikan daftar nama-nama warna yang didukung oleh semua browser utama.
Catatan: Jika Anda ingin halaman Anda untuk memvalidasi dengan HTML atau CSS validator, W3C telah mencatatkan nama warna 16 yang dapat Anda gunakan: aqua, hitam, biru, fuchsia, abu-abu, hijau, kapur, merah marun, biru tua, zaitun, ungu, merah, silver, teal, putih, dan kuning. Jika Anda ingin menggunakan warna lain, Anda harus menentukan mereka RGB atau nilai HEX.
Klik pada nama warna (atau nilai hex) untuk melihat warna sebagai warna latar belakang-bersama dengan warna teks yang berbeda:
Dan sekarang [R][B] Community mau berbagi tentang Code Warna Lengkap Full CSS
Warna Nilai
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) |
Lintas-browser Warna Nilai
Beberapa tahun yang lalu, ketika sebagian besar 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 berbeda "reserved" warna sistem tetap (masing-masing sekitar 20).
Kami tidak yakin betapa pentingnya hal ini sekarang, karena kebanyakan komputer saat ini memiliki kemampuan untuk menampilkan jutaan warna yang berbeda, tapi pilihan yang tersisa untuk Anda.
The 216 lintas-browser palet warna 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
|
16384 Warna Berbeda
Kebanyakan monitor modern mampu menampilkan setidaknya 16.384 warna yang berbeda.
Jika Anda melihat tabel warna di bawah ini, Anda akan melihat hasil dari berbagai lampu merah dari 0 sampai 255, sementara menjaga lampu hijau dan biru pada nol.
Untuk melihat daftar lengkap dari 16.384 warna yang berbeda berdasarkan lampu merah bervariasi dari 0 sampai 255, klik pada salah satu heksadesimal atau nilai-nilai rgb bawah.
Nuansa Abu-Abu
Warna abu-abu ditampilkan menggunakan jumlah yang sama listrik ke semua sumber cahaya. Untuk membuatnya lebih mudah bagi Anda untuk memilih warna abu-abu yang tepat, kami telah mengumpulkan tabel warna abu-abu untuk Anda:
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 |
CSS Nama Warna
Tabel di bawah ini memberikan daftar nama-nama warna yang didukung oleh semua browser utama.
Catatan: Jika Anda ingin halaman Anda untuk memvalidasi dengan HTML atau CSS validator, W3C telah mencatatkan nama warna 16 yang dapat Anda gunakan: aqua, hitam, biru, fuchsia, abu-abu, hijau, kapur, merah marun, biru tua, zaitun, ungu, merah, silver, teal, putih, dan kuning. Jika Anda ingin menggunakan warna lain, Anda harus menentukan mereka RGB atau nilai HEX.
Klik pada nama warna (atau nilai hex) untuk melihat warna sebagai warna latar belakang-bersama dengan warna teks yang berbeda:
wah, thx infonya gan
BalasHapusbermanfaat banget.
iya gan sama2 :))
BalasHapusgan koq ga bisa di kopas ya,,, hem... ;((
BalasHapuspadahal pengen banget tak save n bisa gampang make nya gitu... ;-(