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 #B3C096 to #B396C0 and to #C0B396
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3B99D
#B3BA9C
#B4BB9B
#B4BB9A
#B4BC99
#B5BD97
#B5BE96
#B3B3A3
#B4B4A1
#B4B69F
#B5B79D
#B6B99B
#B6BA99
#B7BC96
#B3ACAA
#B4AEA7
#B5B0A4
#B6B3A0
#B7B59D
#B8B79A
#B9BA96
#B3A5B1
#B4A8AD
#B6ABA8
#B7AEA4
#B8B1A0
#B9B49B
#BBB896
#B39EB8
#B5A2B3
#B6A6AD
#B8AAA8
#B9ADA2
#BBB19D
#BDB696
#B396C0
#B59BB9
#B79FB3
#B9A4AC
#BBA9A5
#BDAD9E
#C0B396
Colorpallet from #B3C096 to #B396C0 and to #C096B3
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3B99D
#B3B99D
#B4B99C
#B4B99C
#B4B99C
#B5B99B
#B5B99B
#B3B3A3
#B4B3A2
#B4B3A2
#B5B3A1
#B6B3A0
#B6B3A0
#B7B39F
#B3ACAA
#B4ACA9
#B5ACA8
#B6ACA7
#B7ACA6
#B8ACA5
#B9ACA4
#B3A5B1
#B4A5B0
#B6A5AE
#B7A5AD
#B8A5AC
#B9A5AB
#BBA5A9
#B39EB8
#B59EB6
#B69EB4
#B89EB3
#B99EB1
#BB9EAF
#BD9EAD
#B396C0
#B596BE
#B796BC
#B996BA
#BB96B8
#BD96B6
#C096B3
Colorpallet from #B3C096 to #B396C0 and to #96B3C0
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3B99D
#B2BA9D
#B1BB9D
#B1BB9D
#B0BC9D
#AFBD9D
#AEBE9D
#B3B3A3
#B2B4A3
#B0B6A3
#AFB7A3
#ADB9A3
#ACBAA3
#AABCA3
#B3ACAA
#B1AEAA
#AFB0AA
#ACB3AA
#AAB5AA
#A8B7AA
#A5BAAA
#B3A5B1
#B0A8B1
#ADABB1
#AAAEB1
#A7B1B1
#A4B4B1
#A0B8B1
#B39EB8
#AFA2B8
#ACA6B8
#A8AAB8
#A4ADB8
#A1B1B8
#9CB6B8
#B396C0
#AE9BC0
#AA9FC0
#A5A4C0
#A0A9C0
#9CADC0
#96B3C0
Colorpallet from #B3C096 to #B396C0 and to #96C0B3
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3B99D
#B2BA9D
#B1BB9C
#B1BC9C
#B0BD9C
#AFBF9B
#AEC09B
#B3B3A3
#B2B5A2
#B0B7A2
#AFB9A1
#ADBBA0
#ACBDA0
#AAC09F
#B3ACAA
#B1AFA9
#AFB2A8
#ACB6A7
#AAB9A6
#A8BCA5
#A5C0A4
#B3A5B1
#B0A9B0
#ADAEAE
#AAB2AD
#A7B6AC
#A4BBAB
#A0C0A9
#B39EB8
#AFA3B6
#ACA9B4
#A8AEB3
#A4B4B1
#A1B9AF
#9CC0AD
#B396C0
#AE9DBE
#AAA3BC
#A5AABA
#A0B1B8
#9CB8B6
#96C0B3
Colorpallet from #B3C096 to #C0B396 and to #C096B3
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B5BE96
#B5BD97
#B5BC98
#B5BC98
#B5BB99
#B5BA9A
#B5B99B
#B7BC96
#B7BB97
#B7B999
#B7B89A
#B7B69C
#B7B59D
#B7B39F
#B9BA96
#B9B898
#B9B69A
#B9B39D
#B9B19F
#B9AFA1
#B9ACA4
#BBB896
#BBB599
#BBB29C
#BBAF9F
#BBACA2
#BBA9A5
#BBA5A9
#BDB696
#BDB29A
#BDAE9D
#BDAAA1
#BDA7A5
#BDA3A8
#BD9EAD
#C0B396
#C0AE9B
#C0AA9F
#C0A5A4
#C0A0A9
#C09CAD
#C096B3
Colorpallet from #B3C096 to #C0B396 and to #96B3C0
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B5BE96
#B4BE97
#B3BE98
#B2BE99
#B1BE9A
#AFBE9C
#AEBE9D
#B7BC96
#B5BC98
#B3BC9A
#B1BC9C
#AFBC9E
#ADBCA0
#AABCA3
#B9BA96
#B6BA99
#B3BA9C
#AFBAA0
#ACBAA3
#A9BAA6
#A5BAAA
#BBB896
#B7B89A
#B2B89F
#AEB8A3
#AAB8A7
#A5B8AC
#A0B8B1
#BDB696
#B8B69B
#B2B6A1
#ADB6A6
#A8B6AC
#A3B6B1
#9CB6B8
#C0B396
#B9B39D
#B3B3A3
#ACB3AA
#A5B3B1
#9EB3B8
#96B3C0
Colorpallet from #B3C096 to #C0B396 and to #96C0B3
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B5BE96
#B4BE97
#B3BF98
#B2BF98
#B1BF99
#AFC09A
#AEC09B
#B7BC96
#B5BD97
#B3BD99
#B1BE9A
#AFBF9C
#ADBF9D
#AAC09F
#B9BA96
#B6BB98
#B3BC9A
#AFBD9D
#ACBE9F
#A9BFA1
#A5C0A4
#BBB896
#B7B999
#B2BB9C
#AEBC9F
#AABDA2
#A5BEA5
#A0C0A9
#BDB696
#B8B89A
#B2B99D
#ADBBA1
#A8BCA5
#A3BEA8
#9CC0AD
#C0B396
#B9B59B
#B3B79F
#ACB9A4
#A5BBA9
#9EBDAD
#96C0B3
Colorpallet from #B3C096 to #C096B3 and to #96B3C0
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B5B99B
#B4BA9B
#B3BB9C
#B2BB9C
#B1BC9C
#AFBD9D
#AEBE9D
#B7B39F
#B5B4A0
#B3B6A0
#B1B7A1
#AFB9A2
#ADBAA2
#AABCA3
#B9ACA4
#B6AEA5
#B3B0A6
#AFB3A7
#ACB5A8
#A9B7A9
#A5BAAA
#BBA5A9
#B7A8AA
#B2ABAC
#AEAEAD
#AAB1AE
#A5B4AF
#A0B8B1
#BD9EAD
#B8A2AF
#B2A6B1
#ADAAB2
#A8ADB4
#A3B1B6
#9CB6B8
#C096B3
#B99BB5
#B39FB7
#ACA4B9
#A5A9BB
#9EADBD
#96B3C0
Colorpallet from #B3C096 to #C096B3 and to #96C0B3
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B5B99B
#B4BA9B
#B3BB9B
#B2BC9B
#B1BD9B
#AFBF9B
#AEC09B
#B7B39F
#B5B59F
#B3B79F
#B1B99F
#AFBB9F
#ADBD9F
#AAC09F
#B9ACA4
#B6AFA4
#B3B2A4
#AFB6A4
#ACB9A4
#A9BCA4
#A5C0A4
#BBA5A9
#B7A9A9
#B2AEA9
#AEB2A9
#AAB6A9
#A5BBA9
#A0C0A9
#BD9EAD
#B8A3AD
#B2A9AD
#ADAEAD
#A8B4AD
#A3B9AD
#9CC0AD
#C096B3
#B99DB3
#B3A3B3
#ACAAB3
#A5B1B3
#9EB8B3
#96C0B3
Colorpallet from #B3C096 to #96B3C0 and to #96C0B3
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#B3C096
#AEBE9D
#AEBE9D
#AEBF9C
#AEBF9C
#AEBF9C
#AEC09B
#AEC09B
#AABCA3
#AABDA2
#AABDA2
#AABEA1
#AABFA0
#AABFA0
#AAC09F
#A5BAAA
#A5BBA9
#A5BCA8
#A5BDA7
#A5BEA6
#A5BFA5
#A5C0A4
#A0B8B1
#A0B9B0
#A0BBAE
#A0BCAD
#A0BDAC
#A0BEAB
#A0C0A9
#9CB6B8
#9CB8B6
#9CB9B4
#9CBBB3
#9CBCB1
#9CBEAF
#9CC0AD
#96B3C0
#96B5BE
#96B7BC
#96B9BA
#96BBB8
#96BDB6
#96C0B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
