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 #AFB592 to #AF92B5 and to #B5AF92
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFAF98
#AFB097
#AFB196
#AFB195
#B0B294
#B0B393
#B0B492
#AFAA9D
#AFAB9B
#B0AD99
#B0AE98
#B0B096
#B1B194
#B1B392
#AFA4A3
#AFA6A0
#B0A89E
#B0AB9B
#B1AD98
#B1AF95
#B2B292
#AF9FA8
#B0A2A4
#B0A5A1
#B1A89D
#B2AB9A
#B2AD96
#B3B192
#AF99AE
#B09DAA
#B1A0A5
#B1A4A1
#B2A89C
#B3AB98
#B4B092
#AF92B5
#B097AF
#B19BAA
#B2A0A4
#B3A59F
#B4A999
#B5AF92
Colorpallet from #AFB592 to #AF92B5 and to #B592AF
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFAF98
#AFAF98
#AFAF98
#AFAF98
#B0AF97
#B0AF97
#B0AF97
#AFAA9D
#AFAA9D
#B0AA9C
#B0AA9C
#B0AA9C
#B1AA9B
#B1AA9B
#AFA4A3
#AFA4A3
#B0A4A2
#B0A4A2
#B1A4A1
#B1A4A1
#B2A4A0
#AF9FA8
#B09FA8
#B09FA7
#B19FA7
#B29FA6
#B29FA6
#B39FA5
#AF99AE
#B099AD
#B199AC
#B199AC
#B299AB
#B399AA
#B499A9
#AF92B5
#B092B4
#B192B3
#B292B2
#B392B1
#B492B0
#B592AF
Colorpallet from #AFB592 to #AF92B5 and to #92AFB5
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFAF98
#AEB098
#ADB198
#ADB198
#ACB298
#ABB398
#AAB498
#AFAA9D
#AEAB9D
#ACAD9D
#ABAE9D
#A9B09D
#A8B19D
#A6B39D
#AFA4A3
#ADA6A3
#ABA8A3
#A8ABA3
#A6ADA3
#A4AFA3
#A1B2A3
#AF9FA8
#ACA2A8
#A9A5A8
#A6A8A8
#A3ABA8
#A0ADA8
#9CB1A8
#AF99AE
#AB9DAE
#A8A0AE
#A4A4AE
#A0A8AE
#9DABAE
#98B0AE
#AF92B5
#AA97B5
#A69BB5
#A1A0B5
#9CA5B5
#98A9B5
#92AFB5
Colorpallet from #AFB592 to #AF92B5 and to #92B5AF
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFAF98
#AEB098
#ADB198
#ADB298
#ACB397
#ABB497
#AAB597
#AFAA9D
#AEAC9D
#ACAE9C
#ABAF9C
#A9B19C
#A8B39B
#A6B59B
#AFA4A3
#ADA7A3
#ABA9A2
#A8ACA2
#A6AFA1
#A4B2A1
#A1B5A0
#AF9FA8
#ACA3A8
#A9A6A7
#A6AAA7
#A3ADA6
#A0B1A6
#9CB5A5
#AF99AE
#AB9DAD
#A8A2AC
#A4A6AC
#A0ABAB
#9DAFAA
#98B5A9
#AF92B5
#AA98B4
#A69DB3
#A1A3B2
#9CA8B1
#98AEB0
#92B5AF
Colorpallet from #AFB592 to #B5AF92 and to #B592AF
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#B0B492
#B0B393
#B0B294
#B0B294
#B0B195
#B0B096
#B0AF97
#B1B392
#B1B293
#B1B095
#B1AF96
#B1AD98
#B1AC99
#B1AA9B
#B2B292
#B2B094
#B2AE96
#B2AB99
#B2A99B
#B2A79D
#B2A4A0
#B3B192
#B3AE95
#B3AB98
#B3A89B
#B3A59E
#B3A3A1
#B39FA5
#B4B092
#B4AC96
#B4A999
#B4A59D
#B4A1A1
#B49EA4
#B499A9
#B5AF92
#B5AA97
#B5A69B
#B5A1A0
#B59CA5
#B598A9
#B592AF
Colorpallet from #AFB592 to #B5AF92 and to #92AFB5
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#B0B492
#AFB493
#AEB494
#ADB495
#ACB496
#ABB497
#AAB498
#B1B392
#AFB394
#ADB396
#ACB397
#AAB399
#A8B39B
#A6B39D
#B2B292
#AFB295
#ADB297
#AAB29A
#A7B29D
#A4B2A0
#A1B2A3
#B3B192
#AFB196
#ACB199
#A8B19D
#A4B1A0
#A1B1A4
#9CB1A8
#B4B092
#B0B096
#ABB09B
#A7B09F
#A2B0A4
#9EB0A8
#98B0AE
#B5AF92
#AFAF98
#AAAF9D
#A4AFA3
#9FAFA8
#99AFAE
#92AFB5
Colorpallet from #AFB592 to #B5AF92 and to #92B5AF
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#B0B492
#AFB493
#AEB494
#ADB494
#ACB595
#ABB596
#AAB597
#B1B392
#AFB393
#ADB495
#ACB496
#AAB498
#A8B599
#A6B59B
#B2B292
#AFB294
#ADB396
#AAB399
#A7B49B
#A4B49D
#A1B5A0
#B3B192
#AFB295
#ACB298
#A8B39B
#A4B49E
#A1B4A1
#9CB5A5
#B4B092
#B0B196
#ABB299
#A7B29D
#A2B3A1
#9EB4A4
#98B5A9
#B5AF92
#AFB097
#AAB19B
#A4B2A0
#9FB3A5
#99B4A9
#92B5AF
Colorpallet from #AFB592 to #B592AF and to #92AFB5
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#B0AF97
#AFB097
#AEB197
#ADB197
#ACB298
#ABB398
#AAB498
#B1AA9B
#AFAB9B
#ADAD9C
#ACAE9C
#AAB09C
#A8B19D
#A6B39D
#B2A4A0
#AFA6A0
#ADA8A1
#AAABA1
#A7ADA2
#A4AFA2
#A1B2A3
#B39FA5
#AFA2A5
#ACA5A6
#A8A8A6
#A4ABA7
#A1ADA7
#9CB1A8
#B499A9
#B09DAA
#ABA0AB
#A7A4AB
#A2A8AC
#9EABAD
#98B0AE
#B592AF
#AF97B0
#AA9BB1
#A4A0B2
#9FA5B3
#99A9B4
#92AFB5
Colorpallet from #AFB592 to #B592AF and to #92B5AF
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#B0AF97
#AFB097
#AEB197
#ADB297
#ACB397
#ABB497
#AAB597
#B1AA9B
#AFAC9B
#ADAE9B
#ACAF9B
#AAB19B
#A8B39B
#A6B59B
#B2A4A0
#AFA7A0
#ADA9A0
#AAACA0
#A7AFA0
#A4B2A0
#A1B5A0
#B39FA5
#AFA3A5
#ACA6A5
#A8AAA5
#A4ADA5
#A1B1A5
#9CB5A5
#B499A9
#B09DA9
#ABA2A9
#A7A6A9
#A2ABA9
#9EAFA9
#98B5A9
#B592AF
#AF98AF
#AA9DAF
#A4A3AF
#9FA8AF
#99AEAF
#92B5AF
Colorpallet from #AFB592 to #92AFB5 and to #92B5AF
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AFB592
#AAB498
#AAB498
#AAB498
#AAB498
#AAB597
#AAB597
#AAB597
#A6B39D
#A6B39D
#A6B49C
#A6B49C
#A6B49C
#A6B59B
#A6B59B
#A1B2A3
#A1B2A3
#A1B3A2
#A1B3A2
#A1B4A1
#A1B4A1
#A1B5A0
#9CB1A8
#9CB2A8
#9CB2A7
#9CB3A7
#9CB4A6
#9CB4A6
#9CB5A5
#98B0AE
#98B1AD
#98B2AC
#98B2AC
#98B3AB
#98B4AA
#98B5A9
#92AFB5
#92B0B4
#92B1B3
#92B2B2
#92B3B1
#92B4B0
#92B5AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
