Koleksi 750 Kode Warna HTML Paling Lengkap (Hex Color Chart)

Sebagai seorang blogger yang suka mengotak-atik template tentu saja tidak akan terlepas dari yang namanya kode warna, lebih-lebih jika Anda adalah seorang web designer kode warna Hexadecimal ini sangatlah penting.

Oleh karena itu, pada postingan kali ini saya akan membagikan beberapa kode warna HTML yang paling umum atau sering digunakan untuk mendesign halaman web.

Mudah-mudahan artikel ini bisa menjadi catatan penting terutama buat saya sendiri dan juga sebagai referensi untuk Anda 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 Anda gunakan di berbagai tempat. Seperti pada Template, CSS, file HTML, ataupun pada postingan blog.

Bagaimana cara menggunakannya?
Sebagai contoh cara penggunaannya, misalnya Anda ingin merubah warna tulisan pada postingan blog. Berikut kodenya:
<font color="#FF0066">TEKS ANDA DISINI</font>
Maka hasilnya akan seperti ini:

0 Response to "Koleksi 750 Kode Warna HTML Paling Lengkap (Hex Color Chart)"

Post a Comment

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