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 #99C696 to #9996C6 and to #C69996
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99BE9E
#9ABE9D
#9BBE9B
#9CBE9A
#9DBF99
#9FBF98
#A0BF96
#99B7A5
#9BB7A3
#9DB7A0
#A0B79E
#A2B89B
#A4B899
#A7B896
#99AFAD
#9DAFA9
#A0AFA6
#A4AFA2
#A7B09E
#ABB09B
#AFB096
#99A7B5
#9EA7B0
#A2A8AB
#A7A8A6
#ACA8A1
#B0A99C
#B6A996
#99A0BC
#9FA0B6
#A5A1B0
#AAA1AA
#B0A1A4
#B6A29E
#BDA296
#9996C6
#A096BE
#A797B7
#AF97AF
#B698A7
#BD98A0
#C69996
Colorpallet from #99C696 to #9996C6 and to #C69699
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99BE9E
#9ABE9D
#9BBE9B
#9CBE9A
#9DBE99
#9FBE98
#A0BE96
#99B7A5
#9BB7A3
#9DB7A1
#A0B79E
#A2B79C
#A4B79A
#A7B797
#99AFAD
#9DAFA9
#A0AFA6
#A4AFA2
#A7AF9F
#ABAF9B
#AFAF97
#99A7B5
#9EA7B0
#A2A7AC
#A7A7A7
#ACA7A2
#B0A79E
#B6A798
#99A0BC
#9FA0B6
#A5A0B0
#AAA0AB
#B0A0A5
#B6A09F
#BDA098
#9996C6
#A096BF
#A796B8
#AF96B0
#B696A9
#BD96A2
#C69699
Colorpallet from #99C696 to #9996C6 and to #9699C6
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99BE9E
#99BE9E
#99BE9E
#99BE9E
#99BF9E
#99BF9E
#99BF9E
#99B7A5
#99B7A5
#99B7A5
#99B7A5
#98B8A5
#98B8A5
#98B8A5
#99AFAD
#99AFAD
#99AFAD
#99AFAD
#98B0AD
#98B0AD
#98B0AD
#99A7B5
#99A7B5
#98A8B5
#98A8B5
#98A8B5
#97A9B5
#97A9B5
#99A0BC
#99A0BC
#98A1BC
#98A1BC
#98A1BC
#97A2BC
#97A2BC
#9996C6
#9996C6
#9897C6
#9897C6
#9798C6
#9798C6
#9699C6
Colorpallet from #99C696 to #9996C6 and to #96C699
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99BE9E
#99BF9D
#99C19B
#99C29A
#99C399
#99C498
#99C696
#99B7A5
#99B9A3
#99BCA1
#99BE9E
#98C19C
#98C39A
#98C697
#99AFAD
#99B3A9
#99B6A6
#99BAA2
#98BE9F
#98C19B
#98C697
#99A7B5
#99ACB0
#98B1AC
#98B6A7
#98BBA2
#97C09E
#97C698
#99A0BC
#99A6B6
#98ACB0
#98B2AB
#98B8A5
#97BE9F
#97C698
#9996C6
#999EBF
#98A5B8
#98ADB0
#97B5A9
#97BCA2
#96C699
Colorpallet from #99C696 to #C69996 and to #C69699
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#A0BF96
#A0BF96
#A0BF96
#A0BF96
#A0BE96
#A0BE96
#A0BE96
#A7B896
#A7B896
#A7B896
#A7B896
#A7B797
#A7B797
#A7B797
#AFB096
#AFB096
#AFB096
#AFB096
#AFAF97
#AFAF97
#AFAF97
#B6A996
#B6A996
#B6A897
#B6A897
#B6A897
#B6A798
#B6A798
#BDA296
#BDA296
#BDA197
#BDA197
#BDA197
#BDA098
#BDA098
#C69996
#C69996
#C69897
#C69897
#C69798
#C69798
#C69699
Colorpallet from #99C696 to #C69996 and to #9699C6
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#A0BF96
#9FBF97
#9EBF99
#9DBF9A
#9CBF9B
#9ABF9C
#99BF9E
#A7B896
#A5B898
#A2B89B
#A0B89D
#9DB8A0
#9BB8A2
#98B8A5
#AFB096
#ABB09A
#A8B09D
#A4B0A1
#A0B0A5
#9DB0A8
#98B0AD
#B6A996
#B1A99B
#ACA9A0
#A7A9A5
#A2A9AA
#9DA9AF
#97A9B5
#BDA296
#B7A29C
#B1A2A2
#ABA2A8
#A5A2AE
#9FA2B4
#97A2BC
#C69996
#BE999E
#B799A5
#AF99AD
#A799B5
#A099BC
#9699C6
Colorpallet from #99C696 to #C69996 and to #96C699
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#A0BF96
#9FC096
#9EC196
#9DC296
#9CC396
#9AC596
#99C696
#A7B896
#A5BA96
#A2BC96
#A0BF96
#9DC197
#9BC397
#98C697
#AFB096
#ABB496
#A8B796
#A4BB96
#A0BE97
#9DC297
#98C697
#B6A996
#B1AE96
#ACB297
#A7B797
#A2BC97
#9DC098
#97C698
#BDA296
#B7A896
#B1AE97
#ABB397
#A5B997
#9FBF98
#97C698
#C69996
#BEA096
#B7A797
#AFAF97
#A7B698
#A0BD98
#96C699
Colorpallet from #99C696 to #C69699 and to #9699C6
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#A0BE96
#9FBE97
#9EBE99
#9DBE9A
#9CBF9B
#9ABF9C
#99BF9E
#A7B797
#A5B799
#A2B79B
#A0B79E
#9DB8A0
#9BB8A2
#98B8A5
#AFAF97
#ABAF9B
#A8AF9E
#A4AFA2
#A0B0A5
#9DB0A9
#98B0AD
#B6A798
#B1A79D
#ACA8A1
#A7A8A6
#A2A8AB
#9DA9AF
#97A9B5
#BDA098
#B7A09E
#B1A1A4
#ABA1A9
#A5A1AF
#9FA2B5
#97A2BC
#C69699
#BE96A0
#B797A7
#AF97AF
#A798B6
#A098BD
#9699C6
Colorpallet from #99C696 to #C69699 and to #96C699
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#A0BE96
#9FBF96
#9EC196
#9DC296
#9CC396
#9AC496
#99C696
#A7B797
#A5B997
#A2BC97
#A0BE97
#9DC197
#9BC397
#98C697
#AFAF97
#ABB397
#A8B697
#A4BA97
#A0BE97
#9DC197
#98C697
#B6A798
#B1AC98
#ACB198
#A7B698
#A2BB98
#9DC098
#97C698
#BDA098
#B7A698
#B1AC98
#ABB298
#A5B898
#9FBE98
#97C698
#C69699
#BE9E99
#B7A599
#AFAD99
#A7B599
#A0BC99
#96C699
Colorpallet from #99C696 to #9699C6 and to #96C699
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99C696
#99BF9E
#99C09D
#99C19B
#99C29A
#99C399
#99C598
#99C696
#98B8A5
#98BAA3
#98BCA1
#98BF9E
#98C19C
#98C39A
#98C697
#98B0AD
#98B4A9
#98B7A6
#98BBA2
#98BE9F
#98C29B
#98C697
#97A9B5
#97AEB0
#97B2AC
#97B7A7
#97BCA2
#97C09E
#97C698
#97A2BC
#97A8B6
#97AEB0
#97B3AB
#97B9A5
#97BF9F
#97C698
#9699C6
#96A0BF
#96A7B8
#96AFB0
#96B6A9
#96BDA2
#96C699
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
