Trik Mendapat Arahan Warna Html Dan Css Dengan Tepat

Bahasa pemrograman yang paling berperan sekali dalam mendesain serta mengatur tata letak  halaman website, blog atau situs yaitu CSS (Cascade style sheet) yang dikolaborasikan dengan HTML, Kode HTML berfungsi sebagai cover yang membentuk krangka halaman situs, sedangkan isyarat 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 memperlihatkan pewarnaan  di dalam isyarat 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 isyarat 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 isyarat hexadecimal semoga warna yang didapat yaitu 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 yaitu 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 isyarat pewarnaan dari halaman situs tersebut, langkah-langkahnya yaitu sebagai berikut:

 a. Silahkan buka halaman situs yang berdasarkan anda desain warnanya manis dan ingin anda contoh, misal saya akan mendapat isyarat 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 isyarat 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. isyarat 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 isyarat 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 isyarat warna tersebut dan anda gunakan di template blog anda, namun jikalau anda menginginkan warna kobinasinya atau warna yang lain, silahkan anda klik pada gambar bundar 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, isyarat 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 teladan tersebut, silahkan anda gunakan pipet warna, klik pada tombol pipet ibarat terlihat pada gambar diatas yang ditunjukan oleh arah panah merah, jikalau berhasil maka akan ditampilkan tool ibarat beling pembesar untuk menentukan warna, silahkan anda sorot elemen di halaman situs yang bersangkutan yang ingin anda peroleh isyarat warnanya.

2. Menggunakan Tool Software Photoshop

Alternatif kedua untuk mendapat isyarat warna css dan html yaitu dengan memakai tool yang terdapat didalam software photoshop, cara ini berdasarkan saya yaitu cara yang paling efektif untuk mendapat isyarat 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 isyarat warna hexadecimal di photoshop yaitu 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, isyarat warna dari warna yang anda pilih akan ditampilkan dan sanggup anda kopi, jangan lupa awali isyarat tersebut dengan tanda # ketika hendak digunakan.

Demikian artikel sederhana wacana Trik Mendapatkan Kode Warna HTML dan CSS dengan tepat, semoga bermanfaat.


Subscribe to receive free email updates:

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

Posting Komentar