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 #D684A1 to #D6A184 and to #84D6A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D6899C
#D48A9D
#D28C9E
#D08D9E
#CE8E9F
#CC8FA0
#C991A1
#D68D98
#D29099
#CE929B
#CA959C
#C5989E
#C19B9F
#BC9EA1
#D69293
#D09695
#CA9A97
#C39E9A
#BDA29C
#B7A69E
#AFABA1
#D6978E
#CE9C91
#C5A294
#BDA797
#B5AC9A
#ACB19D
#A2B8A1
#D69B8A
#CBA28E
#C1A991
#B6B095
#ACB799
#A1BD9C
#94C6A1
#D6A184
#C9A989
#BCB28D
#AFBA92
#A2C397
#94CB9B
#84D6A1
Colorpallet from #D684A1 to #D6A184 and to #84A1D6
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D6899C
#D4899E
#D289A0
#D089A2
#CE89A4
#CC89A6
#C989A9
#D68D98
#D28D9C
#CE8DA0
#CA8DA4
#C58DA9
#C18DAD
#BC8DB2
#D69293
#D09299
#CA929F
#C392A6
#BD92AC
#B792B2
#AF92BA
#D6978E
#CE9796
#C5979F
#BD97A7
#B597B0
#AC97B8
#A297C3
#D69B8A
#CB9B94
#C19B9F
#B69BA9
#AC9BB4
#A19BBE
#949BCB
#D6A184
#C9A191
#BCA19E
#AFA1AB
#A2A1B8
#94A1C6
#84A1D6
Colorpallet from #D684A1 to #D6A184 and to #A1D684
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D6899C
#D58A9C
#D38C9C
#D28D9C
#D18E9C
#D08F9C
#CE919C
#D68D98
#D39098
#D19298
#CE9598
#CB9898
#C89B98
#C59E98
#D69293
#D29693
#CE9A93
#CA9E93
#C6A293
#C2A693
#BDAB93
#D6978E
#D19C8E
#CBA28E
#C6A78E
#C0AC8E
#BBB18E
#B4B88E
#D69B8A
#CFA28A
#C9A98A
#C2B08A
#BBB78A
#B4BD8A
#ACC68A
#D6A184
#CEA984
#C5B284
#BDBA84
#B4C384
#ACCB84
#A1D684
Colorpallet from #D684A1 to #D6A184 and to #A184D6
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D6899C
#D5889E
#D387A0
#D287A2
#D186A4
#D085A6
#CE84A9
#D68D98
#D38C9C
#D18AA0
#CE89A4
#CB87A9
#C886AD
#C584B2
#D69293
#D29099
#CE8E9F
#CA8BA6
#C689AC
#C287B2
#BD84BA
#D6978E
#D19496
#CB919F
#C68EA7
#C08BB0
#BB88B8
#B484C3
#D69B8A
#CF9794
#C9949F
#C290A9
#BB8CB4
#B489BE
#AC84CB
#D6A184
#CE9C91
#C5989E
#BD93AB
#B48EB8
#AC8AC6
#A184D6
Colorpallet from #D684A1 to #84D6A1 and to #84A1D6
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#C991A1
#C990A2
#C98EA4
#C98DA5
#C98CA6
#C98BA7
#C989A9
#BC9EA1
#BC9BA4
#BC99A6
#BC96A9
#BC93AC
#BC90AF
#BC8DB2
#AFABA1
#AFA7A5
#AFA3A9
#AF9FAD
#AF9BB1
#AF97B5
#AF92BA
#A2B8A1
#A2B3A6
#A2ADAC
#A2A8B1
#A2A3B7
#A29EBC
#A297C3
#94C6A1
#94BFA8
#94B8AE
#94B1B5
#94AABC
#94A4C3
#949BCB
#84D6A1
#84CEA9
#84C5B2
#84BDBA
#84B4C3
#84ACCB
#84A1D6
Colorpallet from #D684A1 to #84D6A1 and to #A1D684
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#C991A1
#CA91A0
#CB919F
#CB919F
#CC919E
#CD919D
#CE919C
#BC9EA1
#BD9EA0
#BF9E9E
#C09E9D
#C29E9B
#C39E9A
#C59E98
#AFABA1
#B1AB9F
#B3AB9D
#B6AB9A
#B8AB98
#BAAB96
#BDAB93
#A2B8A1
#A5B89E
#A8B89B
#ABB898
#AEB895
#B0B892
#B4B88E
#94C6A1
#98C69D
#9CC69A
#A0C696
#A3C692
#A7C68F
#ACC68A
#84D6A1
#89D69C
#8DD698
#92D693
#97D68E
#9BD68A
#A1D684
Colorpallet from #D684A1 to #84D6A1 and to #A184D6
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#C991A1
#CA8FA2
#CB8DA4
#CB8BA5
#CC89A6
#CD87A7
#CE84A9
#BC9EA1
#BD9AA4
#BF96A6
#C092A9
#C28DAC
#C389AF
#C584B2
#AFABA1
#B1A5A5
#B39FA9
#B698AD
#B892B1
#BA8CB5
#BD84BA
#A2B8A1
#A5B0A6
#A8A7AC
#AB9FB1
#AE97B7
#B08EBC
#B484C3
#94C6A1
#98BBA8
#9CB1AE
#A0A6B5
#A39CBC
#A791C3
#AC84CB
#84D6A1
#89C9A9
#8DBCB2
#92AFBA
#97A2C3
#9B94CB
#A184D6
Colorpallet from #D684A1 to #84A1D6 and to #A1D684
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#C989A9
#CA8AA7
#CB8CA5
#CB8DA3
#CC8EA1
#CD8F9F
#CE919C
#BC8DB2
#BD90AE
#BF92AA
#C095A6
#C298A1
#C39B9D
#C59E98
#AF92BA
#B196B4
#B39AAE
#B69EA7
#B8A2A1
#BAA69B
#BDAB93
#A297C3
#A59CBB
#A8A2B2
#ABA7AA
#AEACA1
#B0B199
#B4B88E
#949BCB
#98A2C1
#9CA9B6
#A0B0AC
#A3B7A1
#A7BD97
#ACC68A
#84A1D6
#89A9C9
#8DB2BC
#92BAAF
#97C3A2
#9BCB94
#A1D684
Colorpallet from #D684A1 to #84A1D6 and to #A184D6
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#C989A9
#CA88A9
#CB87A9
#CB87A9
#CC86A9
#CD85A9
#CE84A9
#BC8DB2
#BD8CB2
#BF8AB2
#C089B2
#C287B2
#C386B2
#C584B2
#AF92BA
#B190BA
#B38EBA
#B68BBA
#B889BA
#BA87BA
#BD84BA
#A297C3
#A594C3
#A891C3
#AB8EC3
#AE8BC3
#B088C3
#B484C3
#949BCB
#9897CB
#9C94CB
#A090CB
#A38CCB
#A789CB
#AC84CB
#84A1D6
#899CD6
#8D98D6
#9293D6
#978ED6
#9B8AD6
#A184D6
Colorpallet from #D684A1 to #A1D684 and to #A184D6
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#D684A1
#CE919C
#CE8F9E
#CE8DA0
#CE8BA2
#CE89A4
#CE87A6
#CE84A9
#C59E98
#C59A9C
#C596A0
#C592A4
#C58DA9
#C589AD
#C584B2
#BDAB93
#BDA599
#BD9F9F
#BD98A6
#BD92AC
#BD8CB2
#BD84BA
#B4B88E
#B4B096
#B4A79F
#B49FA7
#B497B0
#B48EB8
#B484C3
#ACC68A
#ACBB94
#ACB19F
#ACA6A9
#AC9CB4
#AC91BE
#AC84CB
#A1D684
#A1C991
#A1BC9E
#A1AFAB
#A1A2B8
#A194C6
#A184D6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
