Belajar Warna RGB Pada CSS


Belajar Warna RGB Warna CSS - Pada kesempatan ini kita akan melanjutkan pembelajaran mengenai warna RGB Pada CSS. Bagi kalian yang sedang belajar CSS, artikel ini penting untuk kalian pelajari dan pahami. Belajar RGB pada CSS ini sangat penting dipelajari, kenapa? karena kedepannya pasti kita membutuhkan pemberian warna. Walaupun tidak hanya mengguuakan metode RGB, namun pemahaman dan pembelajaran RGB pada CSS ini penting dilakukan.

Setelah sebelumnya kita sudah mempelajari bersama tentang warna pada CSS, kali ini kita masih seputar warna, namun kali ini tentang RGB.

Baca Juga -> Belajar Warna pada CSS

Warna RGB dalam CSS

Apa itu RGB? RGB merupakan sebuah singkatan dari ( Red, Green, Blue ). Atau Merah, Hijau, dan Biru,

Setiap parameter, baik itu Merah, Hijau maupun biru memiliki nilai dari 0 sampai dengan 255. Yang mana perpaduan dari ketiga parameter tersebut akan menjadikan sebuah warna tertentu.

Lebih paham nya kalian lihat contoh di bawah ini.

Untuk memberikan warna merah, kalian dapat menuliskan RGB ( 255, 0, 0 ) yang mana warna merah di set ke angka 255, dan yang lain di angka 0.



Untuk memberikan warna hitam, kalian menuliskan RGB ( 0, 0, 0 ) atur semua parameternya ke angka nol.



Lalu, untuk warna putih tuliskan RGB ( 255, 255, 255 ) atur semua parameter nya ke angka 255 untuk memberikan warna putih.



Jadi, semakin tinggi nilai dari suatu parameter maka semakin cerah warna yang akan di berikan. Dengan kombinasi tiga parameter tersebut ( Red, Green, Blue ) kalian bisa menghasilkan warna yang kalian inginkan.

Contoh lagi.




Lalu, bagaimana cara penulisan RGB nya?

Caranya cukup mudah. Di bawah ini akan kami berikan contoh penulisan rgb nya.


<h1 style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</h1>
<h1 style="background-color:rgb(0, 0, 255);">rgb(0, 0, 255)</h1>
<h1 style="background-color:rgb(60, 179, 113);">rgb(60, 179, 113)</h1>
<h1 style="background-color:rgb(238, 130, 238);">rgb(238, 130, 238)</h1>
<h1 style="background-color:rgb(255, 165, 0);">rgb(255, 165, 0)</h1>
<h1 style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</h1>

Pada penulisan diatas, kita akan memberikan warna pada background suatu elemen menggunakan rgb.

Hasil nya :


Jika kalian bingung dan tidak hafal perpaduan atau kombinasi warnanya, kalian dapat menggunakan tools atau alat bantu untuk memudahkan kalian menemukan nilai dari parameternya.

Banyak tools untuk memudahkan nya. Kalian bisa menggunakan tools Color picker atau pemilih warna yang ada di JogjaXploit ini. Klik disini.

Mungkin cukup sekian pembelajaran mengenai Warna RGB pada CSS. Jika ada kesulitan kalian bisa bertanya melalui kolom komentar. Terima kasih dan sampai jumpa.

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Posting Komentar

Silahkan Bertanya atau Beri Tanggapannya, Terima Kasih

Post a Comment (0)

Lebih baru Lebih lama

ads

ads