Bahasa pemrograman yang paling berperan sekali dalam mendesain serta mengatur tata letak halaman website, blog atau situs yakni CSS (Cascade style sheet) yang dikolaborasikan dengan HTML, Kode HTML berfungsi sebagai cover yang membentuk krangka halaman situs, sedangkan instruksi CSS berfungsi untuk mengatur tata letak dan mendesain halaman situs, dengan cara memanipulasi tag-tag HTML yang dipakai sehingga sesuai dengan tata letak dan desain yang diinginkan baik itu warna maupun desain bentuknya.
Ketika berinteraksi dengan kode CSS dan HTML mau tidak mau kita akan sering sekali berinteraksi dengan warna, untuk menunjukkan pewarnaan di dalam instruksi CSS maupun HTML sanggup memakai nama dalam bahasa inggris (seperti: red, green, blue, ciyan dll), atau sanggup juga memakai 3 atau 6 digit hexa decimal yang didahului uleh tanda # (seperti: #fff, #bebebe, dll), jikalau memakai bahasa inggris maka warna yang didapat hanya warna-warna dasar, sedangkan jikalau memakai instruksi hexadecimal maka warna apapun sanggup kita peroleh.
Sepertinya untuk memakai warna dasar sangat gampang sekali tinggal menentukan warna dasar yang ingin kita gunakan namun dalam bahasa inggris, namun untuk warna-warna tertentu yang tercipta dari kombinasi beberapa warna harus memakai instruksi hexadecimal semoga warna yang didapat yakni warna yang tepat sesuai dengan yang diinginkan.
a. Silahkan buka halaman situs yang berdasarkan anda desain warnanya anggun dan ingin anda contoh, misal saya akan mendapat instruksi warna yang saya gunakan di situs . maka pertama saya akan buka situs tersebut
b. Jika halaman situs sudah terbuka dengan sempurna, klik kanan pada halaman situs tersebut, lalu pilih sajian "Inspek Elemen", Anda akan melihat tampilan browser menyerupai gambar dibawah ini:
c. Cara Menggunakannya, silahkan anda klik pada tombol yang saya sudah tandai dengan no 1, menyerupai gambar diatas.
d. Kemudian klik pada elemen halaman situs yang ingin anda dapatkan instruksi warnanya, lihat gambar yang ditandai dengan no 2 diatas, saya ingin mendapat warna pada goresan pena "Seting dasar Blogspot yang wajib anda lakukan" maka akan saya sorot goresan pena tersebut. instruksi perintah CSS dari elemen yang dipilih akan ditampilkan di sudut kanan bawah yang saya tandai dengan no 3, lihat gambar diatas.
d. Pada kotak kanan bawah, yang menampilkan instruksi css dari elemen yang dipilih, anda cari dan scroll ke bawah, untuk menemukan tanda lingkaran warna menyerupai pada gambar diatas yang ditandai dengan no 3.
e. Jika warna yang anda inginkan persis menyerupai itu anda tinggal kopi paste instruksi warna tersebut dan anda gunakan di template blog anda, namun jikalau anda menginginkan warna kobinasinya atau warna yang lain, silahkan anda klik pada gambar lingkaran warna tersebut, menyerupai no 3 gambar diatas, silahkan anda klik pada lingkaran warna tersebut, maka akan ditampilkan panel pilihan warna menyerupai gambar berikut:
f.untuk mendapat warna yang diinginkan anda tinggal klik pada panel warna yang tersedia, instruksi warna akan ditampilkan di samping lingkaran warna yang siap anda kopi paste, namun jikalau anda menginginkan warna lainnya yang tersedia dihalaman situs yang ingin anda pola tersebut, silahkan anda gunakan pipet warna, klik pada tombol pipet menyerupai terlihat pada gambar diatas yang ditunjukan oleh arah panah merah, jikalau berhasil maka akan ditampilkan tool menyerupai beling pembesar untuk menentukan warna, silahkan anda sorot elemen di halaman situs yang bersangkutan yang ingin anda peroleh instruksi warnanya.
a. Buka agenda photoshop anda
b. Pada tool disebelah kiri, Klik tombol "set foreground color", maka akan ditampilkan panel warna menyerupai terlihat pada gambar dibawah ini:
c. Untuk mendapat warna anda tingga klik pada panel warna yang tersedia, instruksi warna dari warna yang anda pilih akan ditampilkan dan sanggup anda kopi, jangan lupa awali instruksi tersebut dengan tanda # ketika hendak digunakan.
Demikian artikel sederhana perihal Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat, semoga bermanfaat.
Ketika berinteraksi dengan kode CSS dan HTML mau tidak mau kita akan sering sekali berinteraksi dengan warna, untuk menunjukkan pewarnaan di dalam instruksi CSS maupun HTML sanggup memakai nama dalam bahasa inggris (seperti: red, green, blue, ciyan dll), atau sanggup juga memakai 3 atau 6 digit hexa decimal yang didahului uleh tanda # (seperti: #fff, #bebebe, dll), jikalau memakai bahasa inggris maka warna yang didapat hanya warna-warna dasar, sedangkan jikalau memakai instruksi hexadecimal maka warna apapun sanggup kita peroleh.
Sepertinya untuk memakai warna dasar sangat gampang sekali tinggal menentukan warna dasar yang ingin kita gunakan namun dalam bahasa inggris, namun untuk warna-warna tertentu yang tercipta dari kombinasi beberapa warna harus memakai instruksi hexadecimal semoga warna yang didapat yakni warna yang tepat sesuai dengan yang diinginkan.
Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat
Warna-warna yang tersedia pada teknologi komputer ketika ini memang sangat aneka macam dan tidak sanggup kita hapal satu persatu, semakin canggih grafik komputer maka kombinasi warna pun akan semakin bermacam-macam bahkan sanggup berjumlah ratusan juta warna yang mustahil sanggup dihapal, ketika mendesain halaman situs, kadang kita memerlukan beberapa pewarnaan yang harus sesuai dengan warna yang diinginkan, ada banyak cara untuk mendapat warna yang sesuai dengan keinginan, diantaranya yakni sebagai berikut:1. Menggunakan Tool Inspeksi Elemen Browser Mozila Firefox
Browser mozila dari tahun ke tahun memang dibentuk semakin canggih apalagi ketika ini sudah dilengkapi dengan tool untuk mendapat warna yang diinginkan dari sebuah halaman situs tertentu, tujuannya tentu saja untuk mempermudah developer web semoga lebih gampang melaksanakan tes dan ujicoba warna untuk halaman web yang sedang dibuatnya, tool tersebut sanggup kita gunakan untuk menentukan juga untuk mendapat warna yang diinginkan, namun untuk menggunaan tool ini anda harus mempunyai sample tampilan halaman situs yang ingin anda dapatkan instruksi pewarnaan dari halaman situs tersebut, langkah-langkahnya yakni sebagai berikut:a. Silahkan buka halaman situs yang berdasarkan anda desain warnanya anggun dan ingin anda contoh, misal saya akan mendapat instruksi warna yang saya gunakan di situs . maka pertama saya akan buka situs tersebut
b. Jika halaman situs sudah terbuka dengan sempurna, klik kanan pada halaman situs tersebut, lalu pilih sajian "Inspek Elemen", Anda akan melihat tampilan browser menyerupai gambar dibawah ini:
c. Cara Menggunakannya, silahkan anda klik pada tombol yang saya sudah tandai dengan no 1, menyerupai gambar diatas.
d. Kemudian klik pada elemen halaman situs yang ingin anda dapatkan instruksi warnanya, lihat gambar yang ditandai dengan no 2 diatas, saya ingin mendapat warna pada goresan pena "Seting dasar Blogspot yang wajib anda lakukan" maka akan saya sorot goresan pena tersebut. instruksi perintah CSS dari elemen yang dipilih akan ditampilkan di sudut kanan bawah yang saya tandai dengan no 3, lihat gambar diatas.
d. Pada kotak kanan bawah, yang menampilkan instruksi css dari elemen yang dipilih, anda cari dan scroll ke bawah, untuk menemukan tanda lingkaran warna menyerupai pada gambar diatas yang ditandai dengan no 3.
e. Jika warna yang anda inginkan persis menyerupai itu anda tinggal kopi paste instruksi warna tersebut dan anda gunakan di template blog anda, namun jikalau anda menginginkan warna kobinasinya atau warna yang lain, silahkan anda klik pada gambar lingkaran warna tersebut, menyerupai no 3 gambar diatas, silahkan anda klik pada lingkaran warna tersebut, maka akan ditampilkan panel pilihan warna menyerupai gambar berikut:
f.untuk mendapat warna yang diinginkan anda tinggal klik pada panel warna yang tersedia, instruksi warna akan ditampilkan di samping lingkaran warna yang siap anda kopi paste, namun jikalau anda menginginkan warna lainnya yang tersedia dihalaman situs yang ingin anda pola tersebut, silahkan anda gunakan pipet warna, klik pada tombol pipet menyerupai terlihat pada gambar diatas yang ditunjukan oleh arah panah merah, jikalau berhasil maka akan ditampilkan tool menyerupai beling pembesar untuk menentukan warna, silahkan anda sorot elemen di halaman situs yang bersangkutan yang ingin anda peroleh instruksi warnanya.
2. Menggunakan Tool Software Photoshop
Alternatif kedua untuk mendapat instruksi warna css dan html yaitu dengan memakai tool yang terdapat didalam software photoshop, cara ini berdasarkan saya yakni cara yang paling efektif untuk mendapat instruksi warna hexadecimal html dan css dengan tepat, namun tentu saja software photosp harus sudah terinstal di komputer anda, jikalau anda sudah menginstal photoshop dikomputer anda, langkah-langkah mendapat instruksi warna hexadecimal di photoshop yakni sebagai berikut:a. Buka agenda photoshop anda
b. Pada tool disebelah kiri, Klik tombol "set foreground color", maka akan ditampilkan panel warna menyerupai terlihat pada gambar dibawah ini:
c. Untuk mendapat warna anda tingga klik pada panel warna yang tersedia, instruksi warna dari warna yang anda pilih akan ditampilkan dan sanggup anda kopi, jangan lupa awali instruksi tersebut dengan tanda # ketika hendak digunakan.
Demikian artikel sederhana perihal Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat, semoga bermanfaat.
