Latest News

Trik Mendapat Instruksi Warna Html Dan Css Dengan Tepat

Bahasa pemrograman yang paling berperan sekali dalam mendesain serta mengatur tata letak  halaman website, blog atau situs ialah CSS (Cascade style sheet) yang dikolaborasikan dengan HTML, Kode HTML berfungsi sebagai ckelewat / over yang membentuk krangka halaman situs, sedangkan instruksi CSS berfungsi untuk mengatur tata letak dan mendesain halaman situs, dengan trik 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 memperlihatkan pewarnaan  di dalam instruksi CSS maupun HTML sanggup menggunakan nama dalam bahasa inggris (seperti: red, green, blue, ciyan dll), atau sanggup juga menggunakan 3 atau 6 digit hexa decimal yang didahului uleh tanda # (seperti: #fff, #bebebe, dll), kalau menggunakan bahasa inggris maka warna yang didapat hanya warna-warna dasar, sedangkan kalau menggunakan instruksi hexadecimal maka warna apapun sanggup kita peroleh.
Sepertinya untuk menggunakan 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 menggunakan instruksi hexadecimal agar warna yang didapat ialah warna yang tepat sesuai dengan yang diinginkan.

Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat

Warna-warna yang tersedia pada teknologi komputer dikala ini memang sangat berbagai 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 trik untuk mendapat warna yang sesuai dengan keinginan, diantaranya ialah sebagai berikut:

1. Menggunakan Tool Inspeksi Elemen Browser Mozila Firefox

Browser mozila dari tahun ke tahun memang dibentuk semakin canggih apalagi dikala ini sudah dilengkapi dengan tool untuk mendapat warna yang diinginkan dari sebuah halaman situs tertentu, tujuannya tentu saja untuk mempermudah developer web agar 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 ialah sebagai berikut:

 a. Silahkan buka halaman situs yang berdasarkan anda desain warnanya manis 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 ibarat gambar dibawah ini:

Bahasa pemrograman yang paling berperan sekali dalam mendesain serta mengatur tata letak Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat


c. Cara Menggunakannya, silahkan anda klik pada tombol yang saya sudah tandai dengan no 1, ibarat 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 ibarat pada gambar diatas yang ditandai dengan no 3.

e. Jika warna yang anda inginkan persis ibarat itu anda tinggal kopi paste instruksi warna tersebut dan anda gunakan di template blog anda, namun kalau anda menginginkan warna kobinasinya atau warna yang lain, silahkan anda klik pada gambar lingkaran warna tersebut, ibarat no 3 gambar diatas, silahkan anda klik pada lingkaran warna tersebut, maka akan ditampilkan panel pilihan warna ibarat gambar berikut:

Bahasa pemrograman yang paling berperan sekali dalam mendesain serta mengatur tata letak Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat

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 kalau anda menginginkan warna lainnya yang tersedia dihalaman situs yang ingin anda pola tersebut, silahkan anda gunakan pipet warna, klik pada tombol pipet ibarat terlihat pada gambar diatas yang ditunjukan oleh arah panah merah, kalau berhasil maka akan ditampilkan tool ibarat 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 menggunakan tool yang terdapat didalam software photoshop, trik ini berdasarkan saya ialah trik yang paling efektif untuk mendapat instruksi warna hexadecimal html dan css dengan tepat, namun tentu saja software photosp harus sudah terinstal di komputer anda, kalau anda sudah menginstal photoshop dikomputer anda, langkah-langkah mendapat instruksi warna hexadecimal di photoshop ialah sebagai berikut:

a. Buka jadwal photoshop anda

b. Pada tool disebelah kiri, Klik tombol "set foreground color", maka akan ditampilkan panel warna ibarat terlihat pada gambar dibawah ini:

Bahasa pemrograman yang paling berperan sekali dalam mendesain serta mengatur tata letak Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat

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 wacana Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat, semoga bermanfaat.


0 Response to "Trik Mendapat Instruksi Warna Html Dan Css Dengan Tepat"

Total Pageviews