Labels

Monday, January 30, 2012

Daftar Kode Warna Web

Pengaturan warna dalam dokumen HTML menggunakan mode kombinasi RGB (red, green, blue). Warna dalam HTML ditampilkan dalam dua digit nilai heksadesimal (0, 1, 2, …, F). Setiap bagian dua digit kode menunjukkan
banyaknya intensitas dari kombinasi warna merah, hijau dan biru. Misalnya untuk warna kuning, dibuat dengan pencampuran warna sebagai berikut:
Merah atau #FFHijau atau #FFBiru atau #00
Jadi untuk warna kuning dapat dibuat dengan kode #ffff00. Selain dengan kode, pembuatan warna juga bisa dengan mengetikan langsung nama warna tersebut dalam bahasa inggris, misalnya kuning=yellow
Berikut ini warna-warna yang dapat digunakan dalam halaman HTML :
Standar 16 nama kode warna
Black or 000000Gray or 808080Silver or C0C0C0White or FFFFFF
Navy or 000080Blue or 0000FFTeal or 008080Aqua or 00FFFF
Purple or 800080Maroon or 800000Red or FF0000Fuschia or FF00FF
Green or 008000Lime or 00FF00Olive or 808000Yellow or FFFF00
216 Kode warna untuk web
0000000000330000660000990000CC0000FF
0033000033330033660033990033CC0033FF
0066000066330066660066990066CC0066FF
0099000099330099660099990099CC0099FF
00CC0000CC3300CC6600CC9900CCCC00CCFF
00FF0000FF3300FF6600FF9900FFCC00FFFF
3300003300333300663300993300CC3300FF
3333003333333333663333993333CC3333FF
3366003366333366663366993366CC3366FF
3399003399333399663399993399CC3399FF
33CC0033CC3333CC6633CC9933CCCC33CCFF
33FF0033FF3333FF6633FF9933FFCC33FFFF
6600006600336600666600996600CC6600FF
6633006633336633666633996633CC6633FF
6666006666336666666666996666CC6666FF
6699006699336699666699996699CC6699FF
66CC0066CC3366CC6666CC9966CCCC66CCFF
66FF0066FF3366FF6666FF9966FFCC66FFFF
9900009900339900669900999900CC9900FF
9933009933339933669933999933CC9933FF
9966009966339966669966999966CC9966FF
9999009999339999669999999999CC9999FF
99CC0099CC3399CC6699CC9999CCCC99CCFF
99FF0099FF3399FF6699FF9999FFCC99FFFF
CC0000CC0033CC0066CC0099CC00CCCC00FF
CC3300CC3333CC3366CC3399CC33CCCC33FF
CC6600CC6633CC6666CC6699CC66CCCC66FF
CC9900CC9933CC9966CC9999CC99CCCC99FF
CCCC00CCCC33CCCC66CCCC99CCCCCCCCCCFF
CCFF00CCFF33CCFF66CCFF99CCFFCCCCFFFF
FF0000FF0033FF0066FF0099FF00CCFF00FF
FF3300FF3333FF3366FF3399FF33CCFF33FF
FF6600FF6633FF6666FF6699FF66CCFF66FF
FF9900FF9933FF9966FF9999FF99CCFF99FF
FFCC00FFCC33FFCC66FFCC99FFCCCCFFCCFF
FFFF00FFFF33FFFF66FFFF99FFFFCCFFFFFF
Warna dasar merah
FFFFFFFFFFF9FFFFECFFFFE8FFFFDFFFFFD2FFFFC8FFFFBF
FFFFFFFFFFF3FFFFDAFFFFD2FFFFBFFFFFA6FFFF91FFFF7F
FFFFFFFFFFEDFFFFC8FFFFBBFFFF9FFFFF7AFFFF5AFFFF3F
FFFFFFFFFFEAFFFFBDFFFFAEFFFF8CFFFF60FFFF39FFFF19
FFFFFFFFFFE7FFFFB6FFFFA5FFFF7FFFFF4EFFFF23FFFF00
EEEEEEEEEED8EEEEAAEEEE9AEEEE77EEEE49EEEE21EEEE00
CDCDCDCDCDBACDCD92CDCD85CDCD66CDCD3FCDCD1CCDCD00
8B8B8B8B8B7E8B8B638B8B5A8B8B458B8B2A8B8B138B8B00

FFF9FFFFF9F9FFF9ECFFF9E8FFF9DFFFF9D2FFF9C8FFF9BF
FFF3FFFFF3F3FFF3DAFFF3D2FFF3BFFFF3A6FFF391FFF37F
FFEDFFFFEDEDFFEDC8FFEDBBFFED9FFFED7AFFED5AFFED3F
FFEAFFFFEAEAFFEABDFFEAAEFFEA8CFFEA60FFEA39FFEA19
FFE7FFFFE7E7FFE7B6FFE7A5FFE77FFFE74EFFE723FFE700
EED8EEEED8D8EED8AAEED89AEED877EED849EED821EED800
CDBACDCDBABACDBA92CDBA85CDBA66CDBA3FCDBA1CCDBA00
8B7E8B8B7E7E8B7E638B7E5A8B7E458B7E2A8B7E138B7E00

FFECFFFFECF9FFECECFFECE8FFECDFFFECD2FFECC8FFECBF
FFDAFFFFDAF3FFDADAFFDAD2FFDABFFFDAA6FFDA91FFDA7F
FFC8FFFFC8EDFFC8C8FFC8BBFFC89FFFC87AFFC85AFFC83F
FFBDFFFFBDEAFFBDBDFFBDAEFFBD8CFFBD60FFBD39FFBD19
FFB6FFFFB6E7FFB6B6FFB6A5FFB67FFFB64EFFB623FFB600
EEAAEEEEAAD8EEAAAAEEAA9AEEAA77EEAA49EEAA21EEAA00
CD92CDCD92BACD9292CD9285CD9266CD923FCD921CCD9200
8B638B8B637E8B63638B635A8B63458B632A8B63138B6300

FFE8FFFFE8F9FFE8ECFFE8E8FFE8DFFFE8D2FFE8C8FFE8BF
FFD2FFFFD2F3FFD2DAFFD2D2FFD2BFFFD2A6FFD291FFD27F
FFBBFFFFBBEDFFBBC8FFBBBBFFBB9FFFBB7AFFBB5AFFBB3F
FFAEFFFFAEEAFFAEBDFFAEAEFFAE8CFFAE60FFAE39FFAE19
FFA5FFFFA5E7FFA5B6FFA5A5FFA57FFFA54EFFA523FFA500
EE9AEEEE9AD8EE9AAAEE9A9AEE9A77EE9A49EE9A21EE9A00
CD85CDCD85BACD8592CD8585CD8566CD853FCD851CCD8500
8B5A8B8B5A7E8B5A638B5A5A8B5A458B5A2A8B5A138B5A00

FFDFFFFFDFF9FFDFECFFDFE8FFDFDFFFDFD2FFDFC8FFDFBF
FFBFFFFFBFF3FFBFDAFFBFD2FFBFBFFFBFA6FFBF91FFBF7F
FF9FFFFF9FEDFF9FC8FF9FBBFF9F9FFF9F7AFF9F5AFF9F3F
FF8CFFFF8CEAFF8CBDFF8CAEFF8C8CFF8C60FF8C39FF8C19
FF7FFFFF7FE7FF7FB6FF7FA5FF7F7FFF7F4EFF7F23FF7F00
EE77EEEE77D8EE77AAEE779AEE7777EE7749EE7721EE7700
CD66CDCD66BACD6692CD6685CD6666CD663FCD661CCD6600
8B458B8B457E8B45638B455A8B45458B452A8B45138B4500

FFD2FFFFD2F9FFD2ECFFD2E8FFD2DFFFD2D2FFD2C8FFD2BF
FFA6FFFFA6F3FFA6DAFFA6D2FFA6BFFFA6A6FFA691FFA67F
FF7AFFFF7AEDFF7AC8FF7ABBFF7A9FFF7A7AFF7A5AFF7A3F
FF60FFFF60EAFF60BDFF60AEFF608CFF6060FF6039FF6019
FF4EFFFF4EE7FF4EB6FF4EA5FF4E7FFF4E4EFF4E23FF4E00
EE49EEEE49D8EE49AAEE499AEE4977EE4949EE4921EE4900
CD3FCDCD3FBACD3F92CD3F85CD3F66CD3F3FCD3F1CCD3F00
8B2A8B8B2A7E8B2A638B2A5A8B2A458B2A2A8B2A138B2A00

FFC8FFFFC8F9FFC8ECFFC8E8FFC8DFFFC8D2FFC8C8FFC8BF
FF91FFFF91F3FF91DAFF91D2FF91BFFF91A6FF9191FF917F
FF5AFFFF5AEDFF5AC8FF5ABBFF5A9FFF5A7AFF5A5AFF5A3F
FF39FFFF39EAFF39BDFF39AEFF398CFF3960FF3939FF3919
FF23FFFF23E7FF23B6FF23A5FF237FFF234EFF2323FF2300
EE21EEEE21D8EE21AAEE219AEE2177EE2149EE2121EE2100
CD1CCDCD1CBACD1C92CD1C85CD1C66CD1C3FCD1C1CCD1C00
8B138B8B137E8B13638B135A8B13458B132A8B13138B1300

FFBFFFFFBFF9FFBFECFFBFE8FFBFDFFFBFD2FFBFC8FFBFBF
FF7FFFFF7FF3FF7FDAFF7FD2FF7FBFFF7FA6FF7F91FF7F7F
FF3FFFFF3FEDFF3FC8FF3FBBFF3F9FFF3F7AFF3F5AFF3F3F
FF19FFFF19EAFF19BDFF19AEFF198CFF1960FF1939FF1919
FF00FFFF00E7FF00B6FF00A5FF007FFF004EFF0023FF0000
EE00EEEE00D8EE00AAEE009AEE0077EE0049EE0021EE0000
CD00CDCD00BACD0092CD0085CD0066CD003FCD001CCD0000
8B008B8B007E8B00638B005A8B00458B002A8B00138B0000

Warna dasar hijau
FFFFFFFFFFF9FFFFECFFFFE8FFFFDFFFFFD2FFFFC8FFFFBF
FFFFFFFFFFF3FFFFDAFFFFD2FFFFBFFFFFA6FFFF91FFFF7F
FFFFFFFFFFEDFFFFC8FFFFBBFFFF9FFFFF7AFFFF5AFFFF3F
FFFFFFFFFFEAFFFFBDFFFFAEFFFF8CFFFF60FFFF39FFFF19
FFFFFFFFFFE7FFFFB6FFFFA5FFFF7FFFFF4EFFFF23FFFF00
EEEEEEEEEED8EEEEAAEEEE9AEEEE77EEEE49EEEE21EEEE00
CDCDCDCDCDBACDCD92CDCD85CDCD66CDCD3FCDCD1CCDCD00
8B8B8B8B8B7E8B8B638B8B5A8B8B458B8B2A8B8B138B8B00

F9FFFFF9FFF9F9FFECF9FFE8F9FFDFF9FFD2F9FFC8F9FFBF
F3FFFFF3FFF3F3FFDAF3FFD2F3FFBFF3FFA6F3FF91F3FF7F
EDFFFFEDFFEDEDFFC8EDFFBBEDFF9FEDFF7AEDFF5AEDFF3F
EAFFFFEAFFEAEAFFBDEAFFAEEAFF8CEAFF60EAFF39EAFF19
E7FFFFE7FFE7E7FFB6E7FFA5E7FF7FE7FF4EE7FF23E7FF00
D8EEEED8EED8D8EEAAD8EE9AD8EE77D8EE49D8EE21D8EE00
BACDCDBACDBABACD92BACD85BACD66BACD3FBACD1CBACD00
7E8B8B7E8B7E7E8B637E8B5A7E8B457E8B2A7E8B137E8B00

ECFFFFECFFF9ECFFECECFFE8ECFFDFECFFD2ECFFC8ECFFBF
DAFFFFDAFFF3DAFFDADAFFD2DAFFBFDAFFA6DAFF91DAFF7F
C8FFFFC8FFEDC8FFC8C8FFBBC8FF9FC8FF7AC8FF5AC8FF3F
BDFFFFBDFFEABDFFBDBDFFAEBDFF8CBDFF60BDFF39BDFF19
B6FFFFB6FFE7B6FFB6B6FFA5B6FF7FB6FF4EB6FF23B6FF00
AAEEEEAAEED8AAEEAAAAEE9AAAEE77AAEE49AAEE21AAEE00
92CDCD92CDBA92CD9292CD8592CD6692CD3F92CD1C92CD00
638B8B638B7E638B63638B5A638B45638B2A638B13638B00

E8FFFFE8FFF9E8FFECE8FFE8E8FFDFE8FFD2E8FFC8E8FFBF
D2FFFFD2FFF3D2FFDAD2FFD2D2FFBFD2FFA6D2FF91D2FF7F
BBFFFFBBFFEDBBFFC8BBFFBBBBFF9FBBFF7ABBFF5ABBFF3F
AEFFFFAEFFEAAEFFBDAEFFAEAEFF8CAEFF60AEFF39AEFF19
A5FFFFA5FFE7A5FFB6A5FFA5A5FF7FA5FF4EA5FF23A5FF00
9AEEEE9AEED89AEEAA9AEE9A9AEE779AEE499AEE219AEE00
85CDCD85CDBA85CD9285CD8585CD6685CD3F85CD1C85CD00
5A8B8B5A8B7E5A8B635A8B5A5A8B455A8B2A5A8B135A8B00

DFFFFFDFFFF9DFFFECDFFFE8DFFFDFDFFFD2DFFFC8DFFFBF
BFFFFFBFFFF3BFFFDABFFFD2BFFFBFBFFFA6BFFF91BFFF7F
9FFFFF9FFFED9FFFC89FFFBB9FFF9F9FFF7A9FFF5A9FFF3F
8CFFFF8CFFEA8CFFBD8CFFAE8CFF8C8CFF608CFF398CFF19
7FFFFF7FFFE77FFFB67FFFA57FFF7F7FFF4E7FFF237FFF00
77EEEE77EED877EEAA77EE9A77EE7777EE4977EE2177EE00
66CDCD66CDBA66CD9266CD8566CD6666CD3F66CD1C66CD00
458B8B458B7E458B63458B5A458B45458B2A458B13458B00

D2FFFFD2FFF9D2FFECD2FFE8D2FFDFD2FFD2D2FFC8D2FFBF
A6FFFFA6FFF3A6FFDAA6FFD2A6FFBFA6FFA6A6FF91A6FF7F
7AFFFF7AFFED7AFFC87AFFBB7AFF9F7AFF7A7AFF5A7AFF3F
60FFFF60FFEA60FFBD60FFAE60FF8C60FF6060FF3960FF19
4EFFFF4EFFE74EFFB64EFFA54EFF7F4EFF4E4EFF234EFF00
49EEEE49EED849EEAA49EE9A49EE7749EE4949EE2149EE00
3FCDCD3FCDBA3FCD923FCD853FCD663FCD3F3FCD1C3FCD00
2A8B8B2A8B7E2A8B632A8B5A2A8B452A8B2A2A8B132A8B00

C8FFFFC8FFF9C8FFECC8FFE8C8FFDFC8FFD2C8FFC8C8FFBF
91FFFF91FFF391FFDA91FFD291FFBF91FFA691FF9191FF7F
5AFFFF5AFFED5AFFC85AFFBB5AFF9F5AFF7A5AFF5A5AFF3F
39FFFF39FFEA39FFBD39FFAE39FF8C39FF6039FF3939FF19
23FFFF23FFE723FFB623FFA523FF7F23FF4E23FF2323FF00
21EEEE21EED821EEAA21EE9A21EE7721EE4921EE2121EE00
1CCDCD1CCDBA1CCD921CCD851CCD661CCD3F1CCD1C1CCD00
138B8B138B7E138B63138B5A138B45138B2A138B13138B00

BFFFFFBFFFF9BFFFECBFFFE8BFFFDFBFFFD2BFFFC8BFFFBF
7FFFFF7FFFF37FFFDA7FFFD27FFFBF7FFFA67FFF917FFF7F
3FFFFF3FFFED3FFFC83FFFBB3FFF9F3FFF7A3FFF5A3FFF3F
19FFFF19FFEA19FFBD19FFAE19FF8C19FF6019FF3919FF19
00FFFF00FFE700FFB600FFA500FF7F00FF4E00FF2300FF00
00EEEE00EED800EEAA00EE9A00EE7700EE4900EE2100EE00
00CDCD00CDBA00CD9200CD8500CD6600CD3F00CD1C00CD00
008B8B008B7E008B63008B5A008B45008B2A008B13008B00

Warna dasar biru
FFFFFFF9FFFFECFFFFE8FFFFDFFFFFD2FFFFC8FFFFBFFFFF
FFFFFFF3FFFFDAFFFFD2FFFFBFFFFFA6FFFF91FFFF7FFFFF
FFFFFFEDFFFFC8FFFFBBFFFF9FFFFF7AFFFF5AFFFF3FFFFF
FFFFFFEAFFFFBDFFFFAEFFFF8CFFFF60FFFF39FFFF19FFFF
FFFFFFE7FFFFB6FFFFA5FFFF7FFFFF4EFFFF23FFFF00FFFF
EEEEEED8EEEEAAEEEE9AEEEE77EEEE49EEEE21EEEE00EEEE
CDCDCDBACDCD92CDCD85CDCD66CDCD3FCDCD1CCDCD00CDCD
8B8B8B7E8B8B638B8B5A8B8B458B8B2A8B8B138B8B008B8B

FFF9FFF9F9FFECF9FFE8F9FFDFF9FFD2F9FFC8F9FFBFF9FF
FFF3FFF3F3FFDAF3FFD2F3FFBFF3FFA6F3FF91F3FF7FF3FF
FFEDFFEDEDFFC8EDFFBBEDFF9FEDFF7AEDFF5AEDFF3FEDFF
FFEAFFEAEAFFBDEAFFAEEAFF8CEAFF60EAFF39EAFF19EAFF
FFE7FFE7E7FFB6E7FFA5E7FF7FE7FF4EE7FF23E7FF00E7FF
EED8EED8D8EEAAD8EE9AD8EE77D8EE49D8EE21D8EE00D8EE
CDBACDBABACD92BACD85BACD66BACD3FBACD1CBACD00BACD
8B7E8B7E7E8B637E8B5A7E8B457E8B2A7E8B137E8B007E8B

FFECFFF9ECFFECECFFE8ECFFDFECFFD2ECFFC8ECFFBFECFF
FFDAFFF3DAFFDADAFFD2DAFFBFDAFFA6DAFF91DAFF7FDAFF
FFC8FFEDC8FFC8C8FFBBC8FF9FC8FF7AC8FF5AC8FF3FC8FF
FFBDFFEABDFFBDBDFFAEBDFF8CBDFF60BDFF39BDFF19BDFF
FFB6FFE7B6FFB6B6FFA5B6FF7FB6FF4EB6FF23B6FF00B6FF
EEAAEED8AAEEAAAAEE9AAAEE77AAEE49AAEE21AAEE00AAEE
CD92CDBA92CD9292CD8592CD6692CD3F92CD1C92CD0092CD
8B638B7E638B63638B5A638B45638B2A638B13638B00638B

FFE8FFF9E8FFECE8FFE8E8FFDFE8FFD2E8FFC8E8FFBFE8FF
FFD2FFF3D2FFDAD2FFD2D2FFBFD2FFA6D2FF91D2FF7FD2FF
FFBBFFEDBBFFC8BBFFBBBBFF9FBBFF7ABBFF5ABBFF3FBBFF
FFAEFFEAAEFFBDAEFFAEAEFF8CAEFF60AEFF39AEFF19AEFF
FFA5FFE7A5FFB6A5FFA5A5FF7FA5FF4EA5FF23A5FF00A5FF
EE9AEED89AEEAA9AEE9A9AEE779AEE499AEE219AEE009AEE
CD85CDBA85CD9285CD8585CD6685CD3F85CD1C85CD0085CD
8B5A8B7E5A8B635A8B5A5A8B455A8B2A5A8B135A8B005A8B

FFDFFFF9DFFFECDFFFE8DFFFDFDFFFD2DFFFC8DFFFBFDFFF
FFBFFFF3BFFFDABFFFD2BFFFBFBFFFA6BFFF91BFFF7FBFFF
FF9FFFED9FFFC89FFFBB9FFF9F9FFF7A9FFF5A9FFF3F9FFF
FF8CFFEA8CFFBD8CFFAE8CFF8C8CFF608CFF398CFF198CFF
FF7FFFE77FFFB67FFFA57FFF7F7FFF4E7FFF237FFF007FFF
EE77EED877EEAA77EE9A77EE7777EE4977EE2177EE0077EE
CD66CDBA66CD9266CD8566CD6666CD3F66CD1C66CD0066CD
8B458B7E458B63458B5A458B45458B2A458B13458B00458B

FFD2FFF9D2FFECD2FFE8D2FFDFD2FFD2D2FFC8D2FFBFD2FF
FFA6FFF3A6FFDAA6FFD2A6FFBFA6FFA6A6FF91A6FF7FA6FF
FF7AFFED7AFFC87AFFBB7AFF9F7AFF7A7AFF5A7AFF3F7AFF
FF60FFEA60FFBD60FFAE60FF8C60FF6060FF3960FF1960FF
FF4EFFE74EFFB64EFFA54EFF7F4EFF4E4EFF234EFF004EFF
EE49EED849EEAA49EE9A49EE7749EE4949EE2149EE0049EE
CD3FCDBA3FCD923FCD853FCD663FCD3F3FCD1C3FCD003FCD
8B2A8B7E2A8B632A8B5A2A8B452A8B2A2A8B132A8B002A8B

FFC8FFF9C8FFECC8FFE8C8FFDFC8FFD2C8FFC8C8FFBFC8FF
FF91FFF391FFDA91FFD291FFBF91FFA691FF9191FF7F91FF
FF5AFFED5AFFC85AFFBB5AFF9F5AFF7A5AFF5A5AFF3F5AFF
FF39FFEA39FFBD39FFAE39FF8C39FF6039FF3939FF1939FF
FF23FFE723FFB623FFA523FF7F23FF4E23FF2323FF0023FF
EE21EED821EEAA21EE9A21EE7721EE4921EE2121EE0021EE
CD1CCDBA1CCD921CCD851CCD661CCD3F1CCD1C1CCD001CCD
8B138B7E138B63138B5A138B45138B2A138B13138B00138B

FFBFFFF9BFFFECBFFFE8BFFFDFBFFFD2BFFFC8BFFFBFBFFF
FF7FFFF37FFFDA7FFFD27FFFBF7FFFA67FFF917FFF7F7FFF
FF3FFFED3FFFC83FFFBB3FFF9F3FFF7A3FFF5A3FFF3F3FFF
FF19FFEA19FFBD19FFAE19FF8C19FF6019FF3919FF1919FF
FF00FFE700FFB600FFA500FF7F00FF4E00FF2300FF0000FF
EE00EED800EEAA00EE9A00EE7700EE4900EE2100EE0000EE
CD00CDBA00CD9200CD8500CD6600CD3F00CD1C00CD0000CD
8B008B7E008B63008B5A008B45008B2A008B13008B00008B

Jangan lupa tambahkan tanda pagar (#) sebelum menulis kode warna :)
Sumber : http://www.colourlovers.com/blog/2007/06/30/ultimate-html-color-hex-code-list/

No comments:

Post a Comment