Dokumen tersebut membahas tentang pengolahan warna dan psikologi warna. Secara garis besar dibahas tentang kombinasi warna yang baik untuk website, penggunaan warna dalam HTML dan CSS, sistem triplet RGB, dan makna simbolis dari berbagai warna seperti merah, jingga, hijau, biru, dan lainnya.

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

2. SEBUTKAN NAMA OBJEK BENDA

3. SEBUTKAN NAMA OBJEK BENDA
KOTAK

4. SEGITIGA

5. LINGKARAN

6. KOTAK

7. LINGKARAN

8. SEGITIGA

9. SEBUTKAN WARNA HURUF

10. SEBUTKAN WARNA HURUF
MERAH

11. BIRU

12. HIJAU

13. MERAH

14. BIRU

15. MERAH

17. Warna Dalam Website
Kombinasi 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.

18. Pemakaian Warna Dalam Website
Halaman 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.

19. Pemakaian Warna Dalam Website
Menggunakan 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.

20. Pemakaian Warna Dalam Website
Menggunakan 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.

21. Triplet RGB
Triplet 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.

22. Triplet RGB

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

24. Spesifikasi Warna HTML
Warna-warna Merah :
Warna-warna Pink :

25. Spesifikasi Warna HTML
Warna-warna Jingga :
Warna-warna Kuning :

26. Spesifikasi Warna HTML
Warna-warna Ungu :

27. Spesifikasi Warna HTML
Warna-warna Hijau :

28. Spesifikasi Warna HTML
Warna-warna Biru :

29. Spesifikasi Warna HTML
Warna-warna Coklat :

30. Spesifikasi Warna HTML
Warna-warna Putih :

31. Spesifikasi Warna HTML
Warna-warna Abu-abu :

32. The Psychology of COLOR

33. • 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

34. • 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

35. • 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

36. • 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

37. • 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

38. • 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

39. • 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

40. • 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

41. Nike

42. White House

43. Amazon.com

44. Verizon

45. Best Buy

46. Dodge

47. Whole Foods

48. Sekian 