Generator kode warna Hexadecimal to RGB

Generator kode warna di bawah ini berfungsi untuk mengubah atau mengonversi kode warna Hexadecimal menjadi kode warna RGB. Panduan penggunaan terdapat di bagian bawah generator.

#



R G B

Panduan penggunaan

Generator kode warna ini berfungsi sebagai alat untuk mengetahui kode warna RGB dari sebuah kode warna Hexadecimal. Sehingga apabila kamu memiliki sebuah kode warna dalam bentuk Hexadecimal, kemudian ingin mengetahui kode warna tersebut dalam bentuk RGB, maka kamu boleh menggunakan generator kode warna di atas.

Cara menggunakan

Sebagai contoh, Blogizty akan mengonversi kode warna merah yang memiliki kode Hexadecimal ff0000 menjadi kode warna RGB.

1. Masukkan kode warna Hexadecimal ke dalam kolom pertama yang terdapat tanda #, masukkan hanya digitnya saja, contoh : ff0000.

2. Klik tombol Generate.

3. Lihat hasilnya pada kolom bagian bawah, contoh hasilnya adalah R(255) G(0) B(0).

   Berarti kode warna RGB untuk warna merah adalah rgb(255,0,0).

Mengenai kode warna Hexadecimal dan RGB

Kode warna Hexadecimal terdiri dari 6 digit angka dan atau huruf, tapi untuk beberapa kode warna memiliki shorthand atau penulisan singkat menjadi 3 digit saja.

Penulisan kode warna Hexadecimal pada CSS untuk mendesain situs atau blog harus didahului oleh tanda #. Contohnya, untuk memberikan warna hitam pada teks atau font, maka penulisannya akan menjadi {color:#000000} dan begitu seterusnya.

Sedangkan untuk warna RGB, penulisannya berbeda bentuk. Kode warna RGB yang termasuk ke dalam kategori CSS3 ini bentuk penulisannya lebih mirip javascript.

Contoh penulisan kode warna RGB untuk warna putih adalah rgb(255,255,255), untuk warna hitam adalah rgb(0,0,0), untuk warna merah adalah rgb(255,0,0) dan seterusnya.

Warna RGB ini sering digunakan untuk mendesain situs atau blog sebagai sarana untuk mempercantik tampilan karena warna RGB dapat diatur transparansinya dengan menambahkan properti Alpha yang bertindak sebagai Opacity atau pengatur tingkat transparansi, sehingga kode warna ini sering berubah bentuk menjadi RGBA yang mana itu adalah singkatan dari Red Green Blue Alpha.

Sedangkan untuk penggunannya sendiri yaitu akan menjadi rgba(255,0,0,1), di mana angka 1 dalam baris terakhir merupakan tingkat transparansi atau Opacity atau Alpha. Sehingga apabila nilai Alpha semakin kecil hingga batas minimum yaitu 0 atau 0.0 maka tingkat transparansi akan bertambah, dalam arti semakin transparan.

Contoh

Bila kita ingin menambahkan warna background merah transparan pada salah satu element di blog, maka pada CSS, kita harus menuliskannya seperti ini :

background:rgba(255,0,0,0.5);

Semoga bermanfaat.

©Blogizty