R U A N G

PCD - 2

WARNA

D A N I A R I F U D I N , M . K O M

2 0 1 9 . 0 9 . 2 . 1 4 7

Jenis CITRA

1. Citra Biner

Citra dengan setiap piksel hanya dinyatakan dengan sebuah nilai dari duai kemungkinan (yaitu

nilai 0 dan 1). Nilai 0 menyatakan hitam dan nilai 1 menyatakan putih

2. Citra Berskala Keabuan (grayscale)

Gradasi warna hitam dan putih, yang tentu saja menghasilkan warna abu-abu. Dalam hal ini

intensitas antara 0 sampai dengan 255. Nilai 0 = hitam dan nilai 255 = putih

3. Citra Berwarna (citra RGB)

Menyajikan warna dalam bentuk komponen R (merah), G (hijau), B (biru). Setiap komponen

warna menggunakan delapan bit (nilainya antara 0 sampai dengan 255).

Biner Grayscale RGB

Deskripsi

Warna pada dasarnya merupakan hasil persepsi dari cahaya dalam

spektrum wilayah yang terlihat oleh retina mata, dan memiliki panjang

gelombang antara 400nm sampai dengan 700nm (Poynton , 1997).

Ruang warna atau yang sering juga disebut sebagai model warna

merupakan sebuah cara atau metode untuk mengatur, membuat dan

memvisualisasikan warna (Ford and Roberts, 1998).

WARNA CITRA

1. RGB (Red Green Blue)

Model warna RGB adalah model warnaberdasarkan konsep penambahan kuat cahayaprimer yaitu Red, Green dan Blue.

Dalam suatu ruang yang sama sekali tidak adacahaya, maka ruangan tersebut adalah gelaptotal. Tidak ada signal gelombang cahaya yangdiserap oleh mata kita atau RGB (0,0,0). Apabiladitambahkan cahaya merah pada ruangantersebut, maka ruangan akan berubah warnamenjadi merah misalnya RGB (255,0,0), semuabenda dalam ruangan tersebut hanya dapatterlihat berwarna merah. Demikian juga apabilacahaya diganti dengan hijau atau biru.

RGBApabila diberikan 2 macam cahaya primer dalam ruangan tersebut seperti (merah dan

hijau), atau (merah dan biru) atau (hijau dan biru), maka ruangan akan berubah warna

masing-masing menjadi kuning, atau magenta atau cyan.

• Warna sekunder

Warna-warna yang dibentuk oleh kombinasi dua macam cahaya tersebut disebut.

• Warna Tersier

warna yang hanya dapat terlihat apabila ada tiga cahaya primer, jadi apabila dinon-

aktifkan salah satu cahaya, maka benda tersebut berubah warna. Contoh warna tersier

seperti abu-abu, putih.

• (0, 0, 0) : hitam

• (255, 255, 255) : putih

• (255, 0, 0) : merah

• (0, 255, 0) : hijau

• (0, 0, 255) : biru

• (255, 255, 0) : kuning

• (0, 255, 255) : cyan

• (255, 0, 255) : magenta

Mode yang ditemukan oleh Alvy Ray Smith

pada tahun 1978. Mode ini merepresentasikan warna

dalam tiga komponen: hue, saturation, dan lightness.

Secara konseptual HSL berbentuk kerucut berganda atau

lingkaran dengan pucuknya berwarna putih, sudut

dasarnya berwarna hitam, dan warna-warni sangat pekat

pada sekeliling sisi lingkar horizontal serta pada bagian

tengah warna abu-abu sedang.

2. HSL

Pengertian Hue merupakan karakteristik warna berdasar cahaya yang dipantulkan oleh objek, dalam warna

dilihat dari ukurannya mengikuti tingkatan 0 sampai 359. Sebagai contoh, pada tingkat 0 adalah warna Merah,

60 adalah warna Kuning, untuk warna Hijau pada tingkatan 120, sedangkan pada 180 adalah warna Cyan. Untuk

tingkat 240 merupakan warna Biru, serta 300 adalah warna Magenta.

Saturation/Chroma adalah tingkatan warna berdasarkan ketajamannya berfungsi untuk mendefinisikan warna

suatu objek cenderung murni atau cenderung kotor (gray). Saturation mengikuti persentase yang berkisar dari

0% sampai 100% sebagai warna paling tajam.

Lightness adalah tingkatan warna berdasarkan pencampuran dengan unsur warna Putih sebagai unsur warna

yang memunculkan kesan warna terang atau gelap. Nilai koreksi warna pada Lightness berkisar antara 0 untuk

warna paling gelap dan 100 untuk warna paling terang.

Model warna HSV mendefinisikan warna dalam

terminologi Hue, Saturation dan Value. Hue menyatakan warna

sebenarnya, seperti merah, violet, dan kuning. Hue digunakan untuk

membedakan warna-warna dan menentukan kemerahan (redness),

kehijauan (greeness), dsb, dari cahaya. Hue berasosiasi dengan

panjang gelombang cahaya. Saturation menyatakan tingkat kemurnian

suatu warna, yaitu mengindikasikan seberapa banyak warna putih

diberikan pada warna. Value adalah 4 atribut yang menyatakan

banyaknya cahaya yang diterima oleh mata tanpa memperdulikan

warna

3. HSV

HSV HSL

• KONVERSI HEX TRIPLET KE RGB

ALGORITMA

TRANSFORMASI WARNA

Dalam mendesign web, warna RGB sering

direpresentasikan dengan Hex Triplet atau

kombinasi 2 pasang bilangan hexadecimal.

untuk mengkonversi RGB ke Hex Triplet

dibutuhkan konversi bilangan Hexadesimal kebilangan desimal

Jadi bila terdapat Hex Triplet #411BEA, bilangan ini dipecah menjadi 41 untuk Reddan 1B untukGreen dan EA untuk Blue, sehingga :

• Bilangan 41, untuk karakter yang pertama adalah 4 hexadesimal dan menuruttabel diatas 4 hexadesimal adalah 4 desimal, maka 4 x 16 =64, sedangkan untukkarakter yang kedua yaitu 1 dan menurut tabel diatas 1 hexadecimal adalah 1desimal, maka 64 + 1 = 65, jadi konversi 41 ke RGB (Red) adalah 65.

• Bilangan 1B, untuk karakter yang pertama adalah 1 hexadesimal dan menuruttabel diatas 1 hexadesimal adalah 1 desimal, maka 1 x 16 =16, sedangkan untukkarakter yang kedua yaitu B dan menurut tabel diatas B hexadecimal adalah 11desimal, maka 16 + 11 = 27 jadi konversi 1B ke RGB (Green) adalah 27.

• Bilangan EA, untuk karakter yang pertama adalah E hexadesimal dan menuruttabel diatas E hexadesimal adalah 14 desimal, maka 14 x 16 = 224, sedangkan untukkarakter yang kedua yaitu A dan menurut tabel diatas A hexadecimal adalah 10desimal, maka 224 + 10 = 234, jadi konversi EA ke RGB (Blue) adalah 234.

Jadi konversi dari HexTriplet #411BEA ke RGB adalah 65, 27, 234

• KONVERSI RGB KE HEX TRIPLET

Dalam mendesign web, warna RGB sering direpresentasikan

dengan Hex Triplet atau kombinasi 2 pasang bilangan

hexadecimal. untuk mengkonversi RGB ke Hex Triplet

dibutuhkan konversi tabel bilangan Hexadesimal ke bilangan

desimal

Untuk menkonversi RGB ke HexTriplet, misal RGB(65, 27, 234) maka langkahnya adalah :

• 65 / 16 = 4.06, bilangan 4 dikonversikan menurut tabel konversi hexadecimal adalah 4, dan sisapembagiannya adalah 1 dikonversikan menurut table konversi hexadesimal adalah 1 maka Hex Tripletuntuk RGB (Red) 65 adalah 41.

• 27 / 16 = 1.68, bilangan 1 dikonversikan menurut tabel konversi hexadecimal diatas adalah 1, dan sisapembagiannya adalah 11 dikonversikan menurut tabel konversi hexadesimal adalah B maka Hex Tripletuntuk RGB (Green) 27 adalah 1B.

• 234 / 16 = 14.625, bilangan 14 dikonversikan menurut tabel konversi hexadesimal diatas adalah E, dansisa pembagiannya adalah 10 dikonversikan menurut tabel konversi hexadesimal adalah A maka HexTriplet untuk RGB (Blue) 234 adalah EA. Jadi konversi dari RGB(65, 27, 234) ke Hex Triplet adalah411BEA.

THANK YOU

Kemalasan adalah bentuk ketidakjujuran

terhadap anugerah Tuhan atas potensialitas kerja hamba-Nya

- Emha Ainun Nadjib -