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 #C1D1F4 to #C1F4D1 and to #D1C1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D7EE
#C1D6EF
#C2D4F0
#C2D3F1
#C3D1F2
#C3D0F3
#C4CEF4
#C1DCE9
#C2D9EB
#C3D7ED
#C3D4EE
#C4D2F0
#C5CFF2
#C6CCF4
#C1E2E3
#C2DEE6
#C4DAE8
#C5D6EB
#C6D2EE
#C7CEF1
#C9C9F4
#C1E7DE
#C3E2E2
#C4DDE5
#C6D8E9
#C7D3EC
#C9CDF0
#CBC7F4
#C1EDD8
#C3E6DC
#C5E0E1
#C7D9E5
#C9D3EA
#CBCCEE
#CEC4F4
#C1F4D1
#C4ECD7
#C6E4DC
#C9DCE2
#CBD3E7
#CECBED
#D1C1F4
Colorpallet from #C1D1F4 to #C1F4D1 and to #D1F4C1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D7EE
#C1D7EE
#C2D7ED
#C2D7ED
#C3D7ED
#C3D7EC
#C4D7EC
#C1DCE9
#C2DCE8
#C3DCE7
#C3DCE7
#C4DCE6
#C5DCE5
#C6DCE4
#C1E2E3
#C2E2E2
#C4E2E1
#C5E2E0
#C6E2DF
#C7E2DD
#C9E2DC
#C1E7DE
#C3E7DC
#C4E7DA
#C6E7D9
#C7E7D7
#C9E7D5
#CBE7D3
#C1EDD8
#C3EDD6
#C5EDD4
#C7EDD2
#C9EDD0
#CBEDCE
#CEEDCB
#C1F4D1
#C4F4CE
#C6F4CC
#C9F4C9
#CBF4C7
#CEF4C4
#D1F4C1
Colorpallet from #C1D1F4 to #C1F4D1 and to #F4C1D1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D7EE
#C2D6EE
#C4D4EE
#C5D3EE
#C6D1EE
#C7D0EE
#C9CEEE
#C1DCE9
#C4D9E9
#C6D7E9
#C9D4E9
#CBD2E9
#CECFE9
#D1CCE9
#C1E2E3
#C5DEE3
#C9DAE3
#CDD6E3
#D0D2E3
#D4CEE3
#D9C9E3
#C1E7DE
#C6E2DE
#CCDDDE
#D1D8DE
#D6D3DE
#DBCDDE
#E2C7DE
#C1EDD8
#C8E6D8
#CEE0D8
#D5D9D8
#DBD3D8
#E2CCD8
#EAC4D8
#C1F4D1
#C9ECD1
#D1E4D1
#D9DCD1
#E2D3D1
#EACBD1
#F4C1D1
Colorpallet from #C1D1F4 to #C1F4D1 and to #F4D1C1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D7EE
#C2D6EE
#C4D5ED
#C5D4ED
#C6D3ED
#C7D2EC
#C9D1EC
#C1DCE9
#C4DAE8
#C6D8E7
#C9D7E7
#CBD5E6
#CED3E5
#D1D1E4
#C1E2E3
#C5DFE2
#C9DDE1
#CDDAE0
#D0D7DF
#D4D4DD
#D9D1DC
#C1E7DE
#C6E3DC
#CCE0DA
#D1DCD9
#D6D9D7
#DBD5D5
#E2D1D3
#C1EDD8
#C8E9D6
#CEE4D4
#D5E0D2
#DBDBD0
#E2D7CE
#EAD1CB
#C1F4D1
#C9EECE
#D1E9CC
#D9E3C9
#E2DEC7
#EAD8C4
#F4D1C1
Colorpallet from #C1D1F4 to #D1C1F4 and to #D1F4C1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C4CEF4
#C4CFF3
#C4D1F1
#C4D2F0
#C4D4EF
#C4D5EE
#C4D7EC
#C6CCF4
#C6CFF1
#C6D1EF
#C6D4EC
#C6D6EA
#C6D9E7
#C6DCE4
#C9C9F4
#C9CDF0
#C9D1EC
#C9D5E8
#C9D9E5
#C9DDE1
#C9E2DC
#CBC7F4
#CBCCEF
#CBD1E9
#CBD6E4
#CBDBDF
#CBE1DA
#CBE7D3
#CEC4F4
#CECBED
#CED1E7
#CED8E0
#CEDEDA
#CEE5D3
#CEEDCB
#D1C1F4
#D1C9EC
#D1D1E4
#D1D9DC
#D1E2D3
#D1EACB
#D1F4C1
Colorpallet from #C1D1F4 to #D1C1F4 and to #F4C1D1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C4CEF4
#C5CEF3
#C6CEF2
#C6CEF1
#C7CEF0
#C8CEEF
#C9CEEE
#C6CCF4
#C8CCF2
#CACCF0
#CBCCEF
#CDCCED
#CFCCEB
#D1CCE9
#C9C9F4
#CCC9F1
#CEC9EF
#D1C9EC
#D3C9E9
#D6C9E6
#D9C9E3
#CBC7F4
#CFC7F0
#D2C7ED
#D6C7E9
#DAC7E6
#DDC7E2
#E2C7DE
#CEC4F4
#D2C4F0
#D7C4EB
#DBC4E7
#E0C4E2
#E4C4DE
#EAC4D8
#D1C1F4
#D7C1EE
#DCC1E9
#E2C1E3
#E7C1DE
#EDC1D8
#F4C1D1
Colorpallet from #C1D1F4 to #D1C1F4 and to #F4D1C1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C4CEF4
#C5CEF3
#C6CFF1
#C6CFF0
#C7D0EF
#C8D0EE
#C9D1EC
#C6CCF4
#C8CDF1
#CACEEF
#CBCEEC
#CDCFEA
#CFD0E7
#D1D1E4
#C9C9F4
#CCCAF0
#CECCEC
#D1CDE8
#D3CEE5
#D6CFE1
#D9D1DC
#CBC7F4
#CFC9EF
#D2CAE9
#D6CCE4
#DACDDF
#DDCFDA
#E2D1D3
#CEC4F4
#D2C6ED
#D7C8E7
#DBCAE0
#E0CCDA
#E4CED3
#EAD1CB
#D1C1F4
#D7C4EC
#DCC6E4
#E2C9DC
#E7CBD3
#EDCECB
#F4D1C1
Colorpallet from #C1D1F4 to #D1F4C1 and to #F4C1D1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C4D7EC
#C5D6EC
#C6D4ED
#C6D3ED
#C7D1ED
#C8D0EE
#C9CEEE
#C6DCE4
#C8D9E5
#CAD7E6
#CBD4E6
#CDD2E7
#CFCFE8
#D1CCE9
#C9E2DC
#CCDEDD
#CEDADE
#D1D6DF
#D3D2E0
#D6CEE2
#D9C9E3
#CBE7D3
#CFE2D5
#D2DDD7
#D6D8D8
#DAD3DA
#DDCDDC
#E2C7DE
#CEEDCB
#D2E6CD
#D7E0CF
#DBD9D1
#E0D3D3
#E4CCD5
#EAC4D8
#D1F4C1
#D7ECC4
#DCE4C6
#E2DCC9
#E7D3CB
#EDCBCE
#F4C1D1
Colorpallet from #C1D1F4 to #D1F4C1 and to #F4D1C1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C4D7EC
#C5D6EC
#C6D5EC
#C6D4EC
#C7D3EC
#C8D2EC
#C9D1EC
#C6DCE4
#C8DAE4
#CAD8E4
#CBD7E4
#CDD5E4
#CFD3E4
#D1D1E4
#C9E2DC
#CCDFDC
#CEDDDC
#D1DADC
#D3D7DC
#D6D4DC
#D9D1DC
#CBE7D3
#CFE3D3
#D2E0D3
#D6DCD3
#DAD9D3
#DDD5D3
#E2D1D3
#CEEDCB
#D2E9CB
#D7E4CB
#DBE0CB
#E0DBCB
#E4D7CB
#EAD1CB
#D1F4C1
#D7EEC1
#DCE9C1
#E2E3C1
#E7DEC1
#EDD8C1
#F4D1C1
Colorpallet from #C1D1F4 to #F4C1D1 and to #F4D1C1
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C1D1F4
#C9CEEE
#C9CEEE
#C9CFED
#C9CFED
#C9D0ED
#C9D0EC
#C9D1EC
#D1CCE9
#D1CDE8
#D1CEE7
#D1CEE7
#D1CFE6
#D1D0E5
#D1D1E4
#D9C9E3
#D9CAE2
#D9CCE1
#D9CDE0
#D9CEDF
#D9CFDD
#D9D1DC
#E2C7DE
#E2C9DC
#E2CADA
#E2CCD9
#E2CDD7
#E2CFD5
#E2D1D3
#EAC4D8
#EAC6D6
#EAC8D4
#EACAD2
#EACCD0
#EACECE
#EAD1CB
#F4C1D1
#F4C4CE
#F4C6CC
#F4C9C9
#F4CBC7
#F4CEC4
#F4D1C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts