Dokumen ini membahas tentang kodefikasi warna dalam grafika komputer. Ia menjelaskan model warna RGB dan kombinasi warna dasar seperti merah, hijau, dan biru. Dokumen ini juga memberikan contoh kode HTML untuk mewakili warna dan garis berbeda dengan panjang dan warna yang ditentukan.

1. Kodefikasi Warna
Ir. Sihar, M.T.
T. Informatika – FTI
Bandung - 2014
TIF314 Grafika Komputer (2 sks)

2. Daftar Pustaka
Bratley, P., B. L. Fox, and L. E. Schrage. (1987). A Guide to Simulation,
Second Edition. Springer-Verlag.
Dorst, L. Fontijne, D., Mann, S. (2007). Geometric Algebra for
Computer Science: An Object-Oriented Approach to Geometry. The
Morgan Kaufmann Series in Computer Graphics.
Harrington, S. (1983). Computer Graphics: A Programming Approach.
McGraw-Hill.
Hughes, J.F., etc. (2014). Computer Graphics, Principles and Practice.
AddisonWesley.
Plastock, R.A. (1986). Computer Graphics. Schaum's Outline Series.
Simamora, S.N.M.P. (2013). “Diktat FTI314 Grafika Komputer”.
Program studi Teknik Informatika, Fak. Teknologi Informasi. Univ.
BALE. Bandung.

3. Selain menitik-beratkankan pada metode, teknik,
algoritma, dan pemrograman;bidang grafika
komputer secara garis besar bermuara pada
output-device/value yang ditampilkan.Alhasil aspek
warna cukup penting untuk dilibatkan dalam
pembahasan grafika komputer.
Color monitor pada desktop awalnya berbasis pada
teknologi CRT (Cathode RayTube) atau teknologi Back
Light Flat Screen. Oleh sebab monitor bekerja dengan
transmisi cahaya (light), maka display tersebut
menggunakan model kombinasi (additive color model)
RGB (Red Green Blue).

4. white
Model RGB (additive color model)
green
red blue
yellow cyan
pink
Dalam HTML code, additive color model dapat dirumuskan dengan model matematik
sbb: #xxyyzz
RED: xx
GREEN:yy
BLUE: zz
HTML code

5. RED: #FF0000
HTML-code: Tampilan jalannya program:
GREEN:#00FF00
HTML-code: Tampilan jalannya program:
BLUE: #0000FF
HTML-code: Tampilan jalannya program:

6. Kombinasi warna
(color)
GREEN + BLUE ⇒ CYAN: #00FFFF
HTML-code:
Tampilan jalannya program:

7. Kombinasi warna
(color)
RED + GREEN ⇒YELLOW: #FFFF00
HTML-code:
Tampilan jalannya program:

8. Kombinasi warna
(color)
RED + BLUE ⇒ PINK: #FF00FF
HTML-code:
Tampilan jalannya program:

9. Kode-kode yang dituliskan di atas lebih identik dengan
kode HTML (embedded script/high-level language) namun
yang berbasis web. Untuk yang tidak berbasis web bisa
menggunakan bahasa pemrograman BASIC, C/C++.
Kodefikasi color pada Bahasa BASIC dan C/C++:
Misalkan: -Modelkan sebuah warna=light green dengan kode HTML;
HTML-code: Tampilan jalannya program:

10. Kasus: Modelkan dalam perspektif komputer dengan HTML code, sebuah line (garis) dengan
color=grey untuk panjang 120-ssp secara horizontal. Asumsikan skalabilitas yang digunakan
1:1.
Solusi: Konstruksi-algoritma:
skalabilitas 1:1, maka 120-ssp ⇒ width=120;
digunakan pendekatan table ; color=grey ; kode-color=#808080
Tampilan jalannya program:

11. Kasus: Modelkan dalam perspektif komputer dengan HTML code, tiga line (garis) dengan
susunan color garis-1=magenta ; color garis-2=light-cyan ; color garis-3=blue. Adapun untuk
masing-masing panjang 55-ssp, 70-spp, 95-ssp secara horizontal. Asumsikan skalabilitas yang
digunakan 1:2n.
Solusi: Konstruksi-algoritma:
skalabilitas 1:2n, maka:
color=magenta (gunakan: magenta); 55-ssp ⇒ width=110;
color=light-cyan (gunakan: lightcyan); 70-ssp ⇒ width=140;
color=blue (gunakan: #0000ff);95-ssp ⇒ width=190;
membuat garis ⇒ gunakan pendekatan table ;
Tampilan jalannya program: