-
Kode Warna
Kode Warna diperlukan dalam pembuatan blog atau website untuk menentukan atau mengatur warna text, border, link, backround, dan lain-lain. Bagi seorang blogger yang memahami photoshop atau program sejenisnya, tentu hal ini sudah merupakan santapan sehari-hari bahkan di antara mereka banyak yang sudah hapal di luar kepala kode-kode warna yang sering dipakai terutama warna-warna dasar.

Informasi mengenai kode warna ini saya sajikan khusus bagi blogger pemula yang belum menguasai photoshop dasar atau program sejenisnya. Hal ini dikarenakan banyak di antara blogger pemula yang merasa sedikit kesulitan untuk menentukan kode warna yang akan dipakai pada blog saat pengeditan HTML atau CSS karena ditulis dalam kode Hexadesimal yang diawali dengan tanda pagar(#) kecuali untuk kode warna dasar dapat ditulis langsung sesuai nama warna tersebut dalam bahasa Inggris.
Untuk warna-warna dasar, kita bisa menulis dengan atau tanpa kode warna hexadesimal seperti red, black, blue, dll, atau dengan menggunakan kode warna hexadesimal seperti #FF000, #000000, #0000FF, dll. Tetapi untuk warna-warna yang lain, kita harus menggunakan kode hexadecimal. Perhatikan kode warna dasar di bawah ini :
- Merah : Red atau #FF0000
- Biru : Blue atau #0000FF
- Kuning : Yellow atau #FFFF00
- Hijau : Green atau #00FF00
- Putih : White atau #FFFFFF
- Hitam : Black atau #000000
- Abu-abu : Gray atau #666666
- Pink : Magenta atau #FF00FF
- Biru Muda : Cyan atau #00FFFF
Cara menggunakan tool ini mudah sekali, hanya dengan men-drag mouse pada color picker box, kode warna hexadesimal akan tampil di bagian atas dan kode RGB akan tampail di sebelah kanan. Selanjutnya Anda bisa meng-copy atau menulis ulang kode warna tersebut sebagai acuan untuk mewarnai text, border, atau background pada blog Anda melalui editing CSS. Jika widget di bawah tidak bekerja dengan normal atau kosong, coba refresh atau reload halaman ini dan tunggu sebentar! (sebaiknya java script dan flash player diaktifkan pada browser Anda)
Kode warna (Color Picker) tersebut adalah Versi Free sehingga (maaf) kalau ada ads (iklan) sekali-kali muncul saat menggunkanan kode warna tersebut. Anda bisa juga mengupgrade kode warna (Color Picker) tersebut dengan mengunjungi situs yang bersangkutan.
Semoga bermanfaat.
Artikel yang perlu dikoreksi :
Langgan:
Poskan Komentar (Atom)
Tutorial Blog
- Cara Menulis Yang Menarik
- Membuat Halaman Statik Pada Blogspot
- Menyisipkan Gambar Pada Tabel
- Membuat Blockquote Dengan CSS
- Memasang Toolbar Pada Blog
- Mengganti Blogspot.com Menjadi .com, .net, .org, dll
- Verifikasi Blog Yang Dibangun Dengan Wordpress.com
- Template Blogspot Gratis
- Membuat Tombol Menu
- Mengganti Header Blog
- Template Weebly Gratis
- Mempercepat Loading Blog
- Tukar Link (Link Exchange)
- Cara Pasang Google Translate Pada Blog
- Membuat Website Gratis Dengan Weebly
- Membuat Website Gratis dengan Yola
- Membuat Website Gratis dengan WIX
- Sumbit URL ke Search Engine Terbesar
- Tip Menghemat Bandwidth
- Pencurian Bandwidth
- Verifikasi Blog/ Website Pada Alexa
- Verifikasi Website Pada Google
- Verifikasi Website Pada MSN
- Verifikasi Blog Pada Yahoo
- Form Contact Gratis
- Blogger Template Designer
- Cara Menghapus Komentar Spam
- Cara Menghapus Komentar
- Cara Membuat Google Analytics
- Penulisan Meta Tag Dasar
- Cara Membuat Back To Top
- Cara Membuat Read More Pada Wordpress.com
- Cara Membuat Read More Pada Blogspot
- Menghilangkan Label Di Bawah Posting
- Cara Menyembunyikan Navbar
- Cara Membuat Facebook Fan Box
- Teks Berjalan (Running Text)
- Kode HTML Tampil Pada Postingan
- Cara Membuat Textarea
- Profile Facebook Pada Blog
- Cara Membuat Tabel
- Cara Submit Sitemap
- Cara Membuat Favicon Pada Wordpress
- Cara Membuat Favicon Pada Blogspot
- Cara Bikin Blog Dengan Wordpress
- Cara Bikin Blog Dengan Blogspot
- Mengganti Tulisan Posting Lama, Posting Baru, dan Home
- Menghapus Tanda Quick Edit Pada Blogspot
- Promosi Website
- Belajar Dari Website Orang Lain
- Template Gratis
CSS Dasar
- Membuat Blockquote Dengan CSS
- Clean Dan Kompressi Kode CSS
- Membuat Effect Hover Gambar Dengan CSS
- Membuat Tombol Menu
- Perbedaan Margin dan Padding pada CSS
- Syntax Highlighter Untuk Blogger
- Penggunaan ID dan CLASS
- Cara Membuat Textarea
- Mengenal CSS
HTML Dasar
- Cara Menyisipkan Gambar Pada Tabel
- Membuat Blockquote Dengan CSS
- Gambar Berjalan Dengan HTML
- Syntax Highlighter Untuk Blogger
- Cara Membuat Textarea
- Belajar HTML Dasar (Part. III)
- Belajar HTML Dasar (Part. II)
- Belajar HTML Dasar (Part. I)
- Text Berkedip Dan Text Berjalan
- Teks Berjalan (Running Text)
- Kode Warna
- Cara Membuat Tabel
- Teks Berkedip
Bisnis Online
- Cara Memasang Iklan Bidvertiser
- Sekolah Online Bisnis Internet
- Verifikasi Account Paypal
- Google Adsense Dalam Bahasa Indonesia
- PTC (Pain ToClick)
- Tips Google Adsense Dan Bidvertiser
- Belajar Bisnis Internet
- Google Adsense
- Bisnis Internet
- Directory Program Afiliasi
- Desain Web Dan Bisnis Online
- Promosi Ke Ribuan Email
- Sekilas Tentang Internet
SEO Untuk Pemula
- Berburu Bcklink Dengan Software
- Google PageRank Dan Alexa Rank
- Cara Mencari Keyword Yang Tepat
- Cara Merubah Geographic Target
- Etika Tukar Link
- Tukar Link (Link Exchange)
- Menpoptimalkan Posting Lama Agar SEO Friendly
- Sumbit URL ke Search Engine Terbesar
- Verifikasi Blog/ Website Pada Alexa
- Verifikasi Website Pada MSN
- Verifikasi Blog Pada Yahoo
- Verifikasi Website
- Cara Membuat Google Analytics
- Website Menghilang Dari Google
- Penulisan Meta Tag Dasar
- Peringatan Google
- Wajah Baru Di Tahun 2010
- Cara Membuat Sitemap
- Promosi Website
- Cara Meningkatkan Pengunjung (Part. 2)
- Cara Meningkatkan Pengujung (Part. 1)
- SEO Untuk Pemula
- Belajar Dari Website Lain
- Promosi Ke Ribuan Email
- Promosi Dengan Direct Email
Photoshop Dasar
- Membuat Gambar Transparan Dengan Photoshop
- Membuat Header Dan Background Menu Dengan Photoshop
- Efek Ukir Pada Logam
- Membuat Header Dengan Photoshop
- Membuat Efek Kaca Pembesar
- Membuat Efek Kertas Terbakar
- Membuat Efek Kertas Sobek
- Membuat Efek Bayangan Lengkung
- Foto Dan Image Gratis
- Efek Kertas Lipat
- Kode Warna
- Logo Twitter Gratis (2)
- Logo Twitter Gratis (1)
- Valentine's Day Images
- Web Grafik Gratis
- Efek Bayangan Dengan Photoshop
- Membuat Button Dengan Photoshop
- Berkenalan Dengan Photoshop
Software Dan Driver
- Software Pencari Backlink
- PDA O2 XDA IIi
- Driver Dan Resetter Epson R230
- Driver Dan Resetter Epson CX2800
- Browser Internet Terbaik
- Smadav Naik Daun
- Opera Mini Dan Opera Mobile
- Kompetisi Antivirus
- Billing Warnet
Facebook (FB)
- Google Adsense VS Facebook
- Block User Pada Facebook
- Cara Membuat Facebook Fan Box
- Facebook Smiley
- Profile Facebook Pada Blog
- Facebook Di Indonesia
- Cara Daftar Facebook
Website Tools
- Google Banned Checker
- Back Link Checker
- Cloaking Checker
- Keyword Sugestion
- Keyword Density Checker
- IP Location
- Link Price Calculator
- Domain Checker
- Broken Link Checker
- Search Engine Position
- Listing Preview
- Ping Test
- Website Speed Test
- Alexa Traffic Rank
- Index Checker
- Google Pagerank Prediction
- Pagerank Checker
Lain-lain
- Cara Menulis Yang Menarik
- Komentar Bunglon
- Mengapa Banyak Yang Mengaku Blogger Pemula
- Alasan tidak menulis komentar pada artikel yang dibaca
- Etika Tukar Link
- Harus Berani Berkomentar
- Cara Membuat Account Di MSN
- Perkembangan Link Sukses
- Permohonan Maaf
- Sekolah Online Bisnis Internet
- Google Adsense VS Facebook
- Kontroversi Copy Paste
- Template Weebly Gratis
- Domain Pada Wordpress.com Diban
- PDA O2 XDA IIi
- Kode Singkatan Ketika Chatting
- Mengapa Banyak Yang Mengaku Blogger Pemula
- Pencurian Bandwidth
- Tip Menghemat Bandwidth
- Komentar Yang Dapat Merusak Reputasi Blog
- Perbedaan Blog Dan Website
- Situs Penyedia Foto Gratis
- Logo Valentine's Day
- Opera Mini Dan Opera Mobile
- Blogger Dan Valentine's Day
- Internetan Murah Dengan Simpati dan Kartu As
- Peringatan Google
- 7 Keajaiban Diptara Blog
- Kesalahan Yang Sering Dilakukan Blogger Pemula
- Sekilas Tentang Internet
- Browser Internet Terbaik
- Wajah Baru Di Tahun 2010
- Web Grafik Gratis
- Template Gratis
- Facebook Smiley
- Kamus Istilah Bisnis Internet
- 100 Istilah Internet Yang Sering Digunakan
- Cara Membuat Email








0 comments: