-
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 -