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

Transkripsi

1 COLOR TEHORY Ir Wahyu Catur Wibowo, M.Sc, Ph.D

2 Warna Primer Tidak dapat dibuat dengan kombinasi warna apa pun Red Blue Yellow

3 Warna Sekunder Terbentuk dari pencampuran warna primer

4 Warna Tersier Terbentuk dari pencampuran satu warna primer dengan satu warna sekunder

5 Warna Hangat 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

6 Warna Hangat: Merah Warna merah adalah warna yang sangat panas. Sering diasosiasikan degan api, violence, perang, cinta dan kasih sayang. Warna merah juga diasosiasikan dengan sesuatu yang penting tapi juga diasosiasikan dengan bahaya, kemarahan. Di Tiongkok, warna merah adalah warna kesejahteraan dan kebahagiaan. Di Afrika Selatan sebaliknya, warna merah adalah warna duka. Warna merah diasosiasikan dengan kehati-hatian akan bahaya AIDS. 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

7

8 Warna Hangat: 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

9

10

11 Warna Hangat: 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

12

13 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. Warna hangat digunakan dalam situs web yang menginginkan passion, Dalam desain, warna dingin digunakan untuk memberi kesan tenang atau professional

14 Warna Dingin: Hijau Warna hijau adalah warna alam. Warna hijau memberi kesan awal dan pertumbuhan serta perbaikan dan berkelimpahan. Warna hijau juga 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

15

16 Warna Dingin: Biru Warna biru sering dihubungkan dengan kesedihan. Meskipun demikian, warna biru digunakan secara luas untuk merepresentaskan 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

17

18 Warna Dingin: 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.

19

20 Warna 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 Warna Netral: 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 Warna Netral: 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

23 Warna Netral: 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.

24

25 Warna Netral: 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

26

27 Warna Netral: 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

28 Warna Netral: 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

29 Hue Hue adalah terminologi warna yang paling dasar yang akan memberi suatu objek berupa warna. Jika kita menyebut warna merah, kuning, hijau, maka kita berbicara tentang hue. Kita sudah mempelajari bahwa penggunaan hue yang berbeda akan memberi efek yang berbeda

30 Situs Indiana University di Amerika Serikat menggunakan hue warna merah sebagai warna dominan

31 Dalam GIMP

32 Chroma Chroma adalah kemurnian warna. Hue dengan tingkat chroma yang tinggi tidak memiliki campuran warna hitam, putih, atau abu-abu. Penambahan unsur warna hitam, putih, atau abu-abu akan mengurangi kemurnian warna. Chroma berbeda dengan saturation dan sering disebut sebagai tingkat keterangan warna dibandingkan dengan warna putih

33 Saturation Chroma adalah kemurnian warna. Saturation menunjukkan warna hue pada kondisi cahaya tertentu. Saturasi akan membentuk hue yang lemah, kuat, pucat, atau murni. Warna dengan saturasi yang mirip akan membuat desain yang menarik.

34 Tones Tones terjadi bila warna abu-abu ditambahkan pada hue. Tones umumnya lebih pucat daripada hue murni. Tones dengan jumlah warna abu-abu yang banyak dapat memberikan kesan kuno pada halaman web. Tones dapat juga memberi tampilan yang elegen pada halaman web.

35 Shades Shades terjadi jika warna hitam ditambahkan pada hue. Shades dapat digunakan untuk menggantikan warna hitam yang memberi kesan berat

36 Tints Tints dihasilkan dari penambahan warna putih pada hue sehingga menghasilkan warna yang lebih ringan daripada warna aslinya

37 Dalam GIMP

38 Roda Warna Roda warna merupakan abstraksi organisasi warna (hue) dalam sebuah lingkaran yang menunjukkan hubungan antara warna primer, warna sekunder, warna tersier. Dalam roda warna, warna primer, yaitu merah, kuning, dan biru diletakkan dengan jarak tiga warna antara satu dengan yang lain. Di antara ketiga warna primer tersebut ditempatkan warna-warna sekunder dan tersier. Warna di tengah roda warna adalah warna putih atau abu-abu yang menunjukkan campuran dari sinar dengan berbagai panjang gelombang cahaya

39 Monochromatic Skema warna monochromatic dihasilkan pada satu hue dengan berbagai tones, shades dan tints. Skema warna monochromatic adalah skema sederhana yang jika digunakan dapat menghindarkan terjadinya perpaduan yang buruk

40 Monochromatic Headline Teks Latar Gambar

41 Analog Warna analog diperoleh dengan mengambil tiga warna yang berdekatan dalam roda warna. Umumnya skema warna analog menggunakan tingkat chroma yang sama. Meskipun demikian, kita dapat menambahkan tones, shades, atau tints untuk memberi efek yang lain sesuai dengan keinginan kita.

42 Analog Penggunaan warna analog pada halaman web akan memberikan kesan yang tenang dan damai karena tidak adanya gejolak warna. Kesan tenang meskipun demikian dapat berubah menjadi membosankan

43 Complementary Skema warna dihasilkan dengan memilih dua warna yang berseberangan dalam roda warna. Dari dua warna, kita dapat memperoleh sejumlah warna yang lain dengan menggunakan tones, tints, dan shades. Penggunaan dua warna yang berseberangan dapat memberikan efek warna yang norak pada halaman web. Oleh karena itu biasanya digunakan warna perantara transisi yang lain

44 Complementary Dengan pemaduan tone, shades, dan tints

45 Split Complementary Agar tidak terlalu kontras, warna Split complementary dihasilkan dengan memilih dua warna lain yang berdekatan dengan warna yang berseerangan

46 Split Complementary Dengan pemaduan tone, shades, dan tints

47 Triad Warna triad dihasilkan dari perpaduan warna yang memiliki jarak yang sama pada roda warna. Jarak yang sama ini dapat kita peroleh dengan menggambar segitiga sama sisi sembarang pada roda warna. Warna triad akan mendapatkan tiga warna utama. Ketiga warna tersebut dapat digunakan misalnya warna pertama sebagai warna latar, warna kedua sebagai warna judul, dan warna ke tiga sebagai warna isi

48 Split Complementary Dengan pemaduan tone, shades, dan tints

49 Double Complementary (Tetrad) Skema warna tetrad adalah skema warna yang menggunakan dua pasang warna yang komplementer sehingga menghasilkan paduan empat warna yang kaya. Meskipun demikian, keempat warna ini sulit untuk menghasilkan harmoni warna apabila digunakan dengan porsi yang sama pada halaman web. Perlu dipilih salah satu warna sebagai warna dominan, dan warna yang lain hanya pelengkap (aksen).

50 Double Complementary Dengan pemaduan tone, shades, dan tints