Sigit Purnomo

The Colours of Web

Posted: April 4th 2006

Bingung mau memilih warna untuk halaman Web Anda? Smoga referensi ini bisa membantu. Kalau Anda masih merasa kurang, silahkan baca tutorialnya saylow yang judulnya Web Design yang Lucu (Episode #2) (* lucunya di mana ya ???). Jika ternyata masih kurang, pada tutorial ini, Anda juga bisa menemukan banyak link-link yang terkait dengan masalah warna, so awas kalau masih kurang :p.

Selamat bermain dengan warna-warna berikut, sehingga Web Anda dapat menjadi lebih berwarna-warni. Ingat! Jangan terlalu banyak menggunakan warna dan perhatikan kesesuaian antar warna yang Anda pakai!

Color Name Code   Color Name Code
       
AliceBlue #eff7ff LavenderBlush3 #c8bbbe
AntiqueWhite #f9e8d2 LavenderBlush4 #817679
AntiqueWhite1 #feedd6 LawnGreen #87f717
AntiqueWhite2 #ebdbc5 LemonChiffon #fff8c6
AntiqueWhite3 #c8b9a6 LemonChiffon2 #ece5b6
AntiqueWhite4 #817468 LemonChiffon3 #c9c299
Aquamarine #43b7ba LemonChiffon4 #827b60
aquamarine1 #87fdce LightBlue #addfff
aquamarine2 #7deabe LightBlue1 #bdedff
aquamarine3 #69c69f LightBlue2 #afdcec
aquamarine4 #417c64 LightBlue3 #95b9c7
azure #efffff LightBlue4 #5e767e
azure2 #deecec LightCoral #e77471
azure3 #bcc7c7 LightCyan #e0ffff
azure4 #7a7d7d LightCyan2 #cfecec
beige #f5f3d7 LightCyan3 #afc7c7
bisque #fde0bc LightCyan4 #717d7d
bisque2 #ead0ae LightGoldenrod #ecd872
bisque3 #c7af92 LightGoldenrod1 #ffe87c
bisque4 #816e59 LightGoldenrod2 #ecd672
Black #000000 LightGoldenrod3 #c8b560
BlanchedAlmond #fee8c6 LightGoldenrod4 #817339
Blue #0000ff LightGoldYellow #faf8cc
blue1 #1535ff LightPink #faafba
blue2 #1531ec LightPink1 #f9a7b0
blue3 #1528c7 LightPink2 #e799a3
blue4 #151b7e LightPink3 #c48189
BlueViolet #7931df LightPink4 #7f4e52
Brown #980517 LightSalmon #f9966b
brown1 #f63526 LightSalmon2 #e78a61
brown2 #e42d17 LightSalmon3 #c47451
brown3 #c22217 LightSalmon4 #7f462c
burlywood1 #fcce8e LightSeaGreen #3ea99f
burlywood2 #eabe83 LightSkyBlue #82cafa
burlywood3 #c6a06d LightSkyBlue2 #a0cfec
burlywood4 #806341 LightSkyBlue3 #87afc7
CadetBlue #578693 LightSkyBlue4 #566d7e
CadetBlue1 #99f3ff LightSlateBlue #736aff
CadetBlue2 #8ee2ec LightSlateGray #6d7b8d
CadetBlue3 #77bfc7 LightSteelBlue #728fce
CadetBlue4 #4c787e LightSteelBlue1 #c6deff
charTReuse #8afb17 LightSteelBlue2 #b7ceec
charTReuse2 #7fe817 LightSteelBlue3 #9aadc7
charTReuse3 #6cc417 LightSteelBlue4 #646d7e
charTReuse4 #437c17 LightYellow #fffedc
chocolate #c85a17 LightYellow2 #edebcb
Coral #f76541 LightYellow3 #c9c7aa
coral2 #e55b3c LightYellow4 #827d6b
coral3 #c34a2c LimeGreen #41a317
coral4 #7e2817 linen #f9eee2
CornflowerBlue #151b8d Magenta #ff00ff
cornsilk #fff7d7 magenta1 #f43eff
cornsilk2 #ece5c6 magenta2 #e238ec
cornsilk3 #c8c2a7 magenta3 #c031c7
cornsilk4 #817a68 Maroon #810541
Cyan #00ffff maroon1 #f535aa
cyan1 #57feff maroon2 #e3319d
cyan2 #50ebec maroon3 #c12283
cyan3 #46c7c7 maroon4 #7d0552
cyan4 #307d7e MedAquamarine #348781
DarkGoldenrod #af7817 MedBlue #152dc6
DarkGoldenrod1 #fbb117 MedForestGreen #347235
DarkGoldenrod2 #e8a317 MedGoldenrod #ccb954
DarkGoldenrod3 #c58917 MedOrchid #b048b5
DarkGoldenrod4 #7f5217 MedOrchid1 #d462ff
DarkGreen #254117 MedOrchid2 #c45aec
DarkKhaki #b7ad59 MedOrchid3 #a74ac7
DarkOliveGreen #4a4117 MedOrchid4 #6a287e
DarkOliveGreen1 #ccfb5d MedPurple #8467d7
DarkOliveGreen2 #bce954 MedPurple1 #9e7bff
DarkOliveGreen3 #a0c544 MedPurple2 #9172ec
DarkOliveGreen4 #667c26 MedPurple3 #7a5dc7
DarkOrange #f88017 MedPurple4 #4e387e
DarkOrange1 #f87217 MedSeaGreen #306754
DarkOrange2 #e56717 MedSlateBlue #5e5a80
DarkOrange3 #c35617 MedSpringGreen #348017
DarkOrange4 #7e3117 MedTurquoise #48cccd
DarkOrchid #7d1b7e MedVioleTRed #ca226b
DarkOrchid1 #b041ff MidnightBlue #151b54
DarkOrchid2 #a23bec MintCream #f5fff9
DarkOrchid3 #8b31c7 MistyRose #fde1dd
DarkOrchid4 #571b7e MistyRose2 #ead0cc
DarkSalmon #e18b6b MistyRose3 #c6afac
DarkSeaGreen #8bb381 MistyRose4 #806f6c
DarkSeaGreen1 #c3fdb8 moccasin #fde0ac
DarkSeaGreen2 #b5eaaa NavajoWhite #fddaa3
DarkSeaGreen3 #99c68e NavajoWhite2 #eac995
DarkSeaGreen4 #617c58 NavajoWhite3 #c7aa7d
DarkSlateBlue #2b3856 NavajoWhite4 #806a4b
DarkSlateGray #25383c Navy #150567
DarkSlateGray1 #9afeff OldLace #fcf3e2
DarkSlateGray2 #8eebec OliveDrab #658017
DarkSlateGray3 #78c7c7 OliveDrab1 #c3fb17
DarkSlateGray4 #4c7d7e OliveDrab2 #b5e917
DarkTurquoise #3b9c9c OliveDrab3 #99c517
DarkViolet #842dce OliveDrab4 #617c17
DeepPink #f52887 Orange #f87a17
DeepPink2 #e4287c Orange1 #fa9b17
DeepPink3 #c12267 Orange2 #e78e17
DeepPink4 #7d053f Orange3 #c57717
DeepSkyBlue #3bb9ff Orange4 #7f4817
DeepSkyBlue2 #38acec OrangeRed #f63817
DeepSkyBlue3 #3090c7 OrangeRed2 #e43117
DeepSkyBlue4 #25587e OrangeRed3 #c22817
DimGray #463e41 OrangeRed4 #7e0517
DodgerBlue #1589ff Orchid #e57ded
DodgerBlue2 #157dec orchid1 #f67dfa
DodgerBlue3 #1569c7 orchid2 #e473e7
DodgerBlue4 #153e7e orchid3 #c160c3
Firebrick #800517 orchid4 #7d387c
firebrick1 #f62817 PaleGoldenrod #ede49e
firebrick2 #e42217 PaleGreen #79d867
firebrick3 #c11b17 PaleGreen1 #a0fc8d
FloralWhite #fff9ee PaleGreen2 #94e981
ForestGreen #4e9258 PaleGreen3 #7dc56c
gainsboro #d8d9d7 PaleGreen4 #4e7c41
GhostWhite #f7f7ff PaleTurquoise #aeebec
Gold #d4a017 PaleTurquoise1 #bcfeff
gold1 #fdd017 PaleTurquoise2 #adebec
gold2 #eac117 PaleTurquoise3 #92c7c7
gold3 #c7a317 PaleTurquoise4 #5e7d7e
gold4 #806517 PaleVioleTRed #d16587
Goldenrod #edda74 PaleVioleTRed1 #f778a1
goldenrod1 #fbb917 PaleVioleTRed2 #e56e94
goldenrod2 #e9ab17 PaleVioleTRed3 #c25a7c
goldenrod3 #c68e17 PaleVioleTRed4 #7e354d
goldenrod4 #805817 PapayaWhip #feeccf
Gray #736f6e PeachPuff #fcd5b0
Gray0 #150517 PeachPuff2 #eac5a3
White #ffffff PeachPuff3 #c6a688
Gray18 #250517 PeachPuff4 #806752
Gray21 #2b1b17 peru #c57726
Gray23 #302217 Pink #faafbe
Gray24 #302226 pink2 #e7a1b0
Gray25 #342826 pink3 #c48793
Gray26 #34282c pink4 #7f525d
Gray27 #382d2c Plum #b93b8f
Gray28 #3b3131 plum1 #f9b7ff
Gray29 #3e3535 plum2 #e6a9ec
Gray30 #413839 plum3 #c38ec7
Gray31 #41383c plum4 #7e587e
Gray32 #463e3f PowderBlue #addce3
Gray34 #4a4344 purple #8e35ef
Gray35 #4c4646 purple1 #893bff
Gray36 #4e4848 purple2 #7f38ec
Gray37 #504a4b purple3 #6c2dc7
Gray38 #544e4f purple4 #461b7e
Gray39 #565051 Red #ff0000
Gray40 #595454 red1 #f62217
Gray41 #5c5858 red2 #e41b17
Gray42 #5f5a59 RosyBrown #b38481
Gray43 #625d5d RosyBrown1 #fbbbb9
Gray44 #646060 RosyBrown2 #e8adaa
Gray45 #666362 RosyBrown3 #c5908e
Gray46 #696565 RosyBrown4 #7f5a58
Gray47 #6d6968 RoyalBlue #2b60de
Gray48 #6e6a6b RoyalBlue1 #306eff
Gray49 #726e6d RoyalBlue2 #2b65ec
Gray50 #747170 RoyalBlue3 #2554c7
Gray51 #787473 RoyalBlue4 #15317e
Gray52 #7a7777 salmon1 #f88158
Gray53 #7c7979 salmon2 #e67451
Gray54 #807d7c salmon3 #c36241
Gray55 #82807e salmon4 #7e3817
Gray56 #858381 SandyBrown #ee9a4d
Gray57 #878583 SeaGreen #4e8975
Gray58 #8b8987 SeaGreen1 #6afb92
Gray59 #8d8b89 SeaGreen2 #64e986
Gray60 #8f8e8d SeaGreen3 #54c571
Gray61 #939190 SeaGreen4 #387c44
Gray62 #959492 seashell #fef3eb
Gray63 #999795 seashell2 #ebe2d9
Gray64 #9a9998 seashell3 #c8bfb6
Gray65 #9e9c9b seashell4 #817873
Gray66 #a09f9d Sienna #8a4117
Gray67 #a3a2a0 sienna1 f87431
Gray68 #a5a4a3 sienna2 #e66c2c
Gray69 #a9a8a6 sienna3 #c35817
Gray70 #acaba9 sienna4 #7e3517
Gray71 #aeadac SkyBlue #6698ff
Gray72 #b1b1af SkyBlue1 #82caff
Gray73 #b3b3b1 SkyBlue2 #79baec
Gray74 #b7b6b4 SkyBlue3 #659ec7
Gray75 #b9b8b6 SkyBlue4 #41627e
Gray76 #bcbbba SlateBlue #737ca1
Gray77 #bebebc SlateBlue1 #7369ff
Gray78 #c1c1bf SlateBlue2 #6960ec
Gray79 #c3c4c2 SlateBlue3 #574ec7
Gray80 #c7c7c5 SlateBlue4 #342d7e
Gray81 #cacac9 SlateGray #657383
Gray82 #cccccb SlateGray1 #c2dfff
Gray83 #d0cfcf SlateGray2 #b4cfec
Gray84 #d2d2d1 SlateGray3 #98afc7
Gray85 #d5d5d4 SlateGray4 #616d7e
Gray86 #d7d7d7 snow #fff9fa
Gray87 #dbdbd9 snow2 #ece7e6
Gray88 #dddddc snow3 #c8c4c2
Gray89 #e0e0e0 snow4 #817c7b
Gray90 #e2e3e1 SpringGreen #4aa02c
Gray91 #e5e6e4 SpringGreen1 #5efb6e
Gray92 #e8e9e8 SpringGreen2 #57e964
Gray93 #ebebea SpringGreen3 #4cc552
Gray94 #eeeeee SpringGreen4 #347c2c
Gray95 #f0f1f0 SteelBlue #4863a0
Gray96 #f4f4f3 SteelBlue1 #5cb3ff
Gray97 #f6f6f5 SteelBlue2 #56a5ec
Gray98 #f9f9fa SteelBlue3 #488ac7
Gray99 #fbfbfb SteelBlue4 #2b547e
Green #00ff00 Tan #d8af79
green1 #5ffb17 tan1 #fa9b3c
green2 #59e817 tan2 #e78e35
green3 #4cc417 Thistle #d2b9d3
green4 #347c17 thistle1 #fcdfff
GreenYellow #b1fb17 thistle2 #e9cfec
honeydew #f0feee thistle3 #c6aec7
honeydew2 #deebdc thistle4 #806d7e
honeydew3 #bcc7b9 tomato #f75431
honeydew4 #7a7d74 tomato2 #e54c2c
HotPink #f660ab tomato3 #c23e17
HotPink1 #f665ab Turquoise #43c6db
HotPink2 #e45e9d turquoise1 #52f3ff
HotPink3 #c25283 turquoise2 #4ee2ec
HotPink4 #7d2252 turquoise3 #43bfc7
IndianRed #5e2217 turquoise4 #30787e
IndianRed1 #f75d59 Violet #8d38c9
IndianRed2 #e55451 VioleTRed #e9358a
IndianRed3 #c24641 VioleTRed1 #f6358a
IndianRed4 #7e2217 VioleTRed2 #e4317f
ivory #ffffee VioleTRed3 #c12869
ivory2 #ececdc VioleTRed4 #7d0541
ivory3 #c9c7b9 Wheat #f3daa9
ivory4 #817d74 wheat1 #fee4b1
Khaki #ada96e wheat2 #ebd3a3
khaki1 #fff380 wheat3 #c8b189
khaki2 #ede275 wheat4 #816f54
khaki3 #c9be62 Yellow #ffff00
khaki4 #827839 yellow1 #fffc17
lavender #e3e4fa YellowGreen #52d017
LavenderBlush #fdeef4 White #ffffff
LavenderBlush2 #ebdde2 Black #000000

*Sumber: NIIT Courseware


2 responses to “The Colours of Web”

  1. johnson says:

    saya pangguna baru internet,tolong beritahu saya bagaimana step termudah membuat web bagi para pemula………….
    thanks,,,,,jawaban nya sangat saya tunggu lhooooo…..

  2. y_sigit_p says:

    #johnson: cara mudah untuk membuat Web saat ini dapat dilakukan dengan menggunakan CMS Open Source seperti WordPress (http://wordpress.org) karena kita tidak perlu memikirkan scripting yang susah dan tinggal install saja maka Web kita akan jadi dan tinggal kita manajemen content-nya… kalau desain visualnya kurang menarik, kita bisa ganti dengan theme yang banyak tersedia di Internet secara gratis…

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2020 Universitas Atma Jaya Yogyakarta
css.php