TEORI WARNA. Ir Wahyu Catur Wibowo, M.Sc, Ph.D

(1)

TEORI WARNA

Ir Wahyu Catur Wibowo, M.Sc, Ph.D wibowo@cs.ui.ac.id

(2)

Warna



Monitor komputer menampilkan warna dengan

mengkombinasikan warna Merah, Hijau, dan

Biru (Red, Green, Blue - RGB).



Spesifikasi jumlah warna Red, Green, dan Blue

dalam membentuk warna menggunakan ukuran

antara 0 (tanpa warna) sampai dengan 255

(warna penuh).



Rgb(100, 125, 80) misalnya akan menampilkan

warna dengan ukuran warna merah adalah 100

dari skala 255, ukuran warna hijau sebesar 125

dari skala 255, dan ukuran warna biru sebesar

80 dari skala 255. Rgb(0,0,0) akan menampilkan

warna hitam, sedangkan rgb(255,255,255) akan

menampilkan warna putih

(3)

Spesifikasi Warna

 Warna dapat dispesifikasikan

dengan menggunakan notasi hexadecimal (HEX) dalam format #RRGGBB.

 RR adalah komponen Red, GG adalah komponen Green, dan BB adalah komponen Blue. Nilai RR, GG, dan BB dimulai dari 0 sampai dengan FF (255 dalam decimal).

 Warna dapat pula

dispesifikasikan dengan

menggunakan notasi rgb(Red, Green, Blue), di mana

komponen Red, Green, dan blue bernilai dari 0 sd 255.

Warna Warna Hex Warna RGB

#000000 rgb(0,0,0) #FF0000 rgb(255,0,0) #00FF00 rgb(0,255,0) #0000FF rgb(0,0,255) #FFFF00 rgb(255,255,0) #00FFFF rgb(0,255,255) #FF00FF rgb(255,0,255) #C0C0C0 rgb(192,192,192)

(4)

Memilih Warna

 Sering sekali muncul pertanyaan oleh para perancang web:

§ _{Warna apakah yang akan dipakai?}

§ _{Berapa jumlah warna yang akan dipakai?}

§ _{Kombinasi warna apakah yang baik untuk suatu situs}

web?

 pemilihan warna akan memberi efek psikologis kepada para pembaca.

§ _{Warna merah misalnya, memberi efek keceriaan yang}

lebih besar daripada warna biru, sehingga warna merah banyak dipergunakan oleh perusahaan besar seperti Cocacola, Mc Donald, dan Burger King.

§ _{Warna biru, misalnya, memberikan kesan kekohonan,}

kekuatan, sehingga banyak dipakai oleh situs lembaga keuangan

(5)

Warna Primer, Sekunder,

dan Tersier

 Warna primer adalah warna dasar yang

digunakan untuk menghasilkan warna-warna yang lain. Warna primer adalah warna merah,

biru, dan kuning.

 Warna sekunder dihasilkan dari pencampuran warna primer. Pencampuran warna merah dengan kuning menghasilkan warna oranye, pencampuran warna merah dengan biru

menghasilkan warna violet, dan pencampuran warna biru dan kuning menghasilkan warna hijau

(6)

 Warna Tersier dihasilkan dari pencampuran satu

warna primer dengan satu warna sekunder.

Pencampuran ini menghasilkan warna: red-orange, yellow-orange, yellow-green, blue-green, blue-violet and red-viole

(7)

Simulasi Indera: Warna

Hangat

 Penggunaan warna dapat mensimulasi perasaan dan meningkatkan gairah, membuat hangat. Sebaliknya, penggunaan warna dapat mula membuat kita menjadi apatis, dingin

 Warna Hangat

Warna digolongkan ke dalam warna hangat apabila memberi efek membangkitkan semangat, enerji, memikat, positif. Warna yang tergolong warna hangat antara lain adalah warna merah, oranye, dan kuning, serta variasi dari ketiga warna tersebut

Warna hangat digunakan dalam situs web yang

menginginkan passion, kebahagiaan, entusiasisme, dan enerji dari pembacanya

(8)

Merah

 Warna merah adalah warna yang sangat panas.

 Warna merah sering diasosiasikan degan api, violence, perang.

 Warna merah juga diasosiasikan dengan cinta dan kasih sayang.

 Warna merah juga diasosiasikan dengan sesuatu yang penting (seperti karpet merah pada penyambutan

tamu Negara), tapi juga diasosiasikan dengan bahaya, kemarahan

 Di Tiongkok, warna merah adalah warna kesejahteraan dan kebahagiaan.

 Di Afrika Selatan sebaliknya, warna merah adalah warna duka.

(9)

 Dalam desain, warna merah dapat memberi akses yang kuat.

 Warna merah digunakan apabila kita menginginkan untuk memberi kesan kekuatan dan cita-cita.

 Warna merah muda memberi kesan ceria, warna memberi kesan kuat dan elegan

(10)

Oranye

 Warna oranye adalah warna yang cemerlang dan berenerji.

 Warna oranye diasosiasikan dengan bumi dan musim gugur.

 Karena dikaitkan dengan perubahan musim, warna oranye dapat merepresentasikan perubahan atau pergerakan.

 Warna oranye juga berkaitan dengan nama buah, orange, sehingga dikaitkan pula dengan kesehatan dan vitalitas

(11)

 Dalam desain, warna oranye dapat memberikan

kecerahan tanpa kesan untuk menguasai seperti pada warna merah. Warna oranye lebih bersahabat daripada warna merah

(12)

Kuning

 Warna kuning adalah warna hangat yang paling terang dan memberi enerji.

 Warna kuning diasosiasikan dengan kebahagiaan, harapan, matahari terbit.

 Meskipun demikian, warna kuning juga diasosiasikan secara negative dengan sifat pengecut.

 Di Mesir, warna kuning diasosiasikan dengan warna duka.

 Di Jepang, warna kuning melambangkan harapan.  Di India, warna kuning adalah warna untuk pedagang

(13)

 Dalam desain, warna kuning akan memberi rasa bahagia dan ceria.

 Kuning lembut biasanya digunakan untuk warna bayi dan anak kecil.

 Warna kuning muda memberikan perasaan bahagia dan tenang daripada warna kuning terang.

 Warna kuning tua dan warna kuning keemasan akan memberi kesan antic dan digunakan untuk memberi kesan adanya sifat permanen

(14)

Warna Dingin

 Warna dingin adalah warna air, malam, alam, dan memberi kesan tenang, rileks, dan tertutup.

 Yang termasuk dalam warna dingin adalah warna hijau, biru, dan ungu.

 Biru adalah warna primer. Warna hijau dan ungu dihasilkan dari pencampuran dengan warna hangat (kuning dan merah). Warna biru dan kuning

menghasilkan warna hijau dan warna biru dengan warna merah menghasilkan warna ungu.

 Dalam desain, warna dingin digunakan untuk memberi kesan tenang atau professional.

(15)

Hijau

 Warna alam.

 Memberi kesan awal dan pertumbuhan serta perbaikan dan berkelimpahan.

 Memberi kesan iri atau cemburu serta kurang pengalaman.

 Dalam desain, warna hijau akan memberi efek harmoni dan keseimbangan serta stabil.

 Warna hijau cocok digunakan untuk desain halaman web yang terkait dengan kesejahteraan, stabilitas, pembaruan, dan alam.

 Warna hijau terang memberi kesan ceria sedang warna hijau tua memberi kesan sangat stabil dan

(16)

(17)

BIRU

 Warna biru sering dihubungkan dengan kesedihan.  Meskipun demikian, warna biru digunakan secara luas

untuk merepresentasikan ketenangan dan tanggung jawab.

 Warna biru muda dapat membneri kesan rileks, menyegarkan, bersahabat, dan tenang.

 Warna biru tua memberi kesan kuat dan reliable dan cocok digunakan untuk situs perusahaan dimana

(18)

(19)

UNGU

 Warna ungu diasosiasikan dengan kreativitas dan imajinasi.

 Warna ungu tua biasanya diasosiasikan dengan kesejahteraan dan gaya hidup mewah.

 Ungu muda lebih diasosiasikan dengan musim semi dan romansa.

(20)

NETRAL

 Warna netral sering digunakan sebagai warna latar pada halaman web.

 Arti dan kesan dari warna netral akan sangat banyak dipengaruhi oleh warna lain di sekitarnya

(21)

HITAM

 Warna hitam adalah warna netral yang paling kuat.  Sering diasosiasikan sebagai kekuatan dan formalitas.  Sisi negatifnya, warna hitam diasosiasikan dengan

kejahatan, kematian, atau misteri.

 Warna hitam adalah warna duka cita di sejumlah Negara, juga warna pemberontakan di sejumlah budaya

(22)

ABU-ABU

 Warna abu-abu sering dikonotasikan dengan kemurungan atau depresi.

 Warna abu-abu muda dapat digunakan untuk

menggantikan warna putih, dan warna abu-abu tua dapat digunakan untuk menggantikan warna hitam.  Abu-abu dianggap sebagai warna konservatif dan

formal, tetapi juga modern.

 Warna abu-abu digunakan dalam halaman web di mana formalitas dan profesionalitas adalah kunci utama

(23)

(24)

COKLAT

 Warna coklat dihubungkan dengan bumi, kayu, dan batu.

 Coklat diasosiasikan dengan ketahanan dan reliabilitas.

 Dalam desain, warna coklat sering digunakan sebagai warna latar. Warna coklat akan memberi kesan

(25)

BEIGE

 Warna Beige agak unik dalam sprektrum warna karena warna ini dapat menjadi warna dingin atau warna

hangat tergantung pada warna sekitarnya.

 Beige dapat menjadi hangat seperti warna coklat, tetapi juga bisa menjadi dingin seperti warna putih.

(26)

CREAM dan GADING

 Warna cream dan gading merupakan warna yang sophisticated dengan memberi kehangatan warna coklat dan banyak dipengaruhi oleh dinginnya warna putih.

 Warna cream dan gading memberi kesan tenang dengan sedikit kesucian dari warna putih

(27)

PUTIH

 Warna putih adalah kebalikan dari warna hitam.  Warna putih diasosiasikan dengan kesucian.

 Jasa rumah sakit sering mengguanakan warna putih sebagai warna dasar.

 Dalam desain, warna putih memberi warna lain untuk tampil. Warna putih juga memberi kesan bersih dan sederhana