Chap 7_Pengolahan Warna.pptx

48
Pengolahan Warna Dhanar Intan Surya Saputra, M.Kom STMIK AMIKOM PURWOKERTO 2014

Transcript of Chap 7_Pengolahan Warna.pptx

Page 1: Chap 7_Pengolahan Warna.pptx

Pengolahan Warna

Dhanar Intan Surya Saputra, M.KomSTMIK AMIKOM PURWOKERTO2014

Page 2: Chap 7_Pengolahan Warna.pptx

SEBUTKAN NAMA OBJEK BENDA

Page 3: Chap 7_Pengolahan Warna.pptx

SEBUTKAN NAMA OBJEK BENDA

KOTAK

Page 4: Chap 7_Pengolahan Warna.pptx

SEGITIGA

Page 5: Chap 7_Pengolahan Warna.pptx

LINGKARAN

Page 6: Chap 7_Pengolahan Warna.pptx

KOTAK

Page 7: Chap 7_Pengolahan Warna.pptx

LINGKARAN

Page 8: Chap 7_Pengolahan Warna.pptx

SEGITIGA

Page 9: Chap 7_Pengolahan Warna.pptx

SEBUTKAN WARNA HURUF

Page 10: Chap 7_Pengolahan Warna.pptx

SEBUTKAN WARNA HURUF

MERAH

Page 11: Chap 7_Pengolahan Warna.pptx

BIRU

Page 12: Chap 7_Pengolahan Warna.pptx

HIJAU

Page 13: Chap 7_Pengolahan Warna.pptx

MERAH

Page 14: Chap 7_Pengolahan Warna.pptx

BIRU

Page 15: Chap 7_Pengolahan Warna.pptx

MERAH

Page 16: Chap 7_Pengolahan Warna.pptx
Page 17: Chap 7_Pengolahan Warna.pptx

Warna Dalam WebsiteKombinasi warna pada desain website adalah salah satu komponen yang sangat penting.

Warna apa yang cocok untuk website tertentu, bagaimana membuat kombinasi dari beberapa warna agar sesuai dengan tema yang dibuat, adalah sebagian dari banyak masalah warna.

Warna web adalah warna-warna yang digunakan dalam perancangan halaman-halaman web, dan juga cara mendeskripsikan dan melakukan spesifikasi dari warna-warna tersebut.

Page 18: Chap 7_Pengolahan Warna.pptx

Pemakaian Warna Dalam WebsiteHalaman web yang berformat HTML warna-warna web dapat digunakan melalui definisi style suatu entitas.

<b style="color:#FF9329;"> Contoh penggunaan warna #FF9329 pada tag b dalam HTML.</b>

Hasil :

Contoh penggunaan warna #FF9329 pada tag b dalam HTML.

Page 19: Chap 7_Pengolahan Warna.pptx

Pemakaian Warna Dalam WebsiteMenggunakan referensi nama, misalnya 'Tomato'

<b style="color:Tomato;">Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.</b>

Hasil :

Contoh penggunaan warna 'Tomato' pada tag b dalam HTML.

Page 20: Chap 7_Pengolahan Warna.pptx

Pemakaian Warna Dalam WebsiteMenggunakan referensi nama, misalnya ‘Red'

<b style="color:Red;">Contoh penggunaan warna ‘Red' pada tag b dalam HTML.</b>

Hasil :

Contoh penggunaan warna ‘Red' pada tag b dalam HTML.

Cara yang sama juga berlaku untuk tag-tag HTML lainnya. Dapat pula implementasi warna web ini dilakukan melalui penggunaan CSS.

Page 21: Chap 7_Pengolahan Warna.pptx

Triplet RGBTriplet RGB terdiri dari enam buah karakter heksadesimal yang tiap dua-dua karakter masing-masing menyatakan entitas dari Red (merah), Green (hijau) dan Blue (biru).

Nilai-nilai yang dapat diisikan untuk tiap-tiap entitas RGB ini adalah dari 00 sampai FF. Atau dalam angka desimal 0 sampai 255.

Page 22: Chap 7_Pengolahan Warna.pptx

Triplet RGB

Page 23: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna juga dispesifikasikan sebagai RGB dalam spesifikasi HTML, bahwa warna ini berasal dari palet standar 16 warna yang didukung oleh palet VGA.

Page 24: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Merah :

Warna-warna Pink :

Page 25: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Jingga :

Warna-warna Kuning :

Page 26: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Ungu :

Page 27: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Hijau :

Page 28: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Biru :

Page 29: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Coklat :

Page 30: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Putih :

Page 31: Chap 7_Pengolahan Warna.pptx

Spesifikasi Warna HTMLWarna-warna Abu-abu :

Page 32: Chap 7_Pengolahan Warna.pptx

The Psychology of COLOR

Page 33: Chap 7_Pengolahan Warna.pptx

• Red symbolizes fire and power and is associated with passion and importance. It also helps to stimulate energy and excitement.

• The negative connotations of red are rage, emergency, and anger, which stem from the passionate and aggressive qualities of red.

RED

Page 34: Chap 7_Pengolahan Warna.pptx

• Orange is a combination of its two neighbors on the color wheel, red and yellow. Orange symbolizes happiness, joy and sunshine. It is a cheerful color, evoking childlike exuberance.

• Orange is not as aggressive as red but takes on some of the same qualities, stimulating mental activity. It also symbolizes ignorance and deceit.

ORANGE

Page 35: Chap 7_Pengolahan Warna.pptx

• Bright yellow is a happy color representing the positive yellow qualities: joy, intelligence, brightness, energy, optimism, and happiness.

• A dingy yellow brings about negative feelings: caution, criticism, laziness, and jealousy

YELLOW

Page 36: Chap 7_Pengolahan Warna.pptx

• Green symbolizes nature and has a healing quality. It can be used to symbolize growth and harmony. People feel safe with green. Hospitals often use the color of green.

• On the other hand, green is symbolic of money, showing greed or jealousy. It can also be used to symbolize a lack of experience or a beginner in need of growth ("green behind the ears").

GREEN

Page 37: Chap 7_Pengolahan Warna.pptx

• Blue is a peaceful and calming color exuding stability and expertise. It is a common color used in corporate sites because of this. Blue can also symbolize trust and dependability.

• A cool shade can bring about the negative side of blue, symbolizing depression, coldness, and passiveness.

BLUE

Page 38: Chap 7_Pengolahan Warna.pptx

• Purple is the color of royalty and sophistication showing wealth and luxury. It also gives a sense of spirituality and encourages creativity.

• Brighter purples can exude a magical feeling. It’s also great for promoting creativity and feminine qualities.

• Darker purples can conjure gloominess and sadness.

PURPLE

Page 39: Chap 7_Pengolahan Warna.pptx

• Although black is not a part of the color wheel, it can still be used to suggest feeling and meaning. It is often correlated with power, elegance, sophistication, and depth. It is said that wearing black on a job interview can show that the interviewee is a powerful individual, and the same goes with websites.

• Black can also be seen negatively because the color is associated with death, mystery and the unknown. It is the color of grief, mourning, and sorrow so it must be used wisely.

BLACK

Page 40: Chap 7_Pengolahan Warna.pptx

• White—also not a part of the color wheel—symbolizes purity and innocence. It also shows cleanliness and safety.

• Conversely, white can be seen as cold and distant, symbolizing winter’s harsh and bitter qualities.

WHITE

Page 41: Chap 7_Pengolahan Warna.pptx

Nike

Page 42: Chap 7_Pengolahan Warna.pptx

White House

Page 43: Chap 7_Pengolahan Warna.pptx

Amazon.com

Page 44: Chap 7_Pengolahan Warna.pptx

Verizon

Page 45: Chap 7_Pengolahan Warna.pptx

Best Buy

Page 48: Chap 7_Pengolahan Warna.pptx

Sekian