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 #CD80AF to #CDAF80 and to #80CDAF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD88A7
#CB89A8
#C989AA
#C78AAB
#C58BAC
#C38BAD
#C18CAF
#CD8FA0
#C991A2
#C592A5
#C194A7
#BD95AA
#B997AC
#B499AF
#CD9798
#C7999C
#C19B9F
#BB9EA3
#B5A0A7
#AFA2AA
#A8A5AF
#CD9E91
#C5A196
#BDA49B
#B5A79F
#AEAAA4
#A6ADA9
#9CB1AF
#CDA689
#C3AA8F
#B9AE95
#AFB29B
#A5B5A1
#9BB9A7
#8FBEAF
#CDAF80
#C1B488
#B4B98F
#A8BD97
#9CC29E
#8FC7A6
#80CDAF
Colorpallet from #CD80AF to #CDAF80 and to #80AFCD
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD88A7
#CB88A9
#C988AB
#C788AD
#C588AF
#C388B1
#C188B4
#CD8FA0
#C98FA4
#C58FA8
#C18FAC
#BD8FB0
#B98FB4
#B48FB9
#CD9798
#C7979E
#C197A4
#BB97AA
#B597B0
#AF97B6
#A897BD
#CD9E91
#C59E99
#BD9EA1
#B59EA9
#AE9EB0
#A69EB8
#9C9EC2
#CDA689
#C3A693
#B9A69D
#AFA6A7
#A5A6B1
#9BA6BB
#8FA6C7
#CDAF80
#C1AF8C
#B4AF99
#A8AFA5
#9CAFB1
#8FAFBE
#80AFCD
Colorpallet from #CD80AF to #CDAF80 and to #AFCD80
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD88A7
#CC89A7
#CB89A7
#CB8AA7
#CA8BA7
#C98BA7
#C88CA7
#CD8FA0
#CB91A0
#CA92A0
#C894A0
#C795A0
#C597A0
#C399A0
#CD9798
#CB9998
#C99B98
#C69E98
#C4A098
#C2A298
#BFA598
#CD9E91
#CAA191
#C7A491
#C4A791
#C1AA91
#BEAD91
#BAB191
#CDA689
#C9AA89
#C5AE89
#C1B289
#BEB589
#BAB989
#B5BE89
#CDAF80
#C8B480
#C3B980
#BFBD80
#BAC280
#B5C780
#AFCD80
Colorpallet from #CD80AF to #CDAF80 and to #AF80CD
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD88A7
#CC87A9
#CB85AB
#CB84AD
#CA83AF
#C982B1
#C880B4
#CD8FA0
#CB8DA4
#CA8AA8
#C888AC
#C785B0
#C583B4
#C380B9
#CD9798
#CB939E
#C990A4
#C68CAA
#C488B0
#C285B6
#BF80BD
#CD9E91
#CA9999
#C794A1
#C490A9
#C18BB0
#BE86B8
#BA80C2
#CDA689
#C9A093
#C59A9D
#C194A7
#BE8EB1
#BA88BB
#B580C7
#CDAF80
#C8A78C
#C3A099
#BF98A5
#BA91B1
#B589BE
#AF80CD
Colorpallet from #CD80AF to #80CDAF and to #80AFCD
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#C18CAF
#C18BB0
#C18BB1
#C18AB1
#C189B2
#C189B3
#C188B4
#B499AF
#B497B1
#B496B2
#B494B4
#B493B5
#B491B7
#B48FB9
#A8A5AF
#A8A3B1
#A8A1B3
#A89EB6
#A89CB8
#A89ABA
#A897BD
#9CB1AF
#9CAEB2
#9CABB5
#9CA8B8
#9CA5BB
#9CA2BE
#9C9EC2
#8FBEAF
#8FBAB3
#8FB6B7
#8FB2BB
#8FAFBE
#8FABC2
#8FA6C7
#80CDAF
#80C8B4
#80C3B9
#80BFBD
#80BAC2
#80B5C7
#80AFCD
Colorpallet from #CD80AF to #80CDAF and to #AFCD80
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#C18CAF
#C28CAE
#C38CAC
#C48CAB
#C58CAA
#C78CA9
#C88CA7
#B499AF
#B699AD
#B999AA
#BB99A8
#BE99A5
#C099A3
#C399A0
#A8A5AF
#ACA5AB
#AFA5A8
#B3A5A4
#B7A5A0
#BAA59D
#BFA598
#9CB1AF
#A1B1AA
#A6B1A5
#AAB1A1
#AFB19C
#B4B197
#BAB191
#8FBEAF
#95BEA9
#9BBEA3
#A1BE9D
#A7BE97
#ADBE91
#B5BE89
#80CDAF
#88CDA7
#8FCDA0
#97CD98
#9ECD91
#A6CD89
#AFCD80
Colorpallet from #CD80AF to #80CDAF and to #AF80CD
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#C18CAF
#C28AB0
#C388B1
#C486B1
#C584B2
#C782B3
#C880B4
#B499AF
#B695B1
#B991B2
#BB8DB4
#BE89B5
#C085B7
#C380B9
#A8A5AF
#AC9FB1
#AF99B3
#B393B6
#B78DB8
#BA87BA
#BF80BD
#9CB1AF
#A1A9B2
#A6A1B5
#AA99B8
#AF92BB
#B48ABE
#BA80C2
#8FBEAF
#95B4B3
#9BAAB7
#A1A0BB
#A796BE
#AD8CC2
#B580C7
#80CDAF
#88C1B4
#8FB4B9
#97A8BD
#9E9CC2
#A68FC7
#AF80CD
Colorpallet from #CD80AF to #80AFCD and to #AFCD80
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#C188B4
#C289B2
#C389B0
#C48AAE
#C58BAC
#C78BAA
#C88CA7
#B48FB9
#B691B5
#B992B1
#BB94AD
#BE95A9
#C097A5
#C399A0
#A897BD
#AC99B7
#AF9BB1
#B39EAB
#B7A0A5
#BAA29F
#BFA598
#9C9EC2
#A1A1BA
#A6A4B2
#AAA7AA
#AFAAA3
#B4AD9B
#BAB191
#8FA6C7
#95AABD
#9BAEB3
#A1B2A9
#A7B59F
#ADB995
#B5BE89
#80AFCD
#88B4C1
#8FB9B4
#97BDA8
#9EC29C
#A6C78F
#AFCD80
Colorpallet from #CD80AF to #80AFCD and to #AF80CD
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#C188B4
#C287B4
#C385B4
#C484B4
#C583B4
#C782B4
#C880B4
#B48FB9
#B68DB9
#B98AB9
#BB88B9
#BE85B9
#C083B9
#C380B9
#A897BD
#AC93BD
#AF90BD
#B38CBD
#B788BD
#BA85BD
#BF80BD
#9C9EC2
#A199C2
#A694C2
#AA90C2
#AF8BC2
#B486C2
#BA80C2
#8FA6C7
#95A0C7
#9B9AC7
#A194C7
#A78EC7
#AD88C7
#B580C7
#80AFCD
#88A7CD
#8FA0CD
#9798CD
#9E91CD
#A689CD
#AF80CD
Colorpallet from #CD80AF to #AFCD80 and to #AF80CD
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#CD80AF
#C88CA7
#C88AA9
#C888AB
#C886AD
#C884AF
#C882B1
#C880B4
#C399A0
#C395A4
#C391A8
#C38DAC
#C389B0
#C385B4
#C380B9
#BFA598
#BF9F9E
#BF99A4
#BF93AA
#BF8DB0
#BF87B6
#BF80BD
#BAB191
#BAA999
#BAA1A1
#BA99A9
#BA92B0
#BA8AB8
#BA80C2
#B5BE89
#B5B493
#B5AA9D
#B5A0A7
#B596B1
#B58CBB
#B580C7
#AFCD80
#AFC18C
#AFB499
#AFA8A5
#AF9CB1
#AF8FBE
#AF80CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
