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 #A4B58E to #A48EB5 and to #B5A48E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4AF94
#A4AF93
#A5B092
#A5B091
#A6B190
#A6B18F
#A7B28E
#A4A99A
#A5AA98
#A6AB96
#A6AC94
#A7AD92
#A8AF90
#A9B08E
#A4A2A1
#A5A49E
#A7A69B
#A8A798
#A9A995
#AAAB92
#ACAD8E
#A49CA7
#A69EA3
#A8A09F
#A9A39B
#ABA597
#ADA793
#AFAA8E
#A496AD
#A699A8
#A89BA3
#AB9E9E
#ADA199
#AFA494
#B2A78E
#A48EB5
#A792AF
#A995A9
#AC99A2
#AF9C9C
#B2A096
#B5A48E
Colorpallet from #A4B58E to #A48EB5 and to #B58EA4
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4AF94
#A4AF94
#A5AF93
#A5AF93
#A6AF93
#A6AF92
#A7AF92
#A4A99A
#A5A999
#A6A998
#A6A998
#A7A997
#A8A996
#A9A995
#A4A2A1
#A5A2A0
#A7A29E
#A8A29D
#A9A29C
#AAA29B
#ACA299
#A49CA7
#A69CA5
#A89CA3
#A99CA2
#AB9CA0
#AD9C9E
#AF9C9C
#A496AD
#A696AB
#A896A9
#AB96A7
#AD96A5
#AF96A3
#B296A0
#A48EB5
#A78EB2
#A98EB0
#AC8EAD
#AF8EAA
#B28EA7
#B58EA4
Colorpallet from #A4B58E to #A48EB5 and to #8EA4B5
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4AF94
#A3AF94
#A3B094
#A2B094
#A1B194
#A1B194
#A0B294
#A4A99A
#A3AA9A
#A2AB9A
#A1AC9A
#A0AD9A
#9EAF9A
#9DB09A
#A4A2A1
#A2A4A1
#A0A6A1
#9FA7A1
#9DA9A1
#9BABA1
#99ADA1
#A49CA7
#A29EA7
#A0A0A7
#9DA3A7
#9BA5A7
#99A7A7
#96AAA7
#A496AD
#A199AD
#9E9BAD
#9B9EAD
#98A1AD
#96A4AD
#92A7AD
#A48EB5
#A092B5
#9D95B5
#9999B5
#969CB5
#92A0B5
#8EA4B5
Colorpallet from #A4B58E to #A48EB5 and to #8EB5A4
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4AF94
#A3B094
#A3B193
#A2B293
#A1B393
#A1B492
#A0B592
#A4A99A
#A3AB99
#A2AD98
#A1AF98
#A0B197
#9EB396
#9DB595
#A4A2A1
#A2A5A0
#A0A89E
#9FAB9D
#9DAE9C
#9BB19B
#99B599
#A49CA7
#A2A0A5
#A0A4A3
#9DA8A2
#9BACA0
#99B09E
#96B59C
#A496AD
#A19BAB
#9EA0A9
#9BA5A7
#98AAA5
#96AFA3
#92B5A0
#A48EB5
#A094B2
#9D9AB0
#99A1AD
#96A7AA
#92ADA7
#8EB5A4
Colorpallet from #A4B58E to #B5A48E and to #B58EA4
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A7B28E
#A7B28F
#A7B18F
#A7B190
#A7B091
#A7B091
#A7AF92
#A9B08E
#A9AF8F
#A9AE90
#A9AD91
#A9AC92
#A9AA94
#A9A995
#ACAD8E
#ACAB90
#ACA992
#ACA893
#ACA695
#ACA497
#ACA299
#AFAA8E
#AFA890
#AFA692
#AFA395
#AFA197
#AF9F99
#AF9C9C
#B2A78E
#B2A491
#B2A294
#B29F97
#B29C9A
#B2999C
#B296A0
#B5A48E
#B5A092
#B59D95
#B59999
#B5969C
#B592A0
#B58EA4
Colorpallet from #A4B58E to #B5A48E and to #8EA4B5
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A7B28E
#A6B28F
#A5B290
#A4B291
#A3B292
#A1B293
#A0B294
#A9B08E
#A7B090
#A5B092
#A3B094
#A1B096
#9FB098
#9DB09A
#ACAD8E
#A9AD91
#A6AD94
#A3AD97
#A0AD9A
#9DAD9D
#99ADA1
#AFAA8E
#ABAA92
#A7AA96
#A3AA9A
#9FAA9E
#9BAAA2
#96AAA7
#B2A78E
#ADA793
#A8A798
#A3A79D
#9EA7A2
#98A7A7
#92A7AD
#B5A48E
#AFA494
#A9A49A
#A2A4A1
#9CA4A7
#96A4AD
#8EA4B5
Colorpallet from #A4B58E to #B5A48E and to #8EB5A4
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A7B28E
#A6B28F
#A5B38F
#A4B390
#A3B491
#A1B491
#A0B592
#A9B08E
#A7B18F
#A5B290
#A3B291
#A1B392
#9FB494
#9DB595
#ACAD8E
#A9AE90
#A6B092
#A3B193
#A0B295
#9DB397
#99B599
#AFAA8E
#ABAC90
#A7AE92
#A3AF95
#9FB197
#9BB399
#96B59C
#B2A78E
#ADA991
#A8AB94
#A3AE97
#9EB09A
#98B29C
#92B5A0
#B5A48E
#AFA792
#A9A995
#A2AC99
#9CAF9C
#96B2A0
#8EB5A4
Colorpallet from #A4B58E to #B58EA4 and to #8EA4B5
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A7AF92
#A6AF92
#A5B093
#A4B093
#A3B193
#A1B194
#A0B294
#A9A995
#A7AA96
#A5AB97
#A3AC97
#A1AD98
#9FAF99
#9DB09A
#ACA299
#A9A49A
#A6A69C
#A3A79D
#A0A99E
#9DAB9F
#99ADA1
#AF9C9C
#AB9E9E
#A7A0A0
#A3A3A1
#9FA5A3
#9BA7A5
#96AAA7
#B296A0
#AD99A2
#A89BA4
#A39EA6
#9EA1A8
#98A4AA
#92A7AD
#B58EA4
#AF92A7
#A995A9
#A299AC
#9C9CAF
#96A0B2
#8EA4B5
Colorpallet from #A4B58E to #B58EA4 and to #8EB5A4
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A7AF92
#A6B092
#A5B192
#A4B292
#A3B392
#A1B492
#A0B592
#A9A995
#A7AB95
#A5AD95
#A3AF95
#A1B195
#9FB395
#9DB595
#ACA299
#A9A599
#A6A899
#A3AB99
#A0AE99
#9DB199
#99B599
#AF9C9C
#ABA09C
#A7A49C
#A3A89C
#9FAC9C
#9BB09C
#96B59C
#B296A0
#AD9BA0
#A8A0A0
#A3A5A0
#9EAAA0
#98AFA0
#92B5A0
#B58EA4
#AF94A4
#A99AA4
#A2A1A4
#9CA7A4
#96ADA4
#8EB5A4
Colorpallet from #A4B58E to #8EA4B5 and to #8EB5A4
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A4B58E
#A0B294
#A0B294
#A0B393
#A0B393
#A0B493
#A0B492
#A0B592
#9DB09A
#9DB199
#9DB298
#9DB298
#9DB397
#9DB496
#9DB595
#99ADA1
#99AEA0
#99B09E
#99B19D
#99B29C
#99B39B
#99B599
#96AAA7
#96ACA5
#96AEA3
#96AFA2
#96B1A0
#96B39E
#96B59C
#92A7AD
#92A9AB
#92ABA9
#92AEA7
#92B0A5
#92B2A3
#92B5A0
#8EA4B5
#8EA7B2
#8EA9B0
#8EACAD
#8EAFAA
#8EB2A7
#8EB5A4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
