Yuk Mengenal RGB dan RGBA Color

Metode RGB Color merupakan metode pewarnaan berdasarkan penambahan kuat cahaya warna primer, yaitu Red, Green dan Blue. Kuat cahaya ketiga warna tersebut direpresentasikan/dinilaikan dengan angka.

Metode RGB Color merupakan metode pewarnaan berdasarkan penambahan kuat cahaya warna primer, yaitu Red, Green dan Blue. Kuat cahaya ketiga warna tersebut direpresentasikan/dinilaikan dengan angka.

Nilai kuat cahaya yang diberikan pada warna Red, Green dan Blue berkisar antara 0 hingga 255 dengan 0 adalah nilai minimum dan 255 adalah nilai maksimum. Nilai kuat cahaya juga dapat dinilaikan dengan presentase, 100% senilai dengan 255 dan 0% senilai dengan 0.

The RGB color model is an additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the three additive primary colors, red, green, and blue. -Wikipedia

Bila kita memberi nilai red, green dan blue 0, maka yang tercipta adalah warna hitam karena nilai kuat cahayanya minimum. Sebaliknya bila kita beri nilai 255, maka yang tercipta adalah warna putih karena nilai kuat cahanya maksimum.

Misalnya kita ingin memberi warna elemen p pada html dengan warna merah, kode cssnya seperti ini:
p {
color: rgb(255,0,0);
}


RGBA Color hampir serupa dengan RGB Color, bedanya adalah pada huruf A singkatan dari Alpha yang berfungsi untuk mengatur ketajaman dari suatu warna. Dinilaikan dengan angka 0 hingga 1.

Bila diberi nilai 1, ketajaman warna serupa dengan warna aslinya. Semakin rendah angkanya, warna akan lebih transparan.

Penulisan kode cssnya, hampir serupa pula. Hanya menambahkan huruf a dibelakang rgb dan nilai yang ingin diberi diletakkan setelah nilai warna biru.
p {
color: rgba(255,0,0,0.5);
}


Ketiga warna primer tersebut memiliki 256 tingkat(nilai 0 hingga 255) sehingga warna yang dapat dibentuk dari ketiga warna tersebut berjumlah 16.777.216 warna. referensi:
http://www.w3schools.com/html/html_colors.asp
http://en.wikipedia.org/wiki/RGB_color_model
http://pengantar-warna.blogspot.com/2008/10/model-warna-rgb.html
http://www.w3.org/TR/css3-color/

COMMENTS

Nama

AJAX Android APLIKASI APLIKASI PROGRAMMING BASIC Bootstrap C Plus Plus Cisco Packet Tracer Codeigniter CRUD CSS Framework HTML Instaling Jaringan Komputer Java Java Script JavaScript JQUERY Pengetahuan PHP Programming Review Sekolah SOURCODE Teknologi TipsTrick Tutorial Video Yii
false
ltr
item
HI-CODDING: Yuk Mengenal RGB dan RGBA Color
Yuk Mengenal RGB dan RGBA Color
Metode RGB Color merupakan metode pewarnaan berdasarkan penambahan kuat cahaya warna primer, yaitu Red, Green dan Blue. Kuat cahaya ketiga warna tersebut direpresentasikan/dinilaikan dengan angka.
https://3.bp.blogspot.com/-3p4qu4JbMkQ/Ufp_bROXuyI/AAAAAAAAARM/2SUkBuNqJDc/s400/rgbcolor.png
https://3.bp.blogspot.com/-3p4qu4JbMkQ/Ufp_bROXuyI/AAAAAAAAARM/2SUkBuNqJDc/s72-c/rgbcolor.png
HI-CODDING
http://www.hi-codding.net/2016/05/yuk-mengenal-rgb-dan-rgba-color.html
http://www.hi-codding.net/
http://www.hi-codding.net/
http://www.hi-codding.net/2016/05/yuk-mengenal-rgb-dan-rgba-color.html
true
5256670903611799845
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy