Kode Warna HTML Lengkap (HEX Color Chart)

HTML COLOR CHART
Sebagai seorang blogger yang suka mengotak-atik template tentu saja tidak akan terlepas dari yang namanya kode warna, lebih-lebih jika sobat adalah seorang web designer kode warna Hexadecimal ini sangatlah penting, oleh karena itu BlogReOt akan membagikan beberapa table kode warna yang mudah-mudahan bisa menjadi catatan penting terutama buat saya sendiri dan juga sebagai referensi buat sobat yang ingin membuat Template atau CSS.
1. Basic colors
#000000#000033#000066
#003300#003333#003366
#006600#006633#006666
#009900#009933#009966
#00CC00#00CC33#00CC66
#00FF00#00FF33#00FF66
#330000#330033#330066
#333300#333333#333366
#336600#336633#336666
#339900#339933#339966
#33CC00#33CC33#33CC66
#33FF00#33FF33#33FF66
#660000#660033#660066
#663300#663333#663366
#666600#666633#666666
#669900#669933#669966
#66CC00#66CC33#66CC66
#66FF00#66FF33#66FF66
#990000#990033#990066
#993300#993333#993366
#996600#996633#996666
#999900#999933#999966
#99CC00#99CC33#99CC66
#99FF00#99FF33#99FF66
#CC0000#CC0033#CC0066
#CC3300#CC3333#CC3366
#CC6600#CC6633#CC6666
#CC9900#CC9933#CC9966
#CCCC00#CCCC33#CCCC66
#CCFF00#CCFF33#CCFF66
#FF0000#FF0033#FF0066
#FF3300#FF3333#FF3366
#FF6600#FF6633#FF6666
#FF9900#FF9933#FF9966
#FFCC00#FFCC33#FFCC66
#FFFF00#FFFF33#FFFF66
#000099#0000CC#0000FF
#003399#0033CC#0033FF
#006699#0066CC#0066FF
#009999#0099CC#0099FF
#00CC99#00CCCC#00CCFF
#00FF99#00FFCC#00FFFF
#330099#3300CC#3300FF
#333399#3333CC#3333FF
#336699#3366CC#3366FF
#339999#3399CC#3399FF
#33CC99#33CCCC#33CCFF
#33FF99#33FFCC#33FFFF
#660099#6600CC#6600FF
#663399#6633CC#6633FF
#666699#6666CC#6666FF
#669999#6699CC#6699FF
#66CC99#66CCCC#66CCFF
#66FF99#66FFCC#66FFFF
#990099#9900CC#9900FF
#993399#9933CC#9933FF
#996699#9966CC#9966FF
#999999#9999CC#9999FF
#99CC99#99CCCC#99CCFF
#99FF99#99FFCC#99FFFF
#CC0099#CC00CC#CC00FF
#CC3399#CC33CC#CC33FF
#CC6699#CC66CC#CC66FF
#CC9999#CC99CC#CC99FF
#CCCC99#CCCCCC#CCCCFF
#CCFF99#CCFFCC#CCFFFF
#FF0099#FF00CC#FF00FF
#FF3399#FF33CC#FF33FF
#FF6699#FF66CC#FF66FF
#FF9999#FF99CC#FF99FF
#FFCC99#FFCCCC#FFCCFF
#FFFF99#FFFFCC#FFFFFF
2. Pastel colors
#FF4848#FF68DD#FF62B0
#FF7575#FF79E1#FF73B9
#FF8A8A#FF86E3#FF86C2
#FF9797#FF97E8#FF97CB
#FFA8A8#FFACEC#FFA8D3
#FFBBBB#FFACEC#FFBBDD
#FFCECE#FFC8F2#FFC8E3
#FFDFDF#FFDFF8#FFDFEF
#FFECEC#FFEEFB#FFECE5
#FFF2F2#FFFEFB#FFF9FC
#FE67EB#E469FE#D568FD
#FE67EB#E77AFE#D97BFD
#FE8BF0#EA8DFE#DD88FD
#FE98F1#ED9EFE#E29BFD
#FEA9F3#EFA9FE#E7A9FE
#FFBBF7#F2BCFE#EDBEFE
#FFCAF9#F5CAFF#F0CBFE
#FFDBFB#F9D9FF#F4DCFE
#FFEEFD#FDF2FF#FAECFF
#FE67EB#FFFDFF#FDF9FF
#800080#872187#9A03FE
#BF00BF#BC2EBC#A827FE
#DB00DB#D54FD5#B445FE
#F900F9#DD75DD#BD5CFE
#FF4AFF#DD75DD#C269FE
#FF86FF#E697E6#CD85FE
#FFA4FF#EAA6EA#D698FE
#FFBBFF#EEBBEE#DFB0FF
#FFCEFF#F0C4F0#E8C6FF
#FFDFFF#F4D2F4#EFD7FF
#FFECFF#F4D2F4#F9EEFF
#FFF9FF#FDF9FD#FEFDFF
#892EE4#3923D6#2966B8
#9B4EE9#6755E3#2F74D0
#A55FEB#8678E9#4985D6
#AE70ED#9588EC#6094DB
#AE70ED#A095EE#7BA7E1
#C79BF2#B0A7F1#8EB4E6
#CEA8F4#BCB4F3#A9C5EB
#DBBFF7#CBC5F5#BAD0EF
#E1CAF9#D7D1F8#CEDEF4
#EDDFFB#E3E0FA#E0EAF8
#F5EEFD#EFEDFC#EAF1FB
#FEFDFF#F7F5FE#F8FBFE
#5757FF#62A9FF#62D0FF
#6A6AFF#75B4FF#75D6FF
#7979FF#86BCFF#8ADCFF
#8C8CFF#99C7FF#A8E4FF
#AAAAFF#A8CFFF#BBEBFF
#BBBBFF#BBDAFF#CEF0FF
#CACAFF#D0E6FF#D9F3FF
#E1E1FF#DBEBFF#ECFAFF
#EEEEFF#ECF4FF#F9FDFF
#F9F9FF#F9FCFF#FDFEFF
#06DCFB#01FCEF#03EBA6
#24E0FB#1FFEF3#03F3AB
#3DE4FC#5FFEF7#33FDC0
#63E9FC#74FEF8#62FDCE
#75ECFD#92FEF9#7DFDD7
#8CEFFD#A5FEFA#8FFEDD
#ACF3FD#B5FFFC#A5FEE3
#C0F7FE#CEFFFD#BEFEEB
#C0F7FE#E1FFFE#BDFFEA
#E6FCFF#F2FFFE#CFFEF0
#F9FEFF#FDFFFF#F7FFFD
#1FCB4A#59955C#48FB0D
#27DE55#6CA870#79FC4E
#4AE371#80B584#89FC63
#7CEB98#93BF96#99FD77
#93EEAA#A6CAA9#AAFD8E
#A4F0B7#B4D1B6#BAFEA3
#BDF4CB#C9DECB#CAFEB8
#D6F8DE#DBEADC#DDFED1
#E3FBE9#E9F1EA#EAFEE2
#E3FBE9#F3F8F4#F1FEED
#FAFEFB#FBFDFB#FDFFFD
#2DC800#59DF00#9D9D00
#32DF00#61F200#C8C800
#36F200#66FF00#DFDF00
#52FF20#95FF4F#FFFFAA
#6FFF44#ABFF73#FFFF84
#8FFF6F#C0FF97#FFFF99
#A5FF84#D1FFB3#FFFFB5
#B3FF99#DFFFCA#FFFFC8
#D2FFC4#E8FFD9#FFFFD7
#E7FFDF#F2FFEA#FFFFE3
#F5FFF2#FAFFF7#FFFFFD
#BABA21#C8B400#DFA800
#E0E04E#D9C400#F9BB00
#E6E671#E6CE00#FFCB2F
#EAEA8A#F7DE00#FFD34F
#EEEEA2#FFE920#FFDD75
#F1F1B1#FFF06A#FFE699
#F4F4BF#FFF284#FFECB0
#F7F7CE#FFF7B7#FFF1C6
#F9F9DD#FFF9CE#FFF5D7
#FBFBE8#FFFBDF#FFFAEA
#FEFEFA#FFFEF7#FFFDF7
#DB9900#FFB428#FF9331
#EAA400#FFBF48#FFA04A
#FFB60B#FFC65B#FFAB60
#FFBE28#FFCE73#FFBB7D
#FFC848#FFD586#FFC48E
#FFD062#FFDEA2#FFCFA4
#FFE099#FFE6B5#FFD9B7
#FFEAB7#FFEAC4#FFE1C6
#FFF2D2#FFF2D9#FFEBD9
#FFF9EA#FFF7E6#FFF4EA
#FFFDF9#FFFDF9#FFFEFD
#D1D17A#C0A545#C27E3A
#D7D78A#CEB86C#C98A4B
#DBDB97#D6C485#D19C67
#E1E1A8#DECF9C#DAAF85
#E9E9BE#E3D6AA#DDB791
#EEEECE#EADFBF#E4C6A7
#E9E9C0#EDE4C9#E9D0B6
#EEEECE#EFE7CF#EEDCC8
#F1F1D6#F5EFE0#F2E4D5
#F5F5E2#F9F5EC#F9F3EC
#FDFDF9#FDFCF9#FCF9F5
#C47557#B05F3C#C17753
#CB876D#C06A45#C98767
#D29680#C87C5B#D0977B
#DAA794#CF8D72#DAAC96
#DFB4A4#D69E87#E0BBA9
#E6C5B9#DEB19E#E8CCBF
#EBD0C7#E4C0B1#ECD5CA
#F0DCD5#EACDC1#F0DDD5
#F5E7E2#F0DDD5#F5E8E2
#F9EFEC#F5E8E2#FAF2EF
#FDFAF9#FDFAF9#FCF7F5
#F70000#B9264F#990099
#FF2626#D73E68#B300B3
#FF5353#DD597D#CA00CA
#FF7373#E37795#D900D9
#FF8E8E#E994AB#FF2DFF
#FFA4A4#EDA9BC#F206FF
#FFB5B5#F0B9C8#FF7DFF
#FFC8C8#F4CAD6#FFA8FF
#FFEAEA#F8DAE2#FFC4FF
#FFEAEA#FAE7EC#FFE3FF
#FFFDFD#FEFAFB#FFFDFF
#74138C#0000CE#1F88A7
#8D18AB#5B5BFF#25A0C5
#A41CC6#7373FF#29AFD6
#BA21E0#8282FF#4FBDDD
#CB59E8#9191FF#67C7E2
#CB59E8#A8A8FF#8ED6EA
#D881ED#B7B7FF#A6DEEE
#EFCDF8#C6C6FF#C0E7F3
#EFCDF8#DBDBFF#D8F0F8
#F8E9FC#EEEEFF#EFF9FC
#FFFFFF#FDFDFF#FAFDFE
#9669FE#23819C#01F33E
#A27AFE#2897B7#0AFE47
#AD8BFE#2FAACE#4BFE78
#B89AFE#44B4D5#72FE95
#C4ABFE#57BCD9#8BFEA8
#D0BCFE#7BCAE1#A3FEBA
#DDCEFF#8CD1E6#B5FFC8
#E6DBFF#A5DBEB#CAFFD8
#F1ECFF#B8E2EF#EAFFEF
#FBF9FF#C9EAF3#F9FFFB
#B6BA18#FF800D#B96F6F
#CDD11B#FF9C42#C48484
#DFE32D#FFAC62#C88E8E
#EDEF85#FFBD82#D1A0A0
#EEF093#FFC895#D7ACAC
#F2F4B3#FFCEA2#DDB9B9
#F5F7C4#FFD7B3#E6CCCC
#F7F9D0#FFE2C8#ECD9D9
#FAFBDF#FFE6D0#F3E7E7
#FCFCE9#FFF1E6#F8F1F1
#FDFDF0#FFF9F4#FDFBFB
#4A9586#5EAE9E#74BAAC
#8DC7BB#A5D3CA#C0E0DA
#CFE7E2#DCEDEA#E7F3F1
#F2F9F8#F7FBFA#F7FBFA
Itulah beberapa kode warna hexadecimal atau HTML color chart yang sudah saya grafikkan. kode warna ini bisa digunakan diberbagai tempat seperti pada Template, CSS ataupun pada postingan blog. Sebagai contoh cara penggunaannya, misalnya sobat ingin merubah warna tulisan pada postingan blog sobat. Berikut kodenya:
<font color="#FF0066">TEKS ANDA DISINI</font>
Maka hasilnya akan seperti ini:
TEKS ANDA DISINI
HTML Colour Checker
Untuk sobat yang ingin mengecek kode warna lain selain dari yang tertulis diatas, sobat bisa menggunakan form colour checker, silahkan klik HTML Colour Checker untuk mengecek kode warna yang lain. Salam...

Sign up here with your email address to receive updates from this blog in your inbox.

0 Response to "Kode Warna HTML Lengkap (HEX Color Chart)"

Post a Comment

Kata-kata dan bahasa anda adalah gambaran kualitas diri anda...