TEORI WARNA
Ir Wahyu Catur Wibowo, M.Sc, Ph.D
[email protected] http://wcw.cs.ui.ac.id
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
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)
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
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
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
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
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.
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
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
Dalam desain, warna oranye dapat memberikan kecerahan tanpa kesan untuk menguasai seperti pada warna merah. Warna oranye lebih bersahabat daripada warna merah
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
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
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.
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 berpengaruh
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 kekuatan dan reliabilitas sangat penting
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.
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
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
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
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 kehangatan
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.
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
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