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 #B1A8A2 to #B1A2A8 and to #A8B1A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A7A3
#B1A7A3
#B1A8A3
#B1A8A3
#B0A8A2
#B0A9A2
#B0A9A2
#B1A6A4
#B1A7A4
#B0A8A3
#B0A8A3
#AFA9A3
#AFAAA2
#AEABA2
#B1A5A5
#B0A6A5
#B0A7A4
#AFA8A4
#AEA9A3
#AEABA3
#ADACA2
#B1A4A6
#B0A6A5
#AFA7A5
#AEA9A4
#ADAAA3
#ACACA3
#ABAEA2
#B1A3A7
#B0A5A6
#AFA7A5
#AEA9A5
#ADABA4
#ABADA3
#AAAFA2
#B1A2A8
#B0A4A7
#AEA7A6
#ADA9A5
#ABACA4
#AAAEA3
#A8B1A2
Colorpallet from #B1A8A2 to #B1A2A8 and to #A8A2B1
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A7A3
#B1A7A3
#B1A7A3
#B1A7A3
#B0A7A4
#B0A7A4
#B0A7A4
#B1A6A4
#B1A6A4
#B0A6A5
#B0A6A5
#AFA6A6
#AFA6A6
#AEA6A7
#B1A5A5
#B0A5A6
#B0A5A6
#AFA5A7
#AEA5A8
#AEA5A8
#ADA5A9
#B1A4A6
#B0A4A7
#AFA4A8
#AEA4A9
#ADA4AA
#ACA4AB
#ABA4AC
#B1A3A7
#B0A3A8
#AFA3A9
#AEA3AA
#ADA3AB
#ABA3AD
#AAA3AE
#B1A2A8
#B0A2A9
#AEA2AB
#ADA2AC
#ABA2AE
#AAA2AF
#A8A2B1
Colorpallet from #B1A8A2 to #B1A2A8 and to #A2B1A8
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A7A3
#B1A7A3
#B0A8A3
#B0A8A3
#B0A8A3
#AFA9A3
#AFA9A3
#B1A6A4
#B0A7A4
#AFA8A4
#AFA8A4
#AEA9A4
#ADAAA4
#ACABA4
#B1A5A5
#B0A6A5
#AFA7A5
#AEA8A5
#ADA9A5
#ABABA5
#AAACA5
#B1A4A6
#AFA6A6
#AEA7A6
#ACA9A6
#ABAAA6
#A9ACA6
#A7AEA6
#B1A3A7
#AFA5A7
#ADA7A7
#ABA9A7
#A9ABA7
#A7ADA7
#A5AFA7
#B1A2A8
#AFA4A8
#ACA7A8
#AAA9A8
#A7ACA8
#A5AEA8
#A2B1A8
Colorpallet from #B1A8A2 to #B1A2A8 and to #A2A8B1
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A7A3
#B1A7A3
#B0A7A3
#B0A7A3
#B0A8A4
#AFA8A4
#AFA8A4
#B1A6A4
#B0A6A4
#AFA7A5
#AFA7A5
#AEA7A6
#ADA8A6
#ACA8A7
#B1A5A5
#B0A5A6
#AFA6A6
#AEA6A7
#ADA7A8
#ABA7A8
#AAA8A9
#B1A4A6
#AFA5A7
#AEA5A8
#ACA6A9
#ABA7AA
#A9A7AB
#A7A8AC
#B1A3A7
#AFA4A8
#ADA5A9
#ABA5AA
#A9A6AB
#A7A7AD
#A5A8AE
#B1A2A8
#AFA3A9
#ACA4AB
#AAA5AC
#A7A6AE
#A5A7AF
#A2A8B1
Colorpallet from #B1A8A2 to #A8B1A2 and to #A8A2B1
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B0A9A2
#B0A9A2
#B0A8A3
#B0A8A3
#B0A8A3
#B0A7A4
#B0A7A4
#AEABA2
#AEAAA3
#AEA9A4
#AEA9A4
#AEA8A5
#AEA7A6
#AEA6A7
#ADACA2
#ADABA3
#ADAAA4
#ADA9A5
#ADA8A6
#ADA6A8
#ADA5A9
#ABAEA2
#ABACA4
#ABABA5
#ABA9A7
#ABA8A8
#ABA6AA
#ABA4AC
#AAAFA2
#AAADA4
#AAABA6
#AAA9A8
#AAA7AA
#AAA5AC
#AAA3AE
#A8B1A2
#A8AFA4
#A8ACA7
#A8AAA9
#A8A7AC
#A8A5AE
#A8A2B1
Colorpallet from #B1A8A2 to #A8B1A2 and to #A2B1A8
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B0A9A2
#B0A9A2
#B0A9A2
#B0A9A2
#AFA9A3
#AFA9A3
#AFA9A3
#AEABA2
#AEABA2
#ADABA3
#ADABA3
#ADABA3
#ACABA4
#ACABA4
#ADACA2
#ADACA2
#ACACA3
#ACACA3
#ABACA4
#ABACA4
#AAACA5
#ABAEA2
#AAAEA3
#AAAEA3
#A9AEA4
#A8AEA5
#A8AEA5
#A7AEA6
#AAAFA2
#A9AFA3
#A8AFA4
#A8AFA4
#A7AFA5
#A6AFA6
#A5AFA7
#A8B1A2
#A7B1A3
#A6B1A4
#A5B1A5
#A4B1A6
#A3B1A7
#A2B1A8
Colorpallet from #B1A8A2 to #A8B1A2 and to #A2A8B1
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B0A9A2
#B0A9A2
#B0A9A3
#B0A9A3
#AFA8A3
#AFA8A4
#AFA8A4
#AEABA2
#AEABA3
#ADAAA4
#ADAAA4
#ADA9A5
#ACA9A6
#ACA8A7
#ADACA2
#ADABA3
#ACABA4
#ACAAA5
#ABA9A6
#ABA9A8
#AAA8A9
#ABAEA2
#AAADA4
#AAACA5
#A9ABA7
#A8AAA8
#A8A9AA
#A7A8AC
#AAAFA2
#A9AEA4
#A8ADA6
#A8ACA8
#A7ABAA
#A6A9AC
#A5A8AE
#A8B1A2
#A7B0A4
#A6AEA7
#A5ADA9
#A4ABAC
#A3AAAE
#A2A8B1
Colorpallet from #B1A8A2 to #A8A2B1 and to #A2B1A8
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B0A7A4
#B0A7A4
#B0A8A4
#B0A8A4
#AFA8A3
#AFA9A3
#AFA9A3
#AEA6A7
#AEA7A7
#ADA8A6
#ADA8A6
#ADA9A5
#ACAAA5
#ACABA4
#ADA5A9
#ADA6A8
#ACA7A8
#ACA8A7
#ABA9A6
#ABABA6
#AAACA5
#ABA4AC
#AAA6AB
#AAA7AA
#A9A9A9
#A8AAA8
#A8ACA7
#A7AEA6
#AAA3AE
#A9A5AD
#A8A7AC
#A8A9AB
#A7ABAA
#A6ADA8
#A5AFA7
#A8A2B1
#A7A4B0
#A6A7AE
#A5A9AD
#A4ACAB
#A3AEAA
#A2B1A8
Colorpallet from #B1A8A2 to #A8A2B1 and to #A2A8B1
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B0A7A4
#B0A7A4
#B0A7A4
#B0A7A4
#AFA8A4
#AFA8A4
#AFA8A4
#AEA6A7
#AEA6A7
#ADA7A7
#ADA7A7
#ADA7A7
#ACA8A7
#ACA8A7
#ADA5A9
#ADA5A9
#ACA6A9
#ACA6A9
#ABA7A9
#ABA7A9
#AAA8A9
#ABA4AC
#AAA5AC
#AAA5AC
#A9A6AC
#A8A7AC
#A8A7AC
#A7A8AC
#AAA3AE
#A9A4AE
#A8A5AE
#A8A5AE
#A7A6AE
#A6A7AE
#A5A8AE
#A8A2B1
#A7A3B1
#A6A4B1
#A5A5B1
#A4A6B1
#A3A7B1
#A2A8B1
Colorpallet from #B1A8A2 to #A2B1A8 and to #A2A8B1
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#B1A8A2
#AFA9A3
#AFA9A3
#AFA9A3
#AFA9A3
#AFA8A4
#AFA8A4
#AFA8A4
#ACABA4
#ACABA4
#ACAAA5
#ACAAA5
#ACA9A6
#ACA9A6
#ACA8A7
#AAACA5
#AAABA6
#AAABA6
#AAAAA7
#AAA9A8
#AAA9A8
#AAA8A9
#A7AEA6
#A7ADA7
#A7ACA8
#A7ABA9
#A7AAAA
#A7A9AB
#A7A8AC
#A5AFA7
#A5AEA8
#A5ADA9
#A5ACAA
#A5ABAB
#A5A9AD
#A5A8AE
#A2B1A8
#A2B0A9
#A2AEAB
#A2ADAC
#A2ABAE
#A2AAAF
#A2A8B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
