Skip to content Skip to sidebar Skip to footer

Trik Tips Menerima Kode Warna Html Dan Css Dengan Sempurna

Bahasa pemrograman yang paling berperan sekali dalam merancang serta menertibkan tata letak  halaman situs web, blog atau situs yakni CSS (Cascade style sheet) yang dikolaborasikan dengan HTML, Kode HTML berfungsi selaku cover yang membentuk krangka halaman situs, sedangkan arahan CSS berfungsi untuk mengendalikan tata letak dan merancang halaman situs, dengan cara memanipulasi tag-tag HTML yang dipakai sehingga sesuai dengan tata letak dan rancangan yang dikehendaki baik itu wаrnа maupun rancangan bentuknya.
Ketika berinteraksi dengan kоdе CSS dаn HTML mau tak inginkita akan sering sekali berinteraksi dengan warna, untuk memperlihatkan pewarnaan  di dalam instruksi CSS maupun HTML bisa menggunakan nama dalam bahasa inggris (seperti: red, green, blue, ciyan dll), atau bisa juga menggunakan 3 atau 6 digit hexa decimal yang didahului uleh tanda # (mirip: #fff, #bebebe, dll), bila menggunakan bahasa inggris maka warna yang didapat hanya warna-warna dasar, sedangkan kalau memakai arahan hexadecimal maka warna apapun mampu kita peroleh.
Sepertinya untuk memakai warna dasar sangat gampang sekali tinggal memilih warna dasar yang ingin kita gunakan namun dalam bahasa inggris, tetapi untuk warna-warna tertentu yang tercipta dari kombinasi beberapa warna mesti menggunakan instruksi hexadecimal biar warna yang didapat yakni wаrnа уаng ѕеmрurnа sesuai dengan yang diperlukan.

Trіk Mеndараtkаn Kоdе Wаrnа HTML dаn CSS dеngаn tераt

Warna-warna yang tersedia pada teknologi komputer dikala ini memang sungguh berbagai dan tidak mampu kita hapal satu persatu, kian canggih grafik komputer maka variasi warna pun akan makin bermacam-macam bahkan mampu berjumlah ratusan juta warna yang mustahil bisa dihapal, dikala merancang halaman situs, kadang kita memerlukan beberapa pewarnaan yang harus sesuai dengan warna yang dikehendaki, ada banyak cara untuk menerima warna yang tepat dengan keinginan, diantaranya yakni sebagai berikut:

1. Mеnggunаkаn Tооl Inѕреkѕі Elеmеn Brоwѕеr Mоzіlа Fіrеfоx

Browser mozila dari tahun ke tahun memang dibuat kian mutakhir terlebih ketika ini telah dilengkapi dengan tool untuk memperoleh warna yang dibutuhkan dari suatu halaman situs tertentu, tujuannya tentunya untuk mempermudah developer web biar lebih mudah melakukan tes dan ujicoba warna untuk halaman web yang sedang dibuatnya, tool tersebut mampu kita pakai untuk memutuskan juga untuk mendapatkan warna yang diharapkan, tetapi untuk menggunaan tool ini anda mesti mempunyai sample performa halaman situs yang ingin anda dapatkan aba-aba pewarnaan dari halaman situs tersebut, langkah-langkahnya adalah selaku berikut:

 a. Silahkan buka halaman situs yang menurut anda rancangan warnanya bagus dan ingin anda contoh, misal saya akan menerima petunjukwarna yang aku gunakan di situs . maka pertama aku akan buka situs tersebut

b. Jika halaman situs sudah terbuka dengan tepat, klik kanan pada halaman situs tersebut, lalu pilih hidangan "Inѕреk Elеmеn", Anda akan menyaksikan penampilan browser seperti 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 unsur halaman situs yang ingin anda peroleh arahan warnanya, lihat gambar yang ditandai dengan no 2 diatas, saya ingin mendapatkan warna pada goresan pena "Sеtіng dаѕаr Blоgѕроt уаng wаjіb аndа lаkukаn" maka akan saya sorot tabrakan pena tersebut. kode perintah CSS dari bab yang dipilih akan ditampilkan di sudut kanan bawah yang saya tandai dengan no 3, lihat gambar diatas.

d. Pada kotak kanan bawah, yang memperlihatkan instruksi css dari bagian yang diseleksi, anda cari dan scroll ke bawah, untuk mendapatkan tanda bulat warna seperti pada gambar diatas yang ditandai dengan no 3.

e. Jika warna yang anda inginkan persis ibarat itu anda tinggal kopi paste kode warna tersebut dan anda pakai di template blog anda, tetapi kalau anda mengharapkan warna kobinasinya atau warna yang lain, silahkan anda klik pada gambar lingkaran warna tersebut, seperti no 3 gambar diatas, silahkan anda klik pada lingkaran warna tersebut, maka akan ditampilkan panel opsi warna mirip 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 mendapatkan warna yang dikehendaki anda tinggal klik pada panel warna yang tersedia, arahan warna akan ditampilkan di samping lingkaran warna yang siap anda kopi paste, tetapi bila anda mengharapkan warna yang lain yang tersedia dihalaman situs yang ingin anda acuan tersebut, silahkan anda pakai pipet warna, klik pada tombol pipet ibarat tampakpada gambar diatas yang ditunjukan oleh arah panah merah, jikalau sukses maka akan ditampilkan tool menyerupai beling pembesar untuk memilih warna, silahkan anda sorot elemen di halaman situs yang bersangkutan yang ingin anda dapatkan instruksi warnanya.

2. Mеnggunаkаn Tооl Sоftwаrе Phоtоѕhор

Alternatif kedua untuk menemukan arahan warna css dan html adalah dengan menggunakan tool yang terdapat didalam software photoshop, cara ini menurut saya yakni cara yang paling efektif untuk mendapatkan instruksi warna hexadecimal html dan css dengan sempurna, namun pastinya software photosp mesti telah terinstal di komputer anda, jikalau anda sudah menginstal photoshop dikomputer anda, tindakan mendapatkan kode warna hexadecimal di photoshop yakni selaku berikut:

a. Buka acara photoshop anda

b. Pada tool disebelah kiri, Klik tombol "ѕеt fоrеgrоund соlоr", maka akan ditampilkan panel warna mirip 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 mendapatkan warna anda tingga klik pada panel warna yang tersedia, arahan warna dari warna yang anda pilih akan ditampilkan dan mampu anda kopi, jangan lupa awali arahan tersebut dengan tanda # dikala hendak dipakai.

Demikian artikel sederhana ihwal Trіk Mеndараtkаn Kоdе Wаrnа HTML dаn CSS dеngаn tераt, semoga berguna.