TEORI WARNA

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

wibowo@cs.ui.ac.id
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 Warna Warna Hex Warna RGB
hexadecimal (HEX) dalam   #000000 rgb(0,0,0)
format #RRGGBB.   #FF0000 rgb(255,0,0)
 RR adalah komponen Red, GG   #00FF00 rgb(0,255,0)
adalah komponen Green, dan   #0000FF rgb(0,0,255)
BB adalah komponen Blue. Nilai   #FFFF00 rgb(255,255,0)
RR, GG, dan BB dimulai dari 0   #00FFFF rgb(0,255,255)
sampai dengan FF (255 dalam   #FF00FF rgb(255,0,255)
decimal).   #C0C0C0 rgb(192,192,192)

 Warna dapat pula

dispesifikasikan dengan
menggunakan notasi rgb(Red,
Green, Blue), di mana
komponen Red, Green, dan blue
bernilai dari 0 sd 255.
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