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 #57B6D2 to #57D2B6 and to #B657D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57BACE
#59B7CF
#5CB4CF
#5EB1D0
#61AED1
#63ABD1
#66A7D2
#57BFC9
#5CB9CA
#61B3CC
#65ACCD
#6AA6CF
#6FA0D0
#7598D2
#57C3C5
#5EBAC7
#66B0C9
#6DA7CB
#749DCD
#7C94CF
#8588D2
#57C8C0
#61BBC3
#6BAFC6
#74A2C9
#7E95CC
#8889CE
#9479D2
#57CCBC
#63BCC0
#6FADC3
#7B9DC7
#888DCA
#947ECE
#A36AD2
#57D2B6
#66BEBA
#75ABBF
#8597C3
#9483C8
#A370CC
#B657D2
Colorpallet from #57B6D2 to #57D2B6 and to #B6D257
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57BACE
#59BACB
#5CBAC9
#5EBAC6
#61BAC4
#63BAC1
#66BABE
#57BFC9
#5CBFC4
#61BFBF
#65BFBB
#6ABFB6
#6FBFB1
#75BFAB
#57C3C5
#5EC3BE
#66C3B6
#6DC3AF
#74C3A8
#7CC3A0
#85C397
#57C8C0
#61C8B6
#6BC8AC
#74C8A3
#7EC899
#88C88F
#94C883
#57CCBC
#63CCB0
#6FCCA4
#7BCC98
#88CC8B
#94CC7F
#A3CC70
#57D2B6
#66D2A7
#75D298
#85D288
#94D279
#A3D26A
#B6D257
Colorpallet from #57B6D2 to #57D2B6 and to #D257B6
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57BACE
#5AB7CE
#5DB4CE
#61B1CE
#64AECE
#67ABCE
#6BA7CE
#57BFC9
#5DB9C9
#63B3C9
#6AACC9
#70A6C9
#76A0C9
#7E98C9
#57C3C5
#60BAC5
#6AB0C5
#73A7C5
#7D9DC5
#8694C5
#9288C5
#57C8C0
#64BBC0
#70AFC0
#7DA2C0
#8A95C0
#9689C0
#A679C0
#57CCBC
#67BCBC
#76ADBC
#869DBC
#968DBC
#A57EBC
#B96ABC
#57D2B6
#6BBEB6
#7EABB6
#9297B6
#A683B6
#B970B6
#D257B6
Colorpallet from #57B6D2 to #57D2B6 and to #D2B657
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57BACE
#5AB9CB
#5DB9C9
#61B8C6
#64B7C4
#67B7C1
#6BB6BE
#57BFC9
#5DBEC4
#63BCBF
#6ABBBB
#70B9B6
#76B8B1
#7EB6AB
#57C3C5
#60C1BE
#6ABFB6
#73BDAF
#7DBBA8
#86B9A0
#92B697
#57C8C0
#64C5B6
#70C2AC
#7DBFA3
#8ABC99
#96BA8F
#A6B683
#57CCBC
#67C8B0
#76C5A4
#86C198
#96BE8B
#A5BA7F
#B9B670
#57D2B6
#6BCEA7
#7EC998
#92C588
#A6C079
#B9BC6A
#D2B657
Colorpallet from #57B6D2 to #B657D2 and to #B6D257
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#66A7D2
#66AACF
#66ADCC
#66B0C8
#66B3C5
#66B6C2
#66BABE
#7598D2
#759ECC
#75A4C6
#75ABBF
#75B1B9
#75B7B3
#75BFAB
#8588D2
#8591C9
#859BBF
#85A4B6
#85AEAC
#85B7A3
#85C397
#9479D2
#9486C5
#9492B9
#949FAC
#94AC9F
#94B893
#94C883
#A36AD2
#A37AC2
#A389B3
#A399A3
#A3A993
#A3B884
#A3CC70
#B657D2
#B66BBE
#B67EAB
#B69297
#B6A683
#B6B970
#B6D257
Colorpallet from #57B6D2 to #B657D2 and to #D257B6
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#66A7D2
#67A7D1
#68A7D1
#68A7D0
#69A7CF
#6AA7CF
#6BA7CE
#7598D2
#7698D1
#7898CF
#7998CE
#7B98CC
#7C98CB
#7E98C9
#8588D2
#8788D0
#8988CE
#8B88CC
#8D88CA
#8F88C8
#9288C5
#9479D2
#9779CF
#9A79CC
#9D79C9
#A079C6
#A279C4
#A679C0
#A36AD2
#A76ACE
#AA6ACB
#AE6AC7
#B16AC4
#B56AC0
#B96ABC
#B657D2
#BA57CE
#BF57C9
#C357C5
#C857C0
#CC57BC
#D257B6
Colorpallet from #57B6D2 to #B657D2 and to #D2B657
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#66A7D2
#67A9CF
#68ACCC
#68AEC8
#69B1C5
#6AB3C2
#6BB6BE
#7598D2
#769DCC
#78A2C6
#79A6BF
#7BABB9
#7CB0B3
#7EB6AB
#8588D2
#878FC9
#8997BF
#8B9EB6
#8DA5AC
#8FADA3
#92B697
#9479D2
#9783C5
#9A8DB9
#9D96AC
#A0A09F
#A2AA93
#A6B683
#A36AD2
#A776C2
#AA82B3
#AE8EA3
#B19B93
#B5A784
#B9B670
#B657D2
#BA66BE
#BF75AB
#C38597
#C89483
#CCA370
#D2B657
Colorpallet from #57B6D2 to #B6D257 and to #D257B6
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#66BABE
#67B7C1
#68B4C3
#68B1C6
#69AEC8
#6AABCB
#6BA7CE
#75BFAB
#76B9B0
#78B3B5
#79ACB9
#7BA6BE
#7CA0C3
#7E98C9
#85C397
#87BA9E
#89B0A6
#8BA7AD
#8D9DB4
#8F94BC
#9288C5
#94C883
#97BB8D
#9AAF97
#9DA2A0
#A095AA
#A289B4
#A679C0
#A3CC70
#A7BC7C
#AAAD88
#AE9D94
#B18DA1
#B57EAD
#B96ABC
#B6D257
#BABE66
#BFAB75
#C39785
#C88394
#CC70A3
#D257B6
Colorpallet from #57B6D2 to #B6D257 and to #D2B657
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#66BABE
#67B9BE
#68B9BE
#68B8BE
#69B7BE
#6AB7BE
#6BB6BE
#75BFAB
#76BEAB
#78BCAB
#79BBAB
#7BB9AB
#7CB8AB
#7EB6AB
#85C397
#87C197
#89BF97
#8BBD97
#8DBB97
#8FB997
#92B697
#94C883
#97C583
#9AC283
#9DBF83
#A0BC83
#A2BA83
#A6B683
#A3CC70
#A7C870
#AAC570
#AEC170
#B1BE70
#B5BA70
#B9B670
#B6D257
#BACE57
#BFC957
#C3C557
#C8C057
#CCBC57
#D2B657
Colorpallet from #57B6D2 to #D257B6 and to #D2B657
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#57B6D2
#6BA7CE
#6BA9CB
#6BACC9
#6BAEC6
#6BB1C4
#6BB3C1
#6BB6BE
#7E98C9
#7E9DC4
#7EA2BF
#7EA6BB
#7EABB6
#7EB0B1
#7EB6AB
#9288C5
#928FBE
#9297B6
#929EAF
#92A5A8
#92ADA0
#92B697
#A679C0
#A683B6
#A68DAC
#A696A3
#A6A099
#A6AA8F
#A6B683
#B96ABC
#B976B0
#B982A4
#B98E98
#B99B8B
#B9A77F
#B9B670
#D257B6
#D266A7
#D27598
#D28588
#D29479
#D2A36A
#D2B657
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
