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 #C1C397 to #C197C3 and to #C3C197
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1BC9E
#C1BD9D
#C1BE9C
#C1BF9B
#C1C09A
#C1C298
#C1C397
#C1B5A5
#C1B7A3
#C1B9A1
#C1BB9E
#C2BD9C
#C2BF9A
#C2C297
#C1AEAC
#C1B1A9
#C1B4A5
#C1B8A2
#C2BB9F
#C2BE9B
#C2C297
#C1A7B3
#C1ABAF
#C1B0AA
#C1B4A6
#C2B8A1
#C2BD9D
#C2C297
#C1A0BA
#C1A5B4
#C2ABAF
#C2B0A9
#C2B5A4
#C3BA9E
#C3C197
#C197C3
#C19EBC
#C2A4B5
#C2ABAE
#C2B2A7
#C3B9A0
#C3C197
Colorpallet from #C1C397 to #C197C3 and to #C397C1
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1BC9E
#C1BC9E
#C1BC9E
#C1BC9E
#C1BC9E
#C1BC9E
#C1BC9E
#C1B5A5
#C1B5A5
#C1B5A5
#C1B5A5
#C2B5A4
#C2B5A4
#C2B5A4
#C1AEAC
#C1AEAC
#C1AEAC
#C1AEAC
#C2AEAB
#C2AEAB
#C2AEAB
#C1A7B3
#C1A7B3
#C1A7B3
#C1A7B3
#C2A7B2
#C2A7B2
#C2A7B2
#C1A0BA
#C1A0BA
#C2A0BA
#C2A0BA
#C2A0B9
#C3A0B9
#C3A0B9
#C197C3
#C197C3
#C297C2
#C297C2
#C297C2
#C397C1
#C397C1
Colorpallet from #C1C397 to #C197C3 and to #97C1C3
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1BC9E
#C0BD9E
#BFBE9E
#BEBF9E
#BDC09E
#BBC29E
#BAC39E
#C1B5A5
#BFB7A5
#BDB9A5
#BBBBA5
#B9BDA5
#B7BFA5
#B4C2A5
#C1AEAC
#BEB1AC
#BBB4AC
#B7B8AC
#B4BBAC
#B1BEAC
#ADC2AC
#C1A7B3
#BDABB3
#B8B0B3
#B4B4B3
#B0B8B3
#ABBDB3
#A6C2B3
#C1A0BA
#BCA5BA
#B6ABBA
#B1B0BA
#ABB5BA
#A6BABA
#9FC1BA
#C197C3
#BA9EC3
#B4A4C3
#ADABC3
#A6B2C3
#9FB9C3
#97C1C3
Colorpallet from #C1C397 to #C197C3 and to #97C3C1
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1BC9E
#C0BD9E
#BFBE9E
#BEBF9E
#BDC09E
#BBC29E
#BAC39E
#C1B5A5
#BFB7A5
#BDB9A5
#BBBCA5
#B9BEA4
#B7C0A4
#B4C3A4
#C1AEAC
#BEB1AC
#BBB5AC
#B7B8AC
#B4BBAB
#B1BFAB
#ADC3AB
#C1A7B3
#BDABB3
#B8B0B3
#B4B4B3
#B0B9B2
#ABBDB2
#A6C3B2
#C1A0BA
#BCA6BA
#B6ABBA
#B1B1BA
#ABB6B9
#A6BCB9
#9FC3B9
#C197C3
#BA9EC3
#B4A5C2
#ADACC2
#A6B3C2
#9FBAC1
#97C3C1
Colorpallet from #C1C397 to #C3C197 and to #C397C1
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C298
#C1C199
#C1C09A
#C1BF9B
#C1BD9D
#C1BC9E
#C2C297
#C2C099
#C2BE9B
#C2BC9D
#C2BA9F
#C2B8A1
#C2B5A4
#C2C297
#C2BF9A
#C2BC9D
#C2B8A1
#C2B5A4
#C2B2A7
#C2AEAB
#C2C297
#C2BE9B
#C2B9A0
#C2B5A4
#C2B1A8
#C2ACAD
#C2A7B2
#C3C197
#C3BC9C
#C3B6A2
#C3B1A7
#C3ACAD
#C3A7B2
#C3A0B9
#C3C197
#C3BA9E
#C3B4A4
#C3ADAB
#C3A6B2
#C39FB9
#C397C1
Colorpallet from #C1C397 to #C3C197 and to #97C1C3
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C0C398
#BFC399
#BEC39A
#BDC39B
#BBC39D
#BAC39E
#C2C297
#C0C299
#BEC29B
#BBC29E
#B9C2A0
#B7C2A2
#B4C2A5
#C2C297
#BFC29A
#BBC29E
#B8C2A1
#B5C2A4
#B1C2A8
#ADC2AC
#C2C297
#BEC29B
#B9C2A0
#B5C2A4
#B0C2A9
#ACC2AD
#A6C2B3
#C3C197
#BDC19D
#B7C1A2
#B2C1A8
#ACC1AD
#A6C1B3
#9FC1BA
#C3C197
#BCC19E
#B5C1A5
#AEC1AC
#A7C1B3
#A0C1BA
#97C1C3
Colorpallet from #C1C397 to #C3C197 and to #97C3C1
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C0C398
#BFC399
#BEC39A
#BDC39B
#BBC39D
#BAC39E
#C2C297
#C0C299
#BEC29B
#BBC29D
#B9C39F
#B7C3A1
#B4C3A4
#C2C297
#BFC29A
#BBC29D
#B8C2A1
#B5C3A4
#B1C3A7
#ADC3AB
#C2C297
#BEC29B
#B9C2A0
#B5C2A4
#B0C3A8
#ACC3AD
#A6C3B2
#C3C197
#BDC19C
#B7C2A2
#B2C2A7
#ACC2AD
#A6C3B2
#9FC3B9
#C3C197
#BCC19E
#B5C2A4
#AEC2AB
#A7C2B2
#A0C3B9
#97C3C1
Colorpallet from #C1C397 to #C397C1 and to #97C1C3
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1BC9E
#C0BD9E
#BFBE9E
#BEBF9E
#BDC09E
#BBC29E
#BAC39E
#C2B5A4
#C0B7A4
#BEB9A4
#BBBBA4
#B9BDA5
#B7BFA5
#B4C2A5
#C2AEAB
#BFB1AB
#BBB4AB
#B8B8AB
#B5BBAC
#B1BEAC
#ADC2AC
#C2A7B2
#BEABB2
#B9B0B2
#B5B4B2
#B0B8B3
#ACBDB3
#A6C2B3
#C3A0B9
#BDA5B9
#B7ABB9
#B2B0B9
#ACB5BA
#A6BABA
#9FC1BA
#C397C1
#BC9EC1
#B5A4C2
#AEABC2
#A7B2C2
#A0B9C3
#97C1C3
Colorpallet from #C1C397 to #C397C1 and to #97C3C1
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1BC9E
#C0BD9E
#BFBE9E
#BEBF9E
#BDC09E
#BBC29E
#BAC39E
#C2B5A4
#C0B7A4
#BEB9A4
#BBBCA4
#B9BEA4
#B7C0A4
#B4C3A4
#C2AEAB
#BFB1AB
#BBB5AB
#B8B8AB
#B5BBAB
#B1BFAB
#ADC3AB
#C2A7B2
#BEABB2
#B9B0B2
#B5B4B2
#B0B9B2
#ACBDB2
#A6C3B2
#C3A0B9
#BDA6B9
#B7ABB9
#B2B1B9
#ACB6B9
#A6BCB9
#9FC3B9
#C397C1
#BC9EC1
#B5A5C1
#AEACC1
#A7B3C1
#A0BAC1
#97C3C1
Colorpallet from #C1C397 to #97C1C3 and to #97C3C1
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#C1C397
#BAC39E
#BAC39E
#BAC39E
#BAC39E
#BAC39E
#BAC39E
#BAC39E
#B4C2A5
#B4C2A5
#B4C2A5
#B4C2A5
#B4C3A4
#B4C3A4
#B4C3A4
#ADC2AC
#ADC2AC
#ADC2AC
#ADC2AC
#ADC3AB
#ADC3AB
#ADC3AB
#A6C2B3
#A6C2B3
#A6C2B3
#A6C2B3
#A6C3B2
#A6C3B2
#A6C3B2
#9FC1BA
#9FC1BA
#9FC2BA
#9FC2BA
#9FC2B9
#9FC3B9
#9FC3B9
#97C1C3
#97C1C3
#97C2C2
#97C2C2
#97C2C2
#97C3C1
#97C3C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
