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 #CE686B to #CE6B68 and to #68CE6B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CB6B6B
#C96D6B
#C6706B
#C4726B
#C1756B
#BE786B
#CE696A
#C96E6A
#C3736A
#BE786A
#B97D6B
#B4836B
#AD896B
#CE696A
#C6716A
#BE786A
#B6806A
#AF886B
#A78F6B
#9D996B
#CE6A69
#C47469
#B97E6A
#AF886A
#A4926A
#9A9C6B
#8DA96B
#CE6A69
#C17769
#B4846A
#A7906A
#9A9D6A
#8CAA6B
#7CBA6B
#CE6B68
#BE7B68
#AD8B69
#9D9B69
#8DAA6A
#7CBA6A
#68CE6B
Colorpallet from #CE686B to #CE6B68 and to #686BCE
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CB686E
#C96870
#C66873
#C46875
#C16878
#BE687B
#CE696A
#C9696F
#C36975
#BE697A
#B9697F
#B46984
#AD698B
#CE696A
#C66972
#BE697A
#B66982
#AF6989
#A76991
#9D699B
#CE6A69
#C46A73
#B96A7E
#AF6A88
#A46A93
#9A6A9D
#8D6AAA
#CE6A69
#C16A76
#B46A83
#A76A90
#9A6A9D
#8C6AAA
#7C6ABA
#CE6B68
#BE6B78
#AD6B89
#9D6B99
#8D6BA9
#7C6BBA
#686BCE
Colorpallet from #CE686B to #CE6B68 and to #6BCE68
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CB6B6B
#C96D6B
#C6706B
#C4726B
#C1756B
#BE786B
#CE696A
#C96E6A
#C4736A
#BF786A
#BA7D6A
#B4836A
#AE896A
#CE696A
#C6716A
#BF786A
#B7806A
#AF886A
#A88F6A
#9E996A
#CE6A69
#C47469
#BA7E69
#B08869
#A69269
#9C9C69
#8FA969
#CE6A69
#C17769
#B58469
#A89069
#9B9D69
#8FAA69
#7FBA69
#CE6B68
#BE7B68
#AE8B68
#9E9B68
#8FAA68
#7FBA68
#6BCE68
Colorpallet from #CE686B to #CE6B68 and to #6B68CE
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CB686E
#C96870
#C66873
#C46875
#C16878
#BE687B
#CE696A
#C9696F
#C46975
#BF697A
#BA687F
#B46884
#AE688B
#CE696A
#C66972
#BF697A
#B76982
#AF6889
#A86891
#9E689B
#CE6A69
#C46A73
#BA697E
#B06988
#A66993
#9C689D
#8F68AA
#CE6A69
#C16A76
#B56983
#A86990
#9B699D
#8F68AA
#7F68BA
#CE6B68
#BE6B78
#AE6A89
#9E6A99
#8F69A9
#7F69BA
#6B68CE
Colorpallet from #CE686B to #68CE6B and to #686BCE
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#BE786B
#BE756E
#BE7370
#BE7073
#BE6E75
#BE6B78
#BE687B
#AD896B
#AD8470
#AD7F75
#AD7A7A
#AD757F
#AD6F85
#AD698B
#9D996B
#9D9173
#9D8A7A
#9D8282
#9D7A8A
#9D7391
#9D699B
#8DA96B
#8D9F75
#8D957F
#8D8B89
#8D8193
#8D779D
#8D6AAA
#7CBA6B
#7CAD78
#7CA084
#7C9491
#7C879E
#7C7AAA
#7C6ABA
#68CE6B
#68BE7B
#68AE8B
#689E9B
#688FAA
#687FBA
#686BCE
Colorpallet from #CE686B to #68CE6B and to #6BCE68
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#BE786B
#BE786B
#BE786B
#BE786B
#BE786B
#BE786B
#BE786B
#AD896B
#AD896B
#AD896B
#AD896B
#AE896A
#AE896A
#AE896A
#9D996B
#9D996B
#9D996B
#9D996B
#9E996A
#9E996A
#9E996A
#8DA96B
#8DA96B
#8EA96A
#8EA96A
#8EA96A
#8FA969
#8FA969
#7CBA6B
#7CBA6B
#7DBA6A
#7DBA6A
#7EBA6A
#7EBA69
#7FBA69
#68CE6B
#68CE6B
#69CE6A
#69CE6A
#6ACE69
#6ACE69
#6BCE68
Colorpallet from #CE686B to #68CE6B and to #6B68CE
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#BE786B
#BE756E
#BE7370
#BE7073
#BE6E75
#BE6B78
#BE687B
#AD896B
#AD8470
#AD7E75
#AD797A
#AE747F
#AE6F85
#AE688B
#9D996B
#9D9173
#9D897A
#9D8182
#9E7A8A
#9E7291
#9E689B
#8DA96B
#8D9F75
#8E947F
#8E8A89
#8E7F93
#8F759D
#8F68AA
#7CBA6B
#7CAD78
#7DA084
#7D9391
#7E869E
#7E78AA
#7F68BA
#68CE6B
#68BE7B
#69AD8B
#699D9B
#6A8DAA
#6A7CBA
#6B68CE
Colorpallet from #CE686B to #686BCE and to #6BCE68
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#BE687B
#BE6B78
#BE6D76
#BE7073
#BE7271
#BE756E
#BE786B
#AD698B
#AD6E86
#AD7380
#AD787B
#AE7D76
#AE8371
#AE896A
#9D699B
#9D7193
#9D788B
#9D8083
#9E887C
#9E8F74
#9E996A
#8D6AAA
#8D74A0
#8E7E95
#8E888B
#8E9280
#8F9C76
#8FA969
#7C6ABA
#7C77AD
#7D84A0
#7D9093
#7E9D86
#7EAA79
#7FBA69
#686BCE
#687BBE
#698BAD
#699B9D
#6AAA8D
#6ABA7C
#6BCE68
Colorpallet from #CE686B to #686BCE and to #6B68CE
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#BE687B
#BE687B
#BE687B
#BE687B
#BE687B
#BE687B
#BE687B
#AD698B
#AD698B
#AD698B
#AD698B
#AE688B
#AE688B
#AE688B
#9D699B
#9D699B
#9D699B
#9D699B
#9E689B
#9E689B
#9E689B
#8D6AAA
#8D6AAA
#8E69AA
#8E69AA
#8E69AA
#8F68AA
#8F68AA
#7C6ABA
#7C6ABA
#7D69BA
#7D69BA
#7E69BA
#7E68BA
#7F68BA
#686BCE
#686BCE
#696ACE
#696ACE
#6A69CE
#6A69CE
#6B68CE
Colorpallet from #CE686B to #6BCE68 and to #6B68CE
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#CE686B
#BE786B
#BE756E
#BE7370
#BE7073
#BE6E75
#BE6B78
#BE687B
#AE896A
#AE846F
#AE7E75
#AE797A
#AE747F
#AE6F84
#AE688B
#9E996A
#9E9172
#9E897A
#9E8182
#9E7A89
#9E7291
#9E689B
#8FA969
#8F9F73
#8F947E
#8F8A88
#8F7F93
#8F759D
#8F68AA
#7FBA69
#7FAD76
#7FA083
#7F9390
#7F869D
#7F78AA
#7F68BA
#6BCE68
#6BBE78
#6BAD89
#6B9D99
#6B8DA9
#6B7CBA
#6B68CE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
