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 #AFE4DF to #AFDFE4 and to #E4AFDF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE3E0
#B0E2E0
#B2E1E0
#B3E0E0
#B4DFDF
#B5DDDF
#B7DCDF
#AFE2E1
#B2E0E1
#B4DDE0
#B7DBE0
#BAD8E0
#BDD6DF
#C0D3DF
#AFE2E1
#B3DEE1
#B7DBE0
#BBD7E0
#BFD3E0
#C3D0DF
#C8CBDF
#AFE1E2
#B4DCE2
#BAD7E1
#BFD2E1
#C5CDE0
#CAC8E0
#D1C2DF
#AFE0E3
#B6DAE2
#BCD4E2
#C3CEE1
#CAC8E0
#D1C2E0
#D9BADF
#AFDFE4
#B7D7E3
#C0D0E2
#C8C8E2
#D1C0E1
#D9B9E0
#E4AFDF
Colorpallet from #AFE4DF to #AFDFE4 and to #E4DFAF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE3E0
#B0E3DF
#B2E3DD
#B3E3DC
#B4E3DA
#B5E3D9
#B7E3D7
#AFE2E1
#B2E2DE
#B4E2DC
#B7E2D9
#BAE2D6
#BDE2D3
#C0E2D0
#AFE2E1
#B3E2DD
#B7E2D9
#BBE2D5
#BFE2D1
#C3E2CD
#C8E2C8
#AFE1E2
#B4E1DD
#BAE1D7
#BFE1D2
#C5E1CC
#CAE1C7
#D1E1C0
#AFE0E3
#B6E0DC
#BCE0D6
#C3E0CF
#CAE0C8
#D1E0C1
#D9E0B9
#AFDFE4
#B7DFDC
#C0DFD3
#C8DFCB
#D1DFC2
#D9DFBA
#E4DFAF
Colorpallet from #AFE4DF to #AFDFE4 and to #DFAFE4
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE3E0
#B0E2E0
#B2E1E0
#B3E0E0
#B4DFE0
#B5DDE0
#B7DCE0
#AFE2E1
#B1E0E1
#B4DDE1
#B6DBE1
#B9D8E1
#BBD6E1
#BED3E1
#AFE2E1
#B3DEE1
#B6DBE1
#BAD7E1
#BED3E1
#C1D0E1
#C6CBE1
#AFE1E2
#B4DCE2
#B9D7E2
#BED2E2
#C3CDE2
#C8C8E2
#CEC2E2
#AFE0E3
#B5DAE3
#BBD4E3
#C1CEE3
#C7C8E3
#CDC2E3
#D5BAE3
#AFDFE4
#B7D7E4
#BED0E4
#C6C8E4
#CEC0E4
#D5B9E4
#DFAFE4
Colorpallet from #AFE4DF to #AFDFE4 and to #DFE4AF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE3E0
#B0E3DF
#B2E3DD
#B3E3DC
#B4E4DA
#B5E4D9
#B7E4D7
#AFE2E1
#B1E2DE
#B4E3DC
#B6E3D9
#B9E3D6
#BBE4D3
#BEE4D0
#AFE2E1
#B3E2DD
#B6E3D9
#BAE3D5
#BEE3D1
#C1E4CD
#C6E4C8
#AFE1E2
#B4E1DD
#B9E2D7
#BEE2D2
#C3E3CC
#C8E3C7
#CEE4C0
#AFE0E3
#B5E1DC
#BBE1D6
#C1E2CF
#C7E3C8
#CDE3C1
#D5E4B9
#AFDFE4
#B7E0DC
#BEE1D3
#C6E1CB
#CEE2C2
#D5E3BA
#DFE4AF
Colorpallet from #AFE4DF to #E4AFDF and to #E4DFAF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#B7DCDF
#B7DDDE
#B7DEDC
#B7DFDB
#B7E0DA
#B7E2D9
#B7E3D7
#C0D3DF
#C0D5DD
#C0D8DA
#C0DAD8
#C0DDD5
#C0DFD3
#C0E2D0
#C8CBDF
#C8CFDB
#C8D2D8
#C8D6D4
#C8DAD0
#C8DDCD
#C8E2C8
#D1C2DF
#D1C7DA
#D1CCD5
#D1D1D0
#D1D6CB
#D1DBC6
#D1E1C0
#D9BADF
#D9C0D9
#D9C6D3
#D9CCCD
#D9D2C7
#D9D8C1
#D9E0B9
#E4AFDF
#E4B7D7
#E4BED0
#E4C6C8
#E4CEC0
#E4D5B9
#E4DFAF
Colorpallet from #AFE4DF to #E4AFDF and to #DFAFE4
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#B7DCDF
#B7DCDF
#B7DCDF
#B7DCDF
#B7DCE0
#B7DCE0
#B7DCE0
#C0D3DF
#C0D3DF
#BFD3E0
#BFD3E0
#BFD3E0
#BED3E1
#BED3E1
#C8CBDF
#C8CBDF
#C7CBE0
#C7CBE0
#C7CBE0
#C6CBE1
#C6CBE1
#D1C2DF
#D1C2DF
#D0C2E0
#D0C2E0
#CFC2E1
#CFC2E1
#CEC2E2
#D9BADF
#D8BAE0
#D8BAE0
#D7BAE1
#D6BAE2
#D6BAE2
#D5BAE3
#E4AFDF
#E3AFE0
#E2AFE1
#E2AFE1
#E1AFE2
#E0AFE3
#DFAFE4
Colorpallet from #AFE4DF to #E4AFDF and to #DFE4AF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#B7DCDF
#B7DDDE
#B7DFDC
#B7E0DB
#B7E1DA
#B7E2D9
#B7E4D7
#C0D3DF
#C0D6DD
#BFD8DA
#BFDBD8
#BFDED5
#BEE1D3
#BEE4D0
#C8CBDF
#C8CFDB
#C7D3D8
#C7D7D4
#C7DBD0
#C6DFCD
#C6E4C8
#D1C2DF
#D1C7DA
#D0CDD5
#D0D2D0
#CFD8CB
#CFDDC6
#CEE4C0
#D9BADF
#D8C1D9
#D8C7D3
#D7CECD
#D6D5C7
#D6DCC1
#D5E4B9
#E4AFDF
#E3B7D7
#E2C0D0
#E2C8C8
#E1D1C0
#E0D9B9
#DFE4AF
Colorpallet from #AFE4DF to #E4DFAF and to #DFAFE4
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#B7E3D7
#B7E2D8
#B7E1DA
#B7E0DB
#B7DFDD
#B7DDDE
#B7DCE0
#C0E2D0
#C0E0D3
#BFDDD5
#BFDBD8
#BFD8DB
#BED6DE
#BED3E1
#C8E2C8
#C8DECC
#C7DBD0
#C7D7D4
#C7D3D8
#C6D0DC
#C6CBE1
#D1E1C0
#D1DCC5
#D0D7CB
#D0D2D0
#CFCDD6
#CFC8DB
#CEC2E2
#D9E0B9
#D8DAC0
#D8D4C6
#D7CECD
#D6C8D4
#D6C2DB
#D5BAE3
#E4DFAF
#E3D7B7
#E2D0C0
#E2C8C8
#E1C0D1
#E0B9D9
#DFAFE4
Colorpallet from #AFE4DF to #E4DFAF and to #DFE4AF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#B7E3D7
#B7E3D7
#B7E3D7
#B7E3D7
#B7E4D7
#B7E4D7
#B7E4D7
#C0E2D0
#C0E2D0
#BFE3D0
#BFE3D0
#BFE3D0
#BEE4D0
#BEE4D0
#C8E2C8
#C8E2C8
#C7E3C8
#C7E3C8
#C7E3C8
#C6E4C8
#C6E4C8
#D1E1C0
#D1E1C0
#D0E2C0
#D0E2C0
#CFE3C0
#CFE3C0
#CEE4C0
#D9E0B9
#D8E1B9
#D8E1B9
#D7E2B9
#D6E3B9
#D6E3B9
#D5E4B9
#E4DFAF
#E3E0AF
#E2E1AF
#E2E1AF
#E1E2AF
#E0E3AF
#DFE4AF
Colorpallet from #AFE4DF to #DFAFE4 and to #DFE4AF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#AFE4DF
#B7DCE0
#B7DDDF
#B7DFDD
#B7E0DC
#B7E1DA
#B7E2D9
#B7E4D7
#BED3E1
#BED6DE
#BED8DC
#BEDBD9
#BEDED6
#BEE1D3
#BEE4D0
#C6CBE1
#C6CFDD
#C6D3D9
#C6D7D5
#C6DBD1
#C6DFCD
#C6E4C8
#CEC2E2
#CEC7DD
#CECDD7
#CED2D2
#CED8CC
#CEDDC7
#CEE4C0
#D5BAE3
#D5C1DC
#D5C7D6
#D5CECF
#D5D5C8
#D5DCC1
#D5E4B9
#DFAFE4
#DFB7DC
#DFC0D3
#DFC8CB
#DFD1C2
#DFD9BA
#DFE4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts