SlideShare a Scribd company logo
Materi ke 4
Color Image Processing
Color Image Processing
1
• Yang hendak kita bahas adalah:
– Color model
– Pseudo-color Image Processing
– Full-color Image Processing
STIKOM Artha Buana
Color Model
2
• Beberapa color model yang populer:
– RGB (warna primer pada CRT)
– CMYK (populer bagi percetakan)
– YIQ / YUV (standar bagi TV NTSC / PAL)
– HSI / HSV (sesuai dengan persepsi mata manusia)
STIKOM Artha Buana
RGB
3
• Merupakan warna primer cahaya (berdasar mata manusia):
– R (red), G (green) dan B (blue)
• Dimodelkan dalam RGB cube
• Sifatnya additive
STIKOM Artha Buana
RGB contoh
4
asli
STIKOM Artha Buana
RGB all-systems-safe 216 colors
5
• Standarisasi karena masih banyak sistem yang tidak bisa menampilkan
16-juta warna
• Hanya kombinasi RGB dengan nilai {00,33,66,99,CC,FF} yang
diperbolehkan
diuraikan
STIKOM Artha Buana
CMY
6
• Dalam dunia warna sering disebut sebagai CMYK
• K menunjukkan warna hitam
• Merupakan warna primer bagi percetakan:
– Cyan  Magenta  Yellow 
• Sifatnya subtractive
• Dihitung dari RGB dengan …
STIKOM Artha Buana
CMY contoh
7STIKOM Artha Buana
YIQ (luminance iphase quadrature)
8
• Merupakan model warna standar bagi TV
• Dihitung dari RGB dengan
• Lihat hubungan Luminance dengan graylevel !
• Y menyatakan terang-gelap
• I dan Q menyatakan warna
STIKOM Artha Buana
YIQ contoh
9STIKOM Artha Buana
HSI atau HSV
10
• Model ini lebih sesuai dengan persepsi mata manusia dalam
menangkap warna
STIKOM Artha Buana
HSI atau HSV
11STIKOM Artha Buana
RGB ke HSV
12
• Mengubah dari RGB ke HSV (lihat Gonzales p. 229-235):
• Bagaimana mengubah HSV ke RGB? Lihat Gonzales p. 235-237.
STIKOM Artha Buana
Pseudo-color Image Processing
13
• Memberi warna pada citra graylevel
• Warna yang diberikan bukan warna objek yang sesungguhnya
• Tujuan utamanya adalah agar citra lebih mudah dilihat/dipahami
oleh mata manusia
• Yang hendak kita bahas:
– Intensity slicing
– Graylevel to color processing
– Filtering approach
STIKOM Artha Buana
Intensity Slicing (1)
14
• Menyatakan citra dalam fungsi intensitas 2D
• Citra diiris oleh bidang yang sejajar dengan bidang xy
• Graylevel di atas dan di bawah bidang pengiris diwarnai dengan warna
yang berbeda
STIKOM Artha Buana
Intensity Slicing (2)
15
• Mirip dengan thresholding, tapi dengan 2 warna
• Pengembangannya: gunakan beberapa bidang pengiris
STIKOM Artha Buana
Intensity Slicing (3)
16STIKOM Artha Buana
Graylevel to Color
17
• Masing-masing channel RGB diproses dengan cara yang berbeda
• Apa jadinya bila fase ketiga komponen sama?
STIKOM Artha Buana
Filtering Approach
18
• Ketiga komponen RGB diproses dengan cara yang berbeda dalam domain
frekuensi
• Filter biasanya berupa lowpass, bandpass/bandreject dan highpass
STIKOM Artha Buana
Full-color Image Processing
19
• Tujuan utamanya adalah: Image Enhancement
• Perhatikan bahwa kebanyakan color model yang digunakan adalah HSI,
bukan RGB. Mengapa?
• Yang hendak kita bahas:
– Intensity adjustment
– Color complement
– Histogram equalization
– Color images smoothing
– Color images sharpening
– Noise reduction in color images
STIKOM Artha Buana
Diberikan persamaan intensitas sbb:
g(m,n)=kf(m,n)
Dimana k adalah skala yang terletak antara 0<k<1
Maka persamaan dalam HSI adalah:
Dan persamaan dalam RGB adalah:
Persamaan dalam CMY adalah:
Intensity Adjustment
20
CITRA INPUT
k adalah konstanta,
r sama dg penjelasan yg lalu
STIKOM Artha Buana
Intensity Adjustment
21STIKOM Artha Buana
Color Complement (1)
22
Warna saling berkomplemen dg sebaliknya
(lihat panahnya)
STIKOM Artha Buana
Color Complement (2)
23
RGB HSI
STIKOM Artha Buana
Histogram Equalization (1)
24
• Lakukan ekualisasi hanya pada komponen I (intensitas)
• Lakukan saturation adjustment seperlunya
h
s
v
Diratakan dulu di sini
STIKOM Artha Buana
Histogram Equalization (2)
25
Contoh histogram equalization yang
dilakukan pada intensity, lalu saturation
ditambah.
STIKOM Artha Buana
Smoothing
Pengolahan Citra Digital © Sekolah Tinggi Teknik Surabaya, 2003 26
• Pada RGB akan berpotensi untuk memunculkan warna-warna yang
sebelumnya tidak ada (karena warna baru dihitung dari rata-rata)
• Pada HIS hanya I yang difilter … apa efeknya?
RGB HSI
STIKOM Artha Buana
Sharpening menggunakan Highpass Spatial
27
• Seperti pada smoothing, sharpening pada RGB akan berpotensi
menimbulkan warna-warna yang sebelumnya tidak ada
• Pada HIS hanya I yang difilter … apa efeknya?
RGB HSI
STIKOM Artha Buana
Noise Reduction
28
• Pada color image sifat noise pada masing-masing channel RGB bersifat
independent
• Noise reduction dengan metode perata-rataan citra dapat dilakukan
(dengan melakukan proses averaging pada tiap channel, dan
menggabungkan hasil akhir).
• Noise reduction dengan median filter tidak cocok bagi citra bewarna.
Mengapa? Karena dg media warna, maka warna dianggap noise, sehingga akan
dihilangkan. Cocok untuk gray dan hitam & putih
STIKOM Artha Buana

More Related Content

PPTX
TEMPLATE PPT SIDANG SKRIPSI.pptx
PPTX
PPT Media Pembelajaran
PPTX
Stages of image processing
PPT
Sistem Operasi Komputer
PDF
Sasaran dan Fokus Pengawasan APIP - MCP-KPK .pdf
PPTX
Change Management
PPTX
Diabetes Mellitus
PPTX
Hypertension
TEMPLATE PPT SIDANG SKRIPSI.pptx
PPT Media Pembelajaran
Stages of image processing
Sistem Operasi Komputer
Sasaran dan Fokus Pengawasan APIP - MCP-KPK .pdf
Change Management
Diabetes Mellitus
Hypertension

What's hot (20)

PPTX
Ai 6
PPT
Pertemuan 2-pemecahan-masalah-ai
PDF
Bab 10 pemampatan citra
PDF
10.kompresi citra
PPT
Pertemuan 3 - Digital Image Processing - Spatial Filtering - Citra Digital
PPTX
Slide minggu 6 (citra digital)
PDF
Bab 4 operasi-operasi dasar pengolahan citra dijital
PPT
Modul 8 - Jaringan Syaraf Tiruan (JST)
PPTX
Regula falsi
DOCX
Makalah metode posisi palsu
PDF
Pcd 05 - transformasi citra
DOCX
Contoh Soal Huffman Code
PPT
Pengolahan citra digital
PPTX
Chap 6 histogram dan operasi dasar
PPTX
Materi 3 Finite State Automata
PDF
Bab 6 histogram citra
PPT
Pertemuan 2 - Digital Image Processing - Image Enhancement - Citra Digital
PDF
Pengolahan Citra 3 - Operasi-operasi Digital
PDF
Kriptografi - Algoritma RSA
PDF
Pcd 02 - bidang pengolahan citra
Ai 6
Pertemuan 2-pemecahan-masalah-ai
Bab 10 pemampatan citra
10.kompresi citra
Pertemuan 3 - Digital Image Processing - Spatial Filtering - Citra Digital
Slide minggu 6 (citra digital)
Bab 4 operasi-operasi dasar pengolahan citra dijital
Modul 8 - Jaringan Syaraf Tiruan (JST)
Regula falsi
Makalah metode posisi palsu
Pcd 05 - transformasi citra
Contoh Soal Huffman Code
Pengolahan citra digital
Chap 6 histogram dan operasi dasar
Materi 3 Finite State Automata
Bab 6 histogram citra
Pertemuan 2 - Digital Image Processing - Image Enhancement - Citra Digital
Pengolahan Citra 3 - Operasi-operasi Digital
Kriptografi - Algoritma RSA
Pcd 02 - bidang pengolahan citra
Ad

Viewers also liked (7)

PDF
Pcd 014 - fraktal untuk pengolahan citra
PDF
Bab 11 citra biner
PPTX
Digital Image Processing (Lab 05)
PDF
PPT
10 color image processing
PPT
Digital Image Processing
Pcd 014 - fraktal untuk pengolahan citra
Bab 11 citra biner
Digital Image Processing (Lab 05)
10 color image processing
Digital Image Processing
Ad

Similar to Pertemuan 4 - Color Image Processing - Citra Digital (8)

PPT
Pertemuan 1 - Introduction - Citra Digital
PPTX
RGB dan CMYK
PDF
Pengolahan Citra Berwarna.pdf
PPTX
Kompetensi dasar 3.2 Dasar Desain Grafis
PPT
Pcd pertemuan 11_2
PPT
2. Teori Warna pada ppt yang akan membuatmu...
PPT
2. Teori Warna.ppt
PPT
2. Teori Warna.ppt
Pertemuan 1 - Introduction - Citra Digital
RGB dan CMYK
Pengolahan Citra Berwarna.pdf
Kompetensi dasar 3.2 Dasar Desain Grafis
Pcd pertemuan 11_2
2. Teori Warna pada ppt yang akan membuatmu...
2. Teori Warna.ppt
2. Teori Warna.ppt

More from ahmad haidaroh (20)

PPTX
Materi 7 Context Free Grammar
PPTX
8 Rekursif
PPTX
6 ANTRIAN - QUEUE
PPTX
PPTX
PPTX
3 Linked List
PPT
PPTX
Materi 4 Regular Expression
PPTX
Materi 3 Finite State Automata
PPTX
Presentasi OSPEK 2018
PPTX
Pertemuan 4 Dioda1
PPTX
Pertemuan 4 Aljabar Boole
PPT
Pertemuan 2&3 - Dasar2 Keamanan Encyption
PPTX
Multiplekser - Demultiplekser - Pertemuan 7
PPT
Pertemuan 3a Rangkaian Aritmatik-Half n Full Adder
PPTX
Pertemuan 6 Penyederhanaan RL-Karnaugh Map
PPTX
Pertemuan 5a gerbang kombinasi-maxtem-minterm
PPT
Pertemuan 5 gerbang logika dasar n bentukan
PPTX
Aritmatika Biner - Pertemuan 3
PPT
Pertemuan 2 - Sistem Bilangan
Materi 7 Context Free Grammar
8 Rekursif
6 ANTRIAN - QUEUE
3 Linked List
Materi 4 Regular Expression
Materi 3 Finite State Automata
Presentasi OSPEK 2018
Pertemuan 4 Dioda1
Pertemuan 4 Aljabar Boole
Pertemuan 2&3 - Dasar2 Keamanan Encyption
Multiplekser - Demultiplekser - Pertemuan 7
Pertemuan 3a Rangkaian Aritmatik-Half n Full Adder
Pertemuan 6 Penyederhanaan RL-Karnaugh Map
Pertemuan 5a gerbang kombinasi-maxtem-minterm
Pertemuan 5 gerbang logika dasar n bentukan
Aritmatika Biner - Pertemuan 3
Pertemuan 2 - Sistem Bilangan

Recently uploaded (20)

DOCX
Modul Ajar Deep Learning PKN Kelas 10 SMA Terbaru 2025
PPTX
Presentasi Al-Quran Hadits Kelompok XI.1
PPTX
materi presentasi sustainable development
PPTX
Paparan Penyesuaian Juknis BOSP Tahun 2025
PDF
RPP PEMBELAJARAN MENDALAM BAHASA INDONESIA _SariIndah_DEWI SINTA (1).pdf
PDF
Sosialisasi Menu DAK NF TA 2026 Promkeskom.pdf
PPTX
Sejarah-Kelahiran-Pancasila kelas 8.pptx
PPTX
Pembelajaran-Mendalam-RTL-dan-Umpan-Baliknya.pptx
PDF
Tren dan Isu Kebutuhan Soft Skill dan Hard Skill Tenaga Kesehatan di RS - dr....
PDF
GUIDE BOOK DMH SCHOLARSHIP...............................
DOCX
Modul Ajar Deep Learning Prakarya Budidaya Kelas 12 SMA Terbaru 2025
PDF
Laporan On The Job TRaining PM KS Siti Hikmah.pdf
PPTX
Modul 3 Prinsip-Pembelajaran-Mendalam.pptx
PDF
Presentasi Aplikasi Persiapan ANBK 2025.pdf
PPTX
! Keterampilan Digital dalam orgnasisasi.pptx
PPTX
PPT REVISED - SEMINAR PEMBELAJARAN MENDALAM .pptx
PDF
AI-Driven Intelligence and Cyber Security: Strategi Stabilitas Keamanan untuk...
PPTX
Perubahan Pengertian_Istilah _Pelatihan "Ketentuan TERBARU Pengadaan Pemerin...
PDF
2021 KREATIFITAS DNA INOVASI DALAM BERWIRAUSAHA.pdf
PDF
RPP PEMBELAJARAN MENDALAM BAHASA INDONESIA _SariIndah_DEWI SINTA (1).pdf
Modul Ajar Deep Learning PKN Kelas 10 SMA Terbaru 2025
Presentasi Al-Quran Hadits Kelompok XI.1
materi presentasi sustainable development
Paparan Penyesuaian Juknis BOSP Tahun 2025
RPP PEMBELAJARAN MENDALAM BAHASA INDONESIA _SariIndah_DEWI SINTA (1).pdf
Sosialisasi Menu DAK NF TA 2026 Promkeskom.pdf
Sejarah-Kelahiran-Pancasila kelas 8.pptx
Pembelajaran-Mendalam-RTL-dan-Umpan-Baliknya.pptx
Tren dan Isu Kebutuhan Soft Skill dan Hard Skill Tenaga Kesehatan di RS - dr....
GUIDE BOOK DMH SCHOLARSHIP...............................
Modul Ajar Deep Learning Prakarya Budidaya Kelas 12 SMA Terbaru 2025
Laporan On The Job TRaining PM KS Siti Hikmah.pdf
Modul 3 Prinsip-Pembelajaran-Mendalam.pptx
Presentasi Aplikasi Persiapan ANBK 2025.pdf
! Keterampilan Digital dalam orgnasisasi.pptx
PPT REVISED - SEMINAR PEMBELAJARAN MENDALAM .pptx
AI-Driven Intelligence and Cyber Security: Strategi Stabilitas Keamanan untuk...
Perubahan Pengertian_Istilah _Pelatihan "Ketentuan TERBARU Pengadaan Pemerin...
2021 KREATIFITAS DNA INOVASI DALAM BERWIRAUSAHA.pdf
RPP PEMBELAJARAN MENDALAM BAHASA INDONESIA _SariIndah_DEWI SINTA (1).pdf

Pertemuan 4 - Color Image Processing - Citra Digital

  • 3. Color Image Processing 1 • Yang hendak kita bahas adalah: – Color model – Pseudo-color Image Processing – Full-color Image Processing STIKOM Artha Buana
  • 4. Color Model 2 • Beberapa color model yang populer: – RGB (warna primer pada CRT) – CMYK (populer bagi percetakan) – YIQ / YUV (standar bagi TV NTSC / PAL) – HSI / HSV (sesuai dengan persepsi mata manusia) STIKOM Artha Buana
  • 5. RGB 3 • Merupakan warna primer cahaya (berdasar mata manusia): – R (red), G (green) dan B (blue) • Dimodelkan dalam RGB cube • Sifatnya additive STIKOM Artha Buana
  • 7. RGB all-systems-safe 216 colors 5 • Standarisasi karena masih banyak sistem yang tidak bisa menampilkan 16-juta warna • Hanya kombinasi RGB dengan nilai {00,33,66,99,CC,FF} yang diperbolehkan diuraikan STIKOM Artha Buana
  • 8. CMY 6 • Dalam dunia warna sering disebut sebagai CMYK • K menunjukkan warna hitam • Merupakan warna primer bagi percetakan: – Cyan  Magenta  Yellow  • Sifatnya subtractive • Dihitung dari RGB dengan … STIKOM Artha Buana
  • 10. YIQ (luminance iphase quadrature) 8 • Merupakan model warna standar bagi TV • Dihitung dari RGB dengan • Lihat hubungan Luminance dengan graylevel ! • Y menyatakan terang-gelap • I dan Q menyatakan warna STIKOM Artha Buana
  • 12. HSI atau HSV 10 • Model ini lebih sesuai dengan persepsi mata manusia dalam menangkap warna STIKOM Artha Buana
  • 13. HSI atau HSV 11STIKOM Artha Buana
  • 14. RGB ke HSV 12 • Mengubah dari RGB ke HSV (lihat Gonzales p. 229-235): • Bagaimana mengubah HSV ke RGB? Lihat Gonzales p. 235-237. STIKOM Artha Buana
  • 15. Pseudo-color Image Processing 13 • Memberi warna pada citra graylevel • Warna yang diberikan bukan warna objek yang sesungguhnya • Tujuan utamanya adalah agar citra lebih mudah dilihat/dipahami oleh mata manusia • Yang hendak kita bahas: – Intensity slicing – Graylevel to color processing – Filtering approach STIKOM Artha Buana
  • 16. Intensity Slicing (1) 14 • Menyatakan citra dalam fungsi intensitas 2D • Citra diiris oleh bidang yang sejajar dengan bidang xy • Graylevel di atas dan di bawah bidang pengiris diwarnai dengan warna yang berbeda STIKOM Artha Buana
  • 17. Intensity Slicing (2) 15 • Mirip dengan thresholding, tapi dengan 2 warna • Pengembangannya: gunakan beberapa bidang pengiris STIKOM Artha Buana
  • 19. Graylevel to Color 17 • Masing-masing channel RGB diproses dengan cara yang berbeda • Apa jadinya bila fase ketiga komponen sama? STIKOM Artha Buana
  • 20. Filtering Approach 18 • Ketiga komponen RGB diproses dengan cara yang berbeda dalam domain frekuensi • Filter biasanya berupa lowpass, bandpass/bandreject dan highpass STIKOM Artha Buana
  • 21. Full-color Image Processing 19 • Tujuan utamanya adalah: Image Enhancement • Perhatikan bahwa kebanyakan color model yang digunakan adalah HSI, bukan RGB. Mengapa? • Yang hendak kita bahas: – Intensity adjustment – Color complement – Histogram equalization – Color images smoothing – Color images sharpening – Noise reduction in color images STIKOM Artha Buana
  • 22. Diberikan persamaan intensitas sbb: g(m,n)=kf(m,n) Dimana k adalah skala yang terletak antara 0<k<1 Maka persamaan dalam HSI adalah: Dan persamaan dalam RGB adalah: Persamaan dalam CMY adalah: Intensity Adjustment 20 CITRA INPUT k adalah konstanta, r sama dg penjelasan yg lalu STIKOM Artha Buana
  • 24. Color Complement (1) 22 Warna saling berkomplemen dg sebaliknya (lihat panahnya) STIKOM Artha Buana
  • 25. Color Complement (2) 23 RGB HSI STIKOM Artha Buana
  • 26. Histogram Equalization (1) 24 • Lakukan ekualisasi hanya pada komponen I (intensitas) • Lakukan saturation adjustment seperlunya h s v Diratakan dulu di sini STIKOM Artha Buana
  • 27. Histogram Equalization (2) 25 Contoh histogram equalization yang dilakukan pada intensity, lalu saturation ditambah. STIKOM Artha Buana
  • 28. Smoothing Pengolahan Citra Digital © Sekolah Tinggi Teknik Surabaya, 2003 26 • Pada RGB akan berpotensi untuk memunculkan warna-warna yang sebelumnya tidak ada (karena warna baru dihitung dari rata-rata) • Pada HIS hanya I yang difilter … apa efeknya? RGB HSI STIKOM Artha Buana
  • 29. Sharpening menggunakan Highpass Spatial 27 • Seperti pada smoothing, sharpening pada RGB akan berpotensi menimbulkan warna-warna yang sebelumnya tidak ada • Pada HIS hanya I yang difilter … apa efeknya? RGB HSI STIKOM Artha Buana
  • 30. Noise Reduction 28 • Pada color image sifat noise pada masing-masing channel RGB bersifat independent • Noise reduction dengan metode perata-rataan citra dapat dilakukan (dengan melakukan proses averaging pada tiap channel, dan menggabungkan hasil akhir). • Noise reduction dengan median filter tidak cocok bagi citra bewarna. Mengapa? Karena dg media warna, maka warna dianggap noise, sehingga akan dihilangkan. Cocok untuk gray dan hitam & putih STIKOM Artha Buana

Editor's Notes

  • #26: Yang kiri pakai RGB, yang kanan pakai HSI