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 #B286C4 to #B2C486 and to #86B2C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B290BA
#B190BC
#B08FBD
#AF8FBF
#AE8EC0
#AC8EC2
#AB8DC4
#B29AB0
#B099B3
#AE98B6
#AB97BA
#A996BD
#A795C0
#A494C4
#B2A4A6
#AFA3AB
#ABA1B0
#A8A0B4
#A59EB9
#A19DBE
#9D9BC4
#B2AE9C
#AEACA2
#A9AAA9
#A5A8AF
#A0A6B6
#9CA4BC
#96A2C4
#B2B892
#ACB69A
#A7B3A2
#A1B1AA
#9CAEB2
#96ACBA
#8FA9C4
#B2C486
#ABC190
#A4BE9A
#9DBBA4
#96B8AE
#8FB6B8
#86B2C4
Colorpallet from #B286C4 to #B2C486 and to #86C4B2
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B290BA
#B190BB
#B090BC
#AF90BD
#AE90BE
#AC90C0
#AB90C1
#B29AB0
#B09AB2
#AE9AB4
#AB9AB7
#A99AB9
#A79ABB
#A49ABE
#B2A4A6
#AFA4A9
#ABA4AD
#A8A4B0
#A5A4B3
#A1A4B7
#9DA4BB
#B2AE9C
#AEAEA0
#A9AEA5
#A5AEA9
#A0AEAE
#9CAEB2
#96AEB8
#B2B892
#ACB898
#A7B89E
#A1B8A3
#9CB8A9
#96B8AF
#8FB8B6
#B2C486
#ABC48D
#A4C494
#9DC49B
#96C4A2
#8FC4A9
#86C4B2
Colorpallet from #B286C4 to #B2C486 and to #C4B286
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B290BA
#B290BA
#B38FBA
#B38FBA
#B48EBA
#B48EBA
#B58DBA
#B29AB0
#B399B0
#B498B0
#B597B0
#B696B0
#B795B0
#B894B0
#B2A4A6
#B3A3A6
#B5A1A6
#B6A0A6
#B89EA6
#B99DA6
#BB9BA6
#B2AE9C
#B4AC9C
#B6AA9C
#B8A89C
#BAA69C
#BCA49C
#BEA29C
#B2B892
#B4B692
#B6B392
#B9B192
#BBAE92
#BDAC92
#C0A992
#B2C486
#B5C186
#B8BE86
#BBBB86
#BEB886
#C0B686
#C4B286
Colorpallet from #B286C4 to #B2C486 and to #C486B2
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B290BA
#B28EBB
#B38DBC
#B38BBD
#B48ABE
#B488C0
#B586C1
#B29AB0
#B397B2
#B494B4
#B590B7
#B68DB9
#B78ABB
#B886BE
#B2A4A6
#B39FA9
#B59AAD
#B696B0
#B891B3
#B98CB7
#BB86BB
#B2AE9C
#B4A8A0
#B6A1A5
#B89BA9
#BA94AE
#BC8EB2
#BE86B8
#B2B892
#B4B098
#B6A89E
#B9A0A3
#BB98A9
#BD90AF
#C086B6
#B2C486
#B5BA8D
#B8B094
#BBA69B
#BE9CA2
#C092A9
#C486B2
Colorpallet from #B286C4 to #86B2C4 and to #86C4B2
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#AB8DC4
#AB8DC4
#AB8EC3
#AB8EC3
#AB8FC2
#AB8FC2
#AB90C1
#A494C4
#A495C3
#A496C2
#A497C1
#A498C0
#A499BF
#A49ABE
#9D9BC4
#9D9CC3
#9D9EC1
#9D9FC0
#9DA1BE
#9DA2BD
#9DA4BB
#96A2C4
#96A4C2
#96A6C0
#96A8BE
#96AABC
#96ACBA
#96AEB8
#8FA9C4
#8FABC2
#8FAEC0
#8FB0BD
#8FB3BB
#8FB5B9
#8FB8B6
#86B2C4
#86B5C1
#86B8BE
#86BBBB
#86BEB8
#86C0B6
#86C4B2
Colorpallet from #B286C4 to #86B2C4 and to #C4B286
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#AB8DC4
#AD8DC2
#AE8DC1
#B08DBF
#B18DBE
#B38DBC
#B58DBA
#A494C4
#A794C1
#AA94BE
#AE94BA
#B194B7
#B494B4
#B894B0
#9D9BC4
#A29BBF
#A79BBA
#AB9BB6
#B09BB1
#B59BAC
#BB9BA6
#96A2C4
#9CA2BE
#A3A2B7
#A9A2B1
#B0A2AA
#B6A2A4
#BEA29C
#8FA9C4
#97A9BC
#9FA9B4
#A7A9AC
#AEA9A4
#B6A99C
#C0A992
#86B2C4
#90B2BA
#9AB2B0
#A4B2A6
#AEB29C
#B8B292
#C4B286
Colorpallet from #B286C4 to #86B2C4 and to #C486B2
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#AB8DC4
#AD8CC4
#AE8BC3
#B08AC3
#B189C2
#B387C2
#B586C1
#A494C4
#A792C3
#AA90C2
#AE8DC1
#B18BC0
#B489BF
#B886BE
#9D9BC4
#A298C3
#A794C1
#AB91C0
#B08EBE
#B58ABD
#BB86BB
#96A2C4
#9C9EC2
#A399C0
#A995BE
#B090BC
#B68CBA
#BE86B8
#8FA9C4
#97A3C2
#9F9EC0
#A798BD
#AE93BB
#B68DB9
#C086B6
#86B2C4
#90ABC1
#9AA4BE
#A49DBB
#AE96B8
#B88FB6
#C486B2
Colorpallet from #B286C4 to #86C4B2 and to #C4B286
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#AB90C1
#AD90C0
#AE8FBF
#B08FBE
#B18EBD
#B38EBB
#B58DBA
#A49ABE
#A799BC
#AA98BA
#AE97B7
#B196B5
#B495B3
#B894B0
#9DA4BB
#A2A3B8
#A7A1B4
#ABA0B1
#B09EAE
#B59DAA
#BB9BA6
#96AEB8
#9CACB4
#A3AAAF
#A9A8AB
#B0A6A6
#B6A4A2
#BEA29C
#8FB8B6
#97B6B0
#9FB3AA
#A7B1A5
#AEAE9F
#B6AC99
#C0A992
#86C4B2
#90C1AB
#9ABEA4
#A4BB9D
#AEB896
#B8B68F
#C4B286
Colorpallet from #B286C4 to #86C4B2 and to #C486B2
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#AB90C1
#AD8EC1
#AE8DC1
#B08BC1
#B18AC1
#B388C1
#B586C1
#A49ABE
#A797BE
#AA94BE
#AE90BE
#B18DBE
#B48ABE
#B886BE
#9DA4BB
#A29FBB
#A79ABB
#AB96BB
#B091BB
#B58CBB
#BB86BB
#96AEB8
#9CA8B8
#A3A1B8
#A99BB8
#B094B8
#B68EB8
#BE86B8
#8FB8B6
#97B0B6
#9FA8B6
#A7A0B6
#AE98B6
#B690B6
#C086B6
#86C4B2
#90BAB2
#9AB0B2
#A4A6B2
#AE9CB2
#B892B2
#C486B2
Colorpallet from #B286C4 to #C4B286 and to #C486B2
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B286C4
#B58DBA
#B58CBB
#B58BBC
#B58ABD
#B589BE
#B587C0
#B586C1
#B894B0
#B892B2
#B890B4
#B88DB7
#B88BB9
#B889BB
#B886BE
#BB9BA6
#BB98A9
#BB94AD
#BB91B0
#BB8EB3
#BB8AB7
#BB86BB
#BEA29C
#BE9EA0
#BE99A5
#BE95A9
#BE90AE
#BE8CB2
#BE86B8
#C0A992
#C0A398
#C09E9E
#C098A3
#C093A9
#C08DAF
#C086B6
#C4B286
#C4AB8D
#C4A494
#C49D9B
#C496A2
#C48FA9
#C486B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
