Pengolahan Warna
Dhanar Intan Surya Saputra, M.Kom
STMIK AMIKOM PURWOKERTO
2014
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 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.
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.
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.
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.
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.
Triplet RGB
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.
Spesifikasi Warna HTML
Warna-warna Merah :
Warna-warna Pink :
Spesifikasi Warna HTML
Warna-warna Jingga :
Warna-warna Kuning :
Spesifikasi Warna HTML
Warna-warna Ungu :
Spesifikasi Warna HTML
Warna-warna Hijau :
Spesifikasi Warna HTML
Warna-warna Biru :
Spesifikasi Warna HTML
Warna-warna Coklat :
Spesifikasi Warna HTML
Warna-warna Putih :
Spesifikasi Warna HTML
Warna-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
Dodge
Whole Foods
Sekian 

Chap 7 pengolahan warna

  • 1.
    Pengolahan Warna Dhanar IntanSurya Saputra, M.Kom STMIK AMIKOM PURWOKERTO 2014
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 17.
    Warna Dalam Website Kombinasiwarna 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 DalamWebsite 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 DalamWebsite 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 DalamWebsite 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 RGBterdiri 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.
  • 23.
    Spesifikasi Warna HTML Warnajuga 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-warnaMerah : Warna-warna Pink :
  • 25.
    Spesifikasi Warna HTML Warna-warnaJingga : Warna-warna Kuning :
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
    • Red symbolizesfire 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 isa 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 yellowis 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 symbolizesnature 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 isa 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 isthe 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 blackis 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 nota 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.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.