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 #AF99B0 to #AFB099 and to #99AFB0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF9DAC
#AE9DAD
#AE9DAD
#AD9DAE
#AC9DAF
#AC9DAF
#AB9DB0
#AFA0A9
#AEA0AA
#ADA0AB
#ACA0AC
#ABA0AD
#A9A0AF
#A8A0B0
#AFA4A5
#ADA4A7
#ABA4A9
#AAA4AA
#A8A4AC
#A6A4AE
#A4A4B0
#AFA8A1
#ADA8A3
#ABA8A6
#A8A8A8
#A6A7AB
#A4A7AD
#A1A7B0
#AFAB9E
#ACABA1
#A9ABA4
#A6ABA7
#A3ABAA
#A1ABAC
#9DABB0
#AFB099
#ABB09D
#A8B0A0
#A4B0A4
#A1AFA8
#9DAFAB
#99AFB0
Colorpallet from #AF99B0 to #AFB099 and to #99B0AF
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF9DAC
#AE9DAD
#AE9DAD
#AD9DAE
#AC9DAF
#AC9DAF
#AB9DB0
#AFA0A9
#AEA0AA
#ADA0AB
#ACA0AC
#ABA0AD
#A9A0AF
#A8A0B0
#AFA4A5
#ADA4A7
#ABA4A9
#AAA4AA
#A8A4AC
#A6A4AE
#A4A4B0
#AFA8A1
#ADA8A3
#ABA8A5
#A8A8A8
#A6A8AA
#A4A8AC
#A1A8AF
#AFAB9E
#ACABA1
#A9ABA3
#A6ABA6
#A3ABA9
#A1ABAC
#9DABAF
#AFB099
#ABB09D
#A8B0A0
#A4B0A4
#A1B0A7
#9DB0AB
#99B0AF
Colorpallet from #AF99B0 to #AFB099 and to #B0AF99
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF9DAC
#AF9DAC
#AF9DAC
#AF9DAC
#AF9DAC
#AF9DAC
#AF9DAC
#AFA0A9
#AFA0A9
#AFA0A9
#AFA0A9
#AFA0A9
#AFA0A9
#AFA0A9
#AFA4A5
#AFA4A5
#AFA4A5
#AFA4A5
#AFA4A5
#AFA4A5
#AFA4A5
#AFA8A1
#AFA8A1
#AFA8A1
#AFA8A1
#B0A7A1
#B0A7A1
#B0A7A1
#AFAB9E
#AFAB9E
#AFAB9E
#AFAB9E
#B0AB9E
#B0AB9E
#B0AB9E
#AFB099
#AFB099
#AFB099
#AFB099
#B0AF99
#B0AF99
#B0AF99
Colorpallet from #AF99B0 to #AFB099 and to #B099AF
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF9DAC
#AF9CAD
#AF9CAD
#AF9BAE
#AF9AAF
#AF9AAF
#AF99B0
#AFA0A9
#AF9FAA
#AF9EAB
#AF9DAC
#AF9CAD
#AF9AAF
#AF99B0
#AFA4A5
#AFA2A7
#AFA0A9
#AF9FAA
#AF9DAC
#AF9BAE
#AF99B0
#AFA8A1
#AFA6A3
#AFA3A5
#AFA1A8
#B09EAA
#B09CAC
#B099AF
#AFAB9E
#AFA8A1
#AFA5A3
#AFA2A6
#B09FA9
#B09DAC
#B099AF
#AFB099
#AFAC9D
#AFA9A0
#AFA5A4
#B0A1A7
#B09EAB
#B099AF
Colorpallet from #AF99B0 to #99AFB0 and to #99B0AF
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AB9DB0
#AB9DB0
#AB9DB0
#AB9DB0
#AB9DB0
#AB9DB0
#AB9DB0
#A8A0B0
#A8A0B0
#A8A0B0
#A8A0B0
#A8A0B0
#A8A0B0
#A8A0B0
#A4A4B0
#A4A4B0
#A4A4B0
#A4A4B0
#A4A4B0
#A4A4B0
#A4A4B0
#A1A7B0
#A1A7B0
#A1A7B0
#A1A7B0
#A1A8AF
#A1A8AF
#A1A8AF
#9DABB0
#9DABB0
#9DABB0
#9DABB0
#9DABAF
#9DABAF
#9DABAF
#99AFB0
#99AFB0
#99AFB0
#99AFB0
#99B0AF
#99B0AF
#99B0AF
Colorpallet from #AF99B0 to #99AFB0 and to #B0AF99
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AB9DB0
#AC9DAF
#AC9DAF
#AD9DAE
#AE9DAD
#AE9DAD
#AF9DAC
#A8A0B0
#A9A0AF
#AAA0AE
#ABA0AD
#ACA0AC
#AEA0AA
#AFA0A9
#A4A4B0
#A6A4AE
#A8A4AC
#A9A4AB
#ABA4A9
#ADA4A7
#AFA4A5
#A1A7B0
#A3A7AE
#A6A7AB
#A8A7A9
#ABA7A6
#ADA7A4
#B0A7A1
#9DABB0
#A0ABAD
#A3ABAA
#A6ABA7
#A9ABA4
#ACABA2
#B0AB9E
#99AFB0
#9DAFAC
#A0AFA9
#A4AFA5
#A8AFA1
#ABAF9E
#B0AF99
Colorpallet from #AF99B0 to #99AFB0 and to #B099AF
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AB9DB0
#AC9CB0
#AC9CB0
#AD9BB0
#AE9AB0
#AE9AB0
#AF99B0
#A8A0B0
#A99FB0
#AA9EB0
#AB9DB0
#AC9CB0
#AE9AB0
#AF99B0
#A4A4B0
#A6A2B0
#A8A0B0
#A99FB0
#AB9DB0
#AD9BB0
#AF99B0
#A1A7B0
#A3A5B0
#A6A3B0
#A8A0B0
#AB9EAF
#AD9CAF
#B099AF
#9DABB0
#A0A8B0
#A3A5B0
#A6A2B0
#A99FAF
#AC9DAF
#B099AF
#99AFB0
#9DABB0
#A0A8B0
#A4A4B0
#A8A1AF
#AB9DAF
#B099AF
Colorpallet from #AF99B0 to #99B0AF and to #B0AF99
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AB9DB0
#AC9DAF
#AC9DAF
#AD9DAE
#AE9DAD
#AE9DAD
#AF9DAC
#A8A0B0
#A9A0AF
#AAA0AE
#ABA0AD
#ACA0AC
#AEA0AA
#AFA0A9
#A4A4B0
#A6A4AE
#A8A4AC
#A9A4AB
#ABA4A9
#ADA4A7
#AFA4A5
#A1A8AF
#A3A8AD
#A6A8AB
#A8A8A8
#ABA7A6
#ADA7A4
#B0A7A1
#9DABAF
#A0ABAC
#A3ABAA
#A6ABA7
#A9ABA4
#ACABA1
#B0AB9E
#99B0AF
#9DB0AB
#A0B0A8
#A4B0A4
#A8AFA1
#ABAF9D
#B0AF99
Colorpallet from #AF99B0 to #99B0AF and to #B099AF
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AB9DB0
#AC9CB0
#AC9CB0
#AD9BB0
#AE9AB0
#AE9AB0
#AF99B0
#A8A0B0
#A99FB0
#AA9EB0
#AB9DB0
#AC9CB0
#AE9AB0
#AF99B0
#A4A4B0
#A6A2B0
#A8A0B0
#A99FB0
#AB9DB0
#AD9BB0
#AF99B0
#A1A8AF
#A3A6AF
#A6A3AF
#A8A1AF
#AB9EAF
#AD9CAF
#B099AF
#9DABAF
#A0A8AF
#A3A5AF
#A6A2AF
#A99FAF
#AC9DAF
#B099AF
#99B0AF
#9DACAF
#A0A9AF
#A4A5AF
#A8A1AF
#AB9EAF
#B099AF
Colorpallet from #AF99B0 to #B0AF99 and to #B099AF
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF99B0
#AF9DAC
#AF9CAD
#AF9CAD
#AF9BAE
#AF9AAF
#AF9AAF
#AF99B0
#AFA0A9
#AF9FAA
#AF9EAB
#AF9DAC
#AF9CAD
#AF9AAF
#AF99B0
#AFA4A5
#AFA2A7
#AFA0A9
#AF9FAA
#AF9DAC
#AF9BAE
#AF99B0
#B0A7A1
#B0A5A3
#B0A3A5
#B0A0A8
#B09EAA
#B09CAC
#B099AF
#B0AB9E
#B0A8A1
#B0A5A3
#B0A2A6
#B09FA9
#B09DAC
#B099AF
#B0AF99
#B0AB9D
#B0A8A0
#B0A4A4
#B0A1A7
#B09DAB
#B099AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
