Koleksi 750 Kode Warna HTML Paling Lengkap (Color Chart)

Jika Anda adalah seorang blogger yang suka mengotak-atik template, maka Anda tidak akan bisa menghindar dari yang namanya kode warna ini.

Lebih-lebih jika Anda adalah seorang css 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 (Color Chart)"

Post a Comment

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