bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #F245AD to #F2AD45 and to #45F2AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F2569C
#EE589F
#E95AA1
#E55BA4
#E05DA7
#DC5FAA
#D661AD
#F2668C
#E96A91
#E06D97
#D8719C
#CF74A1
#C678A6
#BB7CAD
#F2777B
#E57C83
#D7828B
#CA8793
#BD8C9B
#B091A3
#9F98AD
#F2886A
#E08F75
#CE967F
#BD9D8A
#ABA495
#99ABA0
#83B4AD
#F2985A
#DCA167
#C6AA75
#B0B282
#9ABB8F
#84C49C
#68CFAD
#F2AD45
#D6B856
#BBC366
#9FCE77
#83D988
#68E498
#45F2AD
Colorpallet from #F245AD to #F2AD45 and to #45ADF2
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F2569C
#EE56A0
#E956A5
#E556A9
#E056AE
#DC56B2
#D656B8
#F2668C
#E96695
#E0669E
#D866A6
#CF66AF
#C666B8
#BB66C3
#F2777B
#E57788
#D77796
#CA77A3
#BD77B0
#B077BD
#9F77CE
#F2886A
#E0887C
#CE888E
#BD889F
#AB88B1
#9988C3
#8388D9
#F2985A
#DC9870
#C69886
#B0989C
#9A98B2
#8498C8
#6898E4
#F2AD45
#D6AD61
#BBAD7C
#9FAD98
#83ADB4
#68ADCF
#45ADF2
Colorpallet from #F245AD to #F2AD45 and to #ADF245
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F2569C
#F0589C
#EE5A9C
#ED5B9C
#EB5D9C
#E95F9C
#E7619C
#F2668C
#EE6A8C
#EB6D8C
#E7718C
#E4748C
#E0788C
#DC7C8C
#F2777B
#ED7C7B
#E7827B
#E2877B
#DD8C7B
#D8917B
#D1987B
#F2886A
#EB8F6A
#E4966A
#DD9D6A
#D6A46A
#CFAB6A
#C6B46A
#F2985A
#E9A15A
#E0AA5A
#D8B25A
#CFBB5A
#C6C45A
#BBCF5A
#F2AD45
#E7B845
#DCC345
#D1CE45
#C6D945
#BBE445
#ADF245
Colorpallet from #F245AD to #F2AD45 and to #AD45F2
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F2569C
#F053A0
#EE51A5
#ED4EA9
#EB4BAE
#E948B2
#E745B8
#F2668C
#EE6195
#EB5B9E
#E756A6
#E451AF
#E04CB8
#DC45C3
#F2777B
#ED6F88
#E76796
#E25FA3
#DD57B0
#D84FBD
#D145CE
#F2886A
#EB7D7C
#E4738E
#DD689F
#D65DB1
#CF52C3
#C645D9
#F2985A
#E98B70
#E07D86
#D8709C
#CF63B2
#C656C8
#BB45E4
#F2AD45
#E79C61
#DC8C7C
#D17B98
#C66AB4
#BB5ACF
#AD45F2
Colorpallet from #F245AD to #45F2AD and to #45ADF2
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#D661AD
#D65FAF
#D65DB1
#D65CB2
#D65AB4
#D658B6
#D656B8
#BB7CAD
#BB78B1
#BB75B4
#BB71B8
#BB6EBB
#BB6ABF
#BB66C3
#9F98AD
#9F93B2
#9F8DB8
#9F88BD
#9F83C2
#9F7EC7
#9F77CE
#83B4AD
#83ADB4
#83A6BB
#839FC2
#8398C9
#8391D0
#8388D9
#68CFAD
#68C6B6
#68BDBF
#68B5C7
#68ACD0
#68A3D9
#6898E4
#45F2AD
#45E7B8
#45DCC3
#45D1CE
#45C6D9
#45BBE4
#45ADF2
Colorpallet from #F245AD to #45F2AD and to #ADF245
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#D661AD
#D961AA
#DB61A8
#DE61A5
#E161A2
#E4619F
#E7619C
#BB7CAD
#C07CA8
#C67CA2
#CB7C9D
#D07C98
#D57C93
#DC7C8C
#9F98AD
#A798A5
#AF989D
#B79895
#BF988D
#C79885
#D1987B
#83B4AD
#8EB4A2
#98B498
#A3B48D
#AEB482
#B9B477
#C6B46A
#68CFAD
#75CFA0
#83CF92
#90CF85
#9DCF78
#AACF6B
#BBCF5A
#45F2AD
#56F29C
#66F28C
#77F27B
#88F26A
#98F25A
#ADF245
Colorpallet from #F245AD to #45F2AD and to #AD45F2
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#D661AD
#D95DAF
#DB58B1
#DE54B2
#E14FB4
#E44BB6
#E745B8
#BB7CAD
#C073B1
#C66AB4
#CB62B8
#D059BB
#D550BF
#DC45C3
#9F98AD
#A78BB2
#AF7DB8
#B770BD
#BF63C2
#C756C7
#D145CE
#83B4AD
#8EA2B4
#9890BB
#A37FC2
#AE6DC9
#B95BD0
#C645D9
#68CFAD
#75B9B6
#83A3BF
#908DC7
#9D77D0
#AA61D9
#BB45E4
#45F2AD
#56D6B8
#66BBC3
#779FCE
#8883D9
#9868E4
#AD45F2
Colorpallet from #F245AD to #45ADF2 and to #ADF245
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#D656B8
#D958B4
#DB5AAF
#DE5BAB
#E15DA6
#E45FA2
#E7619C
#BB66C3
#C06ABA
#C66DB1
#CB71A9
#D074A0
#D57897
#DC7C8C
#9F77CE
#A77CC1
#AF82B3
#B787A6
#BF8C99
#C7918C
#D1987B
#8388D9
#8E8FC7
#9896B5
#A39DA4
#AEA492
#B9AB80
#C6B46A
#6898E4
#75A1CE
#83AAB8
#90B2A2
#9DBB8C
#AAC476
#BBCF5A
#45ADF2
#56B8D6
#66C3BB
#77CE9F
#88D983
#98E468
#ADF245
Colorpallet from #F245AD to #45ADF2 and to #AD45F2
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#D656B8
#D953B8
#DB51B8
#DE4EB8
#E14BB8
#E448B8
#E745B8
#BB66C3
#C061C3
#C65BC3
#CB56C3
#D051C3
#D54CC3
#DC45C3
#9F77CE
#A76FCE
#AF67CE
#B75FCE
#BF57CE
#C74FCE
#D145CE
#8388D9
#8E7DD9
#9873D9
#A368D9
#AE5DD9
#B952D9
#C645D9
#6898E4
#758BE4
#837DE4
#9070E4
#9D63E4
#AA56E4
#BB45E4
#45ADF2
#569CF2
#668CF2
#777BF2
#886AF2
#985AF2
#AD45F2
Colorpallet from #F245AD to #ADF245 and to #AD45F2
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#F245AD
#E7619C
#E75DA0
#E758A5
#E754A9
#E74FAE
#E74BB2
#E745B8
#DC7C8C
#DC7395
#DC6A9E
#DC62A6
#DC59AF
#DC50B8
#DC45C3
#D1987B
#D18B88
#D17D96
#D170A3
#D163B0
#D156BD
#D145CE
#C6B46A
#C6A27C
#C6908E
#C67F9F
#C66DB1
#C65BC3
#C645D9
#BBCF5A
#BBB970
#BBA386
#BB8D9C
#BB77B2
#BB61C8
#BB45E4
#ADF245
#ADD661
#ADBB7C
#AD9F98
#AD83B4
#AD68CF
#AD45F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
