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 #AF8CCD to #AFCD8C and to #8CAFCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF96C3
#AE95C5
#AD95C6
#AC94C8
#AB93C9
#AA93CB
#A992CD
#AFA1B8
#AD9FBB
#AB9EBF
#AA9CC2
#A89BC5
#A699C9
#A497CD
#AFABAE
#ACA9B3
#AAA7B8
#A7A4BD
#A4A2C2
#A1A0C7
#9E9DCD
#AFB6A3
#ABB3AA
#A8B0B0
#A4ACB7
#A1A9BE
#9DA6C5
#99A2CD
#AFC099
#ABBCA1
#A6B8AA
#A2B4B2
#9DB1BA
#99ADC3
#93A8CD
#AFCD8C
#A9C896
#A4C3A1
#9EBFAB
#99BAB6
#93B5C0
#8CAFCD
Colorpallet from #AF8CCD to #AFCD8C and to #8CCDAF
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF96C3
#AE96C4
#AD96C5
#AC96C5
#AB96C6
#AA96C7
#A996C8
#AFA1B8
#ADA1BA
#ABA1BC
#AAA1BD
#A8A1BF
#A6A1C1
#A4A1C3
#AFABAE
#ACABB1
#AAABB3
#A7ABB6
#A4ABB9
#A1ABBC
#9EABBF
#AFB6A3
#ABB6A7
#A8B6AA
#A4B6AE
#A1B6B2
#9DB6B5
#99B6BA
#AFC099
#ABC09D
#A6C0A2
#A2C0A6
#9DC0AB
#99C0AF
#93C0B5
#AFCD8C
#A9CD92
#A4CD97
#9ECD9D
#99CDA2
#93CDA8
#8CCDAF
Colorpallet from #AF8CCD to #AFCD8C and to #CDAF8C
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF96C3
#B095C3
#B195C3
#B194C3
#B293C3
#B393C3
#B492C3
#AFA1B8
#B19FB8
#B29EB8
#B49CB8
#B59BB8
#B799B8
#B997B8
#AFABAE
#B1A9AE
#B3A7AE
#B6A4AE
#B8A2AE
#BAA0AE
#BD9DAE
#AFB6A3
#B2B3A3
#B5B0A3
#B8ACA3
#BBA9A3
#BEA6A3
#C2A2A3
#AFC099
#B3BC99
#B7B899
#BBB499
#BEB199
#C2AD99
#C7A899
#AFCD8C
#B4C88C
#B9C38C
#BDBF8C
#C2BA8C
#C7B58C
#CDAF8C
Colorpallet from #AF8CCD to #AFCD8C and to #CD8CAF
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF96C3
#B094C4
#B193C5
#B191C5
#B290C6
#B38EC7
#B48CC8
#AFA1B8
#B19EBA
#B29ABC
#B497BD
#B594BF
#B790C1
#B98CC3
#AFABAE
#B1A6B1
#B3A1B3
#B69CB6
#B897B9
#BA92BC
#BD8CBF
#AFB6A3
#B2AFA7
#B5A9AA
#B8A2AE
#BB9BB2
#BE94B5
#C28CBA
#AFC099
#B3B89D
#B7AFA2
#BBA7A6
#BE9FAB
#C296AF
#C78CB5
#AFCD8C
#B4C392
#B9B897
#BDAE9D
#C2A3A2
#C799A8
#CD8CAF
Colorpallet from #AF8CCD to #8CAFCD and to #8CCDAF
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#A992CD
#A993CC
#A993CB
#A994CB
#A995CA
#A995C9
#A996C8
#A497CD
#A499CB
#A49ACA
#A49CC8
#A49DC7
#A49FC5
#A4A1C3
#9E9DCD
#9E9FCB
#9EA1C9
#9EA4C6
#9EA6C4
#9EA8C2
#9EABBF
#99A2CD
#99A5CA
#99A8C7
#99ACC4
#99AFC1
#99B2BE
#99B6BA
#93A8CD
#93ACC9
#93B0C5
#93B4C1
#93B7BE
#93BBBA
#93C0B5
#8CAFCD
#8CB4C8
#8CB9C3
#8CBDBF
#8CC2BA
#8CC7B5
#8CCDAF
Colorpallet from #AF8CCD to #8CAFCD and to #CDAF8C
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#A992CD
#AB92CB
#AD92CA
#AE92C8
#B092C7
#B292C5
#B492C3
#A497CD
#A797CA
#AB97C6
#AE97C3
#B197C0
#B597BC
#B997B8
#9E9DCD
#A39DC8
#A89DC3
#AD9DBE
#B29DB9
#B79DB4
#BD9DAE
#99A2CD
#A0A2C6
#A6A2C0
#ADA2B9
#B3A2B2
#BAA2AB
#C2A2A3
#93A8CD
#9BA8C5
#A4A8BC
#ACA8B4
#B4A8AC
#BDA8A3
#C7A899
#8CAFCD
#96AFC3
#A1AFB8
#ABAFAE
#B6AFA3
#C0AF99
#CDAF8C
Colorpallet from #AF8CCD to #8CAFCD and to #CD8CAF
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#A992CD
#AB91CC
#AD90CB
#AE8FCB
#B08ECA
#B28DC9
#B48CC8
#A497CD
#A795CB
#AB93CA
#AE92C8
#B190C7
#B58EC5
#B98CC3
#9E9DCD
#A39ACB
#A898C9
#AD95C6
#B292C4
#B78FC2
#BD8CBF
#99A2CD
#A09ECA
#A69BC7
#AD97C4
#B394C1
#BA90BE
#C28CBA
#93A8CD
#9BA4C9
#A49FC5
#AC9BC1
#B496BE
#BD92BA
#C78CB5
#8CAFCD
#96A9C8
#A1A4C3
#AB9EBF
#B699BA
#C093B5
#CD8CAF
Colorpallet from #AF8CCD to #8CCDAF and to #CDAF8C
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#A996C8
#AB95C7
#AD95C6
#AE94C6
#B093C5
#B293C4
#B492C3
#A4A1C3
#A79FC1
#AB9EBF
#AE9CBE
#B19BBC
#B599BA
#B997B8
#9EABBF
#A3A9BC
#A8A7BA
#ADA4B7
#B2A2B4
#B7A0B1
#BD9DAE
#99B6BA
#A0B3B6
#A6B0B3
#ADACAF
#B3A9AB
#BAA6A8
#C2A2A3
#93C0B5
#9BBCB1
#A4B8AC
#ACB4A8
#B4B1A3
#BDAD9F
#C7A899
#8CCDAF
#96C8A9
#A1C3A4
#ABBF9E
#B6BA99
#C0B593
#CDAF8C
Colorpallet from #AF8CCD to #8CCDAF and to #CD8CAF
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#A996C8
#AB94C8
#AD93C8
#AE91C8
#B090C8
#B28EC8
#B48CC8
#A4A1C3
#A79EC3
#AB9AC3
#AE97C3
#B194C3
#B590C3
#B98CC3
#9EABBF
#A3A6BF
#A8A1BF
#AD9CBF
#B297BF
#B792BF
#BD8CBF
#99B6BA
#A0AFBA
#A6A9BA
#ADA2BA
#B39BBA
#BA94BA
#C28CBA
#93C0B5
#9BB8B5
#A4AFB5
#ACA7B5
#B49FB5
#BD96B5
#C78CB5
#8CCDAF
#96C3AF
#A1B8AF
#ABAEAF
#B6A3AF
#C099AF
#CD8CAF
Colorpallet from #AF8CCD to #CDAF8C and to #CD8CAF
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#AF8CCD
#B492C3
#B491C4
#B490C5
#B48FC5
#B48EC6
#B48DC7
#B48CC8
#B997B8
#B995BA
#B993BC
#B992BD
#B990BF
#B98EC1
#B98CC3
#BD9DAE
#BD9AB1
#BD98B3
#BD95B6
#BD92B9
#BD8FBC
#BD8CBF
#C2A2A3
#C29EA7
#C29BAA
#C297AE
#C294B2
#C290B5
#C28CBA
#C7A899
#C7A49D
#C79FA2
#C79BA6
#C796AB
#C792AF
#C78CB5
#CDAF8C
#CDA992
#CDA497
#CD9E9D
#CD99A2
#CD93A8
#CD8CAF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
