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 #B2C296 to #B296C2 and to #C2B296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2BB9D
#B2BC9C
#B3BC9B
#B3BD9A
#B4BE99
#B4BE97
#B5BF96
#B2B4A4
#B3B5A2
#B4B7A0
#B4B89D
#B5BA9B
#B6BB99
#B7BD96
#B2ADAB
#B3AFA8
#B5B1A4
#B6B3A1
#B7B59E
#B8B79A
#BABA96
#B2A6B2
#B4A9AE
#B5ACA9
#B7AFA5
#B8B2A0
#BAB49C
#BCB896
#B29FB9
#B4A3B3
#B6A6AE
#B8AAA8
#BAADA3
#BCB19D
#BFB596
#B296C2
#B59ABB
#B79FB4
#BAA3AD
#BCA8A6
#BFAC9F
#C2B296
Colorpallet from #B2C296 to #B296C2 and to #C296B2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2BB9D
#B2BB9D
#B3BB9C
#B3BB9C
#B4BB9B
#B4BB9B
#B5BB9A
#B2B4A4
#B3B4A3
#B4B4A2
#B4B4A2
#B5B4A1
#B6B4A0
#B7B49F
#B2ADAB
#B3ADAA
#B5ADA8
#B6ADA7
#B7ADA6
#B8ADA5
#BAADA3
#B2A6B2
#B4A6B0
#B5A6AF
#B7A6AD
#B8A6AC
#BAA6AA
#BCA6A8
#B29FB9
#B49FB7
#B69FB5
#B89FB3
#BA9FB1
#BC9FAF
#BF9FAC
#B296C2
#B596BF
#B796BD
#BA96BA
#BC96B8
#BF96B5
#C296B2
Colorpallet from #B2C296 to #B296C2 and to #96B2C2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2BB9D
#B1BC9D
#B1BC9D
#B0BD9D
#AFBE9D
#AFBE9D
#AEBF9D
#B2B4A4
#B1B5A4
#AFB7A4
#AEB8A4
#ACBAA4
#ABBBA4
#A9BDA4
#B2ADAB
#B0AFAB
#AEB1AB
#ACB3AB
#AAB5AB
#A8B7AB
#A5BAAB
#B2A6B2
#AFA9B2
#ACACB2
#A9AFB2
#A6B2B2
#A4B4B2
#A0B8B2
#B29FB9
#AEA3B9
#ABA6B9
#A7AAB9
#A4ADB9
#A0B1B9
#9CB5B9
#B296C2
#AE9AC2
#A99FC2
#A5A3C2
#A0A8C2
#9CACC2
#96B2C2
Colorpallet from #B2C296 to #B296C2 and to #96C2B2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2BB9D
#B1BC9D
#B1BD9C
#B0BE9C
#AFBF9B
#AFC19B
#AEC29A
#B2B4A4
#B1B6A3
#AFB8A2
#AEBBA2
#ACBDA1
#ABBFA0
#A9C29F
#B2ADAB
#B0B0AA
#AEB4A8
#ACB7A7
#AABAA6
#A8BEA5
#A5C2A3
#B2A6B2
#AFAAB0
#ACAFAF
#A9B3AD
#A6B8AC
#A4BCAA
#A0C2A8
#B29FB9
#AEA5B7
#ABAAB5
#A7B0B3
#A4B5B1
#A0BBAF
#9CC2AC
#B296C2
#AE9DBF
#A9A4BD
#A5ABBA
#A0B2B8
#9CB9B5
#96C2B2
Colorpallet from #B2C296 to #C2B296 and to #C296B2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B5BF96
#B5BE97
#B5BE97
#B5BD98
#B5BC99
#B5BC99
#B5BB9A
#B7BD96
#B7BC97
#B7BA99
#B7B99A
#B7B79C
#B7B69D
#B7B49F
#BABA96
#BAB898
#BAB69A
#BAB49C
#BAB29E
#BAB0A0
#BAADA3
#BCB896
#BCB599
#BCB29C
#BCAF9F
#BCACA2
#BCAAA4
#BCA6A8
#BFB596
#BFB19A
#BFAE9D
#BFAAA1
#BFA7A4
#BFA3A8
#BF9FAC
#C2B296
#C2AE9A
#C2A99F
#C2A5A3
#C2A0A8
#C29CAC
#C296B2
Colorpallet from #B2C296 to #C2B296 and to #96B2C2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B5BF96
#B4BF97
#B3BF98
#B2BF99
#B1BF9A
#AFBF9C
#AEBF9D
#B7BD96
#B5BD98
#B3BD9A
#B0BD9D
#AEBD9F
#ACBDA1
#A9BDA4
#BABA96
#B7BA99
#B3BA9D
#B0BAA0
#ADBAA3
#A9BAA7
#A5BAAB
#BCB896
#B8B89A
#B3B89F
#AFB8A3
#AAB8A8
#A6B8AC
#A0B8B2
#BFB596
#B9B59C
#B4B5A1
#AEB5A7
#A9B5AC
#A3B5B2
#9CB5B9
#C2B296
#BBB29D
#B4B2A4
#ADB2AB
#A6B2B2
#9FB2B9
#96B2C2
Colorpallet from #B2C296 to #C2B296 and to #96C2B2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B5BF96
#B4BF97
#B3C097
#B2C098
#B1C199
#AFC199
#AEC29A
#B7BD96
#B5BE97
#B3BF99
#B0BF9A
#AEC09C
#ACC19D
#A9C29F
#BABA96
#B7BB98
#B3BD9A
#B0BE9C
#ADBF9E
#A9C0A0
#A5C2A3
#BCB896
#B8BA99
#B3BB9C
#AFBD9F
#AABEA2
#A6C0A4
#A0C2A8
#BFB596
#B9B79A
#B4B99D
#AEBBA1
#A9BDA4
#A3BFA8
#9CC2AC
#C2B296
#BBB59A
#B4B79F
#ADBAA3
#A6BCA8
#9FBFAC
#96C2B2
Colorpallet from #B2C296 to #C296B2 and to #96B2C2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B5BB9A
#B4BC9A
#B3BC9B
#B2BD9B
#B1BE9C
#AFBE9C
#AEBF9D
#B7B49F
#B5B5A0
#B3B7A1
#B0B8A1
#AEBAA2
#ACBBA3
#A9BDA4
#BAADA3
#B7AFA4
#B3B1A6
#B0B3A7
#ADB5A8
#A9B7A9
#A5BAAB
#BCA6A8
#B8A9AA
#B3ACAB
#AFAFAD
#AAB2AE
#A6B4B0
#A0B8B2
#BF9FAC
#B9A3AE
#B4A6B0
#AEAAB2
#A9ADB4
#A3B1B6
#9CB5B9
#C296B2
#BB9AB5
#B49FB7
#ADA3BA
#A6A8BC
#9FACBF
#96B2C2
Colorpallet from #B2C296 to #C296B2 and to #96C2B2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B5BB9A
#B4BC9A
#B3BD9A
#B2BE9A
#B1BF9A
#AFC19A
#AEC29A
#B7B49F
#B5B69F
#B3B89F
#B0BB9F
#AEBD9F
#ACBF9F
#A9C29F
#BAADA3
#B7B0A3
#B3B4A3
#B0B7A3
#ADBAA3
#A9BEA3
#A5C2A3
#BCA6A8
#B8AAA8
#B3AFA8
#AFB3A8
#AAB8A8
#A6BCA8
#A0C2A8
#BF9FAC
#B9A5AC
#B4AAAC
#AEB0AC
#A9B5AC
#A3BBAC
#9CC2AC
#C296B2
#BB9DB2
#B4A4B2
#ADABB2
#A6B2B2
#9FB9B2
#96C2B2
Colorpallet from #B2C296 to #96B2C2 and to #96C2B2
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#B2C296
#AEBF9D
#AEBF9D
#AEC09C
#AEC09C
#AEC19B
#AEC19B
#AEC29A
#A9BDA4
#A9BEA3
#A9BFA2
#A9BFA2
#A9C0A1
#A9C1A0
#A9C29F
#A5BAAB
#A5BBAA
#A5BDA8
#A5BEA7
#A5BFA6
#A5C0A5
#A5C2A3
#A0B8B2
#A0BAB0
#A0BBAF
#A0BDAD
#A0BEAC
#A0C0AA
#A0C2A8
#9CB5B9
#9CB7B7
#9CB9B5
#9CBBB3
#9CBDB1
#9CBFAF
#9CC2AC
#96B2C2
#96B5BF
#96B7BD
#96BABA
#96BCB8
#96BFB5
#96C2B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
