Chap 7_Pengolahan Warna.pptx

Post on 26-Dec-2015

10 views 0 download

Transcript of Chap 7_Pengolahan Warna.pptx

Pengolahan Warna

Dhanar Intan Surya Saputra, M.KomSTMIK AMIKOM PURWOKERTO2014

SEBUTKAN NAMA OBJEK BENDA

SEBUTKAN NAMA OBJEK BENDA

KOTAK

SEGITIGA

LINGKARAN

KOTAK

LINGKARAN

SEGITIGA

SEBUTKAN WARNA HURUF

SEBUTKAN WARNA HURUF

MERAH

BIRU

HIJAU

MERAH

BIRU

MERAH

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.

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.

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.

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.

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.

Triplet RGB

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

Spesifikasi Warna HTMLWarna-warna Merah :

Warna-warna Pink :

Spesifikasi Warna HTMLWarna-warna Jingga :

Warna-warna Kuning :

Spesifikasi Warna HTMLWarna-warna Ungu :

Spesifikasi Warna HTMLWarna-warna Hijau :

Spesifikasi Warna HTMLWarna-warna Biru :

Spesifikasi Warna HTMLWarna-warna Coklat :

Spesifikasi Warna HTMLWarna-warna Putih :

Spesifikasi Warna HTMLWarna-warna Abu-abu :

The Psychology of COLOR

• 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

• 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

• 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

• 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

• 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

• 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

• 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

• 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

Nike

White House

Amazon.com

Verizon

Best Buy

Sekian