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 #AFC28C to #AF8CC2 and to #C2AF8C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFB995
#AFBA94
#B0BB92
#B0BC91
#B1BD8F
#B1BE8E
#B2BF8C
#AFB19D
#B0B39A
#B1B598
#B2B695
#B3B892
#B4BA8F
#B5BC8C
#AFA8A6
#B0ABA2
#B2AD9E
#B3B09A
#B5B395
#B6B691
#B8B98C
#AF9FAF
#B1A3A9
#B3A6A4
#B5AA9E
#B7AE99
#B9B193
#BBB68C
#AF97B7
#B19BB0
#B4A0A9
#B6A4A2
#B9A99B
#BBAD95
#BEB38C
#AF8CC2
#B292B9
#B597B1
#B89DA8
#BBA29F
#BEA897
#C2AF8C
Colorpallet from #AFC28C to #AF8CC2 and to #C28CAF
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFB995
#AFB995
#B0B994
#B0B994
#B1B993
#B1B993
#B2B992
#AFB19D
#B0B19C
#B1B19B
#B2B19A
#B3B199
#B4B198
#B5B197
#AFA8A6
#B0A8A5
#B2A8A3
#B3A8A2
#B5A8A0
#B6A89F
#B8A89D
#AF9FAF
#B19FAD
#B39FAB
#B59FA9
#B79FA7
#B99FA5
#BB9FA2
#AF97B7
#B197B5
#B497B2
#B697B0
#B997AD
#BB97AB
#BE97A8
#AF8CC2
#B28CBF
#B58CBC
#B88CB9
#BB8CB6
#BE8CB3
#C28CAF
Colorpallet from #AFC28C to #AF8CC2 and to #8CAFC2
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFB995
#AEBA95
#ADBB95
#ACBC95
#ABBD95
#AABE95
#A9BF95
#AFB19D
#ADB39D
#ABB59D
#AAB69D
#A8B89D
#A6BA9D
#A4BC9D
#AFA8A6
#ACABA6
#AAADA6
#A7B0A6
#A4B3A6
#A1B6A6
#9EB9A6
#AF9FAF
#ABA3AF
#A8A6AF
#A4AAAF
#A1AEAF
#9DB1AF
#99B6AF
#AF97B7
#AB9BB7
#A6A0B7
#A2A4B7
#9DA9B7
#99ADB7
#93B3B7
#AF8CC2
#A992C2
#A497C2
#9E9DC2
#99A2C2
#93A8C2
#8CAFC2
Colorpallet from #AFC28C to #AF8CC2 and to #8CC2AF
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFB995
#AEBA95
#ADBC94
#ACBD94
#ABBF93
#AAC093
#A9C292
#AFB19D
#ADB49C
#ABB69B
#AAB99A
#A8BC99
#A6BF98
#A4C297
#AFA8A6
#ACACA5
#AAB0A3
#A7B4A2
#A4B9A0
#A1BD9F
#9EC29D
#AF9FAF
#ABA5AD
#A8AAAB
#A4B0A9
#A1B5A7
#9DBBA5
#99C2A2
#AF97B7
#AB9EB5
#A6A5B2
#A2ACB0
#9DB3AD
#99B9AB
#93C2A8
#AF8CC2
#A995BF
#A49DBC
#9EA6B9
#99AFB6
#93B7B3
#8CC2AF
Colorpallet from #AFC28C to #C2AF8C and to #C28CAF
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#B2BF8C
#B2BE8D
#B2BD8E
#B2BC8F
#B2BB90
#B2BA91
#B2B992
#B5BC8C
#B5BA8E
#B5B890
#B5B791
#B5B593
#B5B395
#B5B197
#B8B98C
#B8B68F
#B8B491
#B8B194
#B8AE97
#B8AB9A
#B8A89D
#BBB68C
#BBB290
#BBAF93
#BBAB97
#BBA79A
#BBA49E
#BB9FA2
#BEB38C
#BEAF90
#BEAA95
#BEA699
#BEA19E
#BE9DA2
#BE97A8
#C2AF8C
#C2A992
#C2A497
#C29E9D
#C299A2
#C293A8
#C28CAF
Colorpallet from #AFC28C to #C2AF8C and to #8CAFC2
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#B2BF8C
#B1BF8D
#AFBF8F
#AEBF90
#ACBF92
#ABBF93
#A9BF95
#B5BC8C
#B2BC8F
#B0BC91
#ADBC94
#AABC97
#A7BC9A
#A4BC9D
#B8B98C
#B4B990
#B0B994
#ACB998
#A7B99D
#A3B9A1
#9EB9A6
#BBB68C
#B6B692
#B0B697
#ABB69D
#A5B6A2
#A0B6A8
#99B6AF
#BEB38C
#B7B393
#B0B39A
#A9B3A1
#A2B3A8
#9CB3AE
#93B3B7
#C2AF8C
#B9AF95
#B1AF9D
#A8AFA6
#9FAFAF
#97AFB7
#8CAFC2
Colorpallet from #AFC28C to #C2AF8C and to #8CC2AF
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#B2BF8C
#B1BF8D
#AFC08E
#AEC08F
#ACC190
#ABC191
#A9C292
#B5BC8C
#B2BD8E
#B0BE90
#ADBF91
#AAC093
#A7C195
#A4C297
#B8B98C
#B4BA8F
#B0BC91
#ACBD94
#A7BF97
#A3C09A
#9EC29D
#BBB68C
#B6B890
#B0BA93
#ABBC97
#A5BE9A
#A0C09E
#99C2A2
#BEB38C
#B7B590
#B0B895
#A9BA99
#A2BD9E
#9CBFA2
#93C2A8
#C2AF8C
#B9B292
#B1B597
#A8B89D
#9FBBA2
#97BEA8
#8CC2AF
Colorpallet from #AFC28C to #C28CAF and to #8CAFC2
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#B2B992
#B1BA92
#AFBB93
#AEBC93
#ACBD94
#ABBE94
#A9BF95
#B5B197
#B2B398
#B0B599
#ADB69A
#AAB89B
#A7BA9C
#A4BC9D
#B8A89D
#B4AB9E
#B0ADA0
#ACB0A1
#A7B3A3
#A3B6A4
#9EB9A6
#BB9FA2
#B6A3A4
#B0A6A6
#ABAAA8
#A5AEAA
#A0B1AC
#99B6AF
#BE97A8
#B79BAA
#B0A0AD
#A9A4AF
#A2A9B2
#9CADB4
#93B3B7
#C28CAF
#B992B2
#B197B5
#A89DB8
#9FA2BB
#97A8BE
#8CAFC2
Colorpallet from #AFC28C to #C28CAF and to #8CC2AF
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#B2B992
#B1BA92
#AFBC92
#AEBD92
#ACBF92
#ABC092
#A9C292
#B5B197
#B2B497
#B0B697
#ADB997
#AABC97
#A7BF97
#A4C297
#B8A89D
#B4AC9D
#B0B09D
#ACB49D
#A7B99D
#A3BD9D
#9EC29D
#BB9FA2
#B6A5A2
#B0AAA2
#ABB0A2
#A5B5A2
#A0BBA2
#99C2A2
#BE97A8
#B79EA8
#B0A5A8
#A9ACA8
#A2B3A8
#9CB9A8
#93C2A8
#C28CAF
#B995AF
#B19DAF
#A8A6AF
#9FAFAF
#97B7AF
#8CC2AF
Colorpallet from #AFC28C to #8CAFC2 and to #8CC2AF
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#AFC28C
#A9BF95
#A9BF95
#A9C094
#A9C094
#A9C193
#A9C193
#A9C292
#A4BC9D
#A4BD9C
#A4BE9B
#A4BF9A
#A4C099
#A4C198
#A4C297
#9EB9A6
#9EBAA5
#9EBCA3
#9EBDA2
#9EBFA0
#9EC09F
#9EC29D
#99B6AF
#99B8AD
#99BAAB
#99BCA9
#99BEA7
#99C0A5
#99C2A2
#93B3B7
#93B5B5
#93B8B2
#93BAB0
#93BDAD
#93BFAB
#93C2A8
#8CAFC2
#8CB2BF
#8CB5BC
#8CB8B9
#8CBBB6
#8CBEB3
#8CC2AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
