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 #C8D3E4 to #C8E4D3 and to #D3C8E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D6E1
#C8D5E1
#C9D4E2
#C9D4E2
#C9D3E3
#CAD2E3
#CAD1E4
#C8D8DF
#C9D7E0
#C9D5E1
#CAD4E1
#CBD2E2
#CBD1E3
#CCCFE4
#C8DBDC
#C9D9DD
#CAD7DF
#CAD5E0
#CBD3E1
#CCD1E2
#CDCEE4
#C8DED9
#C9DBDB
#CAD8DD
#CBD5DE
#CCD2E0
#CED0E2
#CFCCE4
#C8E1D6
#C9DDD8
#CBDADA
#CCD6DD
#CED2DF
#CFCFE1
#D1CAE4
#C8E4D3
#CAE0D6
#CCDBD8
#CDD7DB
#CFD2DE
#D1CEE1
#D3C8E4
Colorpallet from #C8D3E4 to #C8E4D3 and to #D3E4C8
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D6E1
#C8D6E1
#C9D6E1
#C9D6E1
#C9D6E0
#CAD6E0
#CAD6E0
#C8D8DF
#C9D8DE
#C9D8DE
#CAD8DD
#CBD8DC
#CBD8DC
#CCD8DB
#C8DBDC
#C9DBDB
#CADBDA
#CADBDA
#CBDBD9
#CCDBD8
#CDDBD7
#C8DED9
#C9DED8
#CADED7
#CBDED6
#CCDED5
#CEDED3
#CFDED2
#C8E1D6
#C9E1D5
#CBE1D3
#CCE1D2
#CEE1D1
#CFE1D0
#D1E1CE
#C8E4D3
#CAE4D1
#CCE4CF
#CDE4CE
#CFE4CC
#D1E4CA
#D3E4C8
Colorpallet from #C8D3E4 to #C8E4D3 and to #E4C8D3
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D6E1
#C9D5E1
#C9D4E1
#CAD4E1
#CBD3E1
#CBD2E1
#CCD1E1
#C8D8DF
#C9D7DF
#CBD5DF
#CCD4DF
#CED2DF
#CFD1DF
#D1CFDF
#C8DBDC
#CAD9DC
#CCD7DC
#CED5DC
#D0D3DC
#D2D1DC
#D5CEDC
#C8DED9
#CBDBD9
#CED8D9
#D1D5D9
#D4D2D9
#D6D0D9
#DACCD9
#C8E1D6
#CCDDD6
#CFDAD6
#D3D6D6
#D6D2D6
#DACFD6
#DECAD6
#C8E4D3
#CCE0D3
#D1DBD3
#D5D7D3
#DAD2D3
#DECED3
#E4C8D3
Colorpallet from #C8D3E4 to #C8E4D3 and to #E4D3C8
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D6E1
#C9D6E1
#C9D5E1
#CAD5E1
#CBD4E0
#CBD4E0
#CCD3E0
#C8D8DF
#C9D7DE
#CBD6DE
#CCD6DD
#CED5DC
#CFD4DC
#D1D3DB
#C8DBDC
#CADADB
#CCD8DA
#CED7DA
#D0D6D9
#D2D5D8
#D5D3D7
#C8DED9
#CBDCD8
#CEDAD7
#D1D9D6
#D4D7D5
#D6D5D3
#DAD3D2
#C8E1D6
#CCDFD5
#CFDDD3
#D3DAD2
#D6D8D1
#DAD6D0
#DED3CE
#C8E4D3
#CCE1D1
#D1DFCF
#D5DCCE
#DAD9CC
#DED6CA
#E4D3C8
Colorpallet from #C8D3E4 to #D3C8E4 and to #D3E4C8
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#CAD1E4
#CAD2E3
#CAD3E3
#CAD3E2
#CAD4E1
#CAD5E1
#CAD6E0
#CCCFE4
#CCD0E3
#CCD2E1
#CCD3E0
#CCD5DE
#CCD6DD
#CCD8DB
#CDCEE4
#CDD0E2
#CDD2E0
#CDD4DE
#CDD6DC
#CDD8DA
#CDDBD7
#CFCCE4
#CFCFE1
#CFD2DE
#CFD5DB
#CFD8D8
#CFDAD6
#CFDED2
#D1CAE4
#D1CEE0
#D1D1DD
#D1D5D9
#D1D9D6
#D1DCD2
#D1E1CE
#D3C8E4
#D3CCE0
#D3D1DB
#D3D5D7
#D3DAD2
#D3DECE
#D3E4C8
Colorpallet from #C8D3E4 to #D3C8E4 and to #E4C8D3
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#CAD1E4
#CAD1E4
#CBD1E3
#CBD1E3
#CBD1E2
#CCD1E2
#CCD1E1
#CCCFE4
#CDCFE3
#CECFE2
#CECFE2
#CFCFE1
#D0CFE0
#D1CFDF
#CDCEE4
#CECEE3
#D0CEE1
#D1CEE0
#D2CEDF
#D3CEDE
#D5CEDC
#CFCCE4
#D1CCE2
#D3CCE0
#D4CCDF
#D6CCDD
#D8CCDB
#DACCD9
#D1CAE4
#D3CAE2
#D5CAE0
#D7CADD
#D9CADB
#DBCAD9
#DECAD6
#D3C8E4
#D6C8E1
#D8C8DF
#DBC8DC
#DEC8D9
#E1C8D6
#E4C8D3
Colorpallet from #C8D3E4 to #D3C8E4 and to #E4D3C8
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#CAD1E4
#CAD1E3
#CBD2E3
#CBD2E2
#CBD2E1
#CCD3E1
#CCD3E0
#CCCFE4
#CDD0E3
#CED0E1
#CED1E0
#CFD2DE
#D0D2DD
#D1D3DB
#CDCEE4
#CECFE2
#D0D0E0
#D1D0DE
#D2D1DC
#D3D2DA
#D5D3D7
#CFCCE4
#D1CDE1
#D3CEDE
#D4CFDB
#D6D0D8
#D8D2D6
#DAD3D2
#D1CAE4
#D3CBE0
#D5CDDD
#D7CED9
#D9D0D6
#DBD1D2
#DED3CE
#D3C8E4
#D6CAE0
#D8CCDB
#DBCDD7
#DECFD2
#E1D1CE
#E4D3C8
Colorpallet from #C8D3E4 to #D3E4C8 and to #E4C8D3
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#CAD6E0
#CAD5E0
#CBD4E0
#CBD4E0
#CBD3E1
#CCD2E1
#CCD1E1
#CCD8DB
#CDD7DC
#CED5DC
#CED4DD
#CFD2DE
#D0D1DE
#D1CFDF
#CDDBD7
#CED9D8
#D0D7D9
#D1D5D9
#D2D3DA
#D3D1DB
#D5CEDC
#CFDED2
#D1DBD3
#D3D8D4
#D4D5D5
#D6D2D6
#D8D0D8
#DACCD9
#D1E1CE
#D3DDCF
#D5DAD1
#D7D6D2
#D9D2D3
#DBCFD4
#DECAD6
#D3E4C8
#D6E0CA
#D8DBCC
#DBD7CD
#DED2CF
#E1CED1
#E4C8D3
Colorpallet from #C8D3E4 to #D3E4C8 and to #E4D3C8
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#CAD6E0
#CAD6E0
#CBD5E0
#CBD5E0
#CBD4E0
#CCD4E0
#CCD3E0
#CCD8DB
#CDD7DB
#CED6DB
#CED6DB
#CFD5DB
#D0D4DB
#D1D3DB
#CDDBD7
#CEDAD7
#D0D8D7
#D1D7D7
#D2D6D7
#D3D5D7
#D5D3D7
#CFDED2
#D1DCD2
#D3DAD2
#D4D9D2
#D6D7D2
#D8D5D2
#DAD3D2
#D1E1CE
#D3DFCE
#D5DDCE
#D7DACE
#D9D8CE
#DBD6CE
#DED3CE
#D3E4C8
#D6E1C8
#D8DFC8
#DBDCC8
#DED9C8
#E1D6C8
#E4D3C8
Colorpallet from #C8D3E4 to #E4C8D3 and to #E4D3C8
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#C8D3E4
#CCD1E1
#CCD1E1
#CCD2E1
#CCD2E1
#CCD2E0
#CCD3E0
#CCD3E0
#D1CFDF
#D1D0DE
#D1D0DE
#D1D1DD
#D1D2DC
#D1D2DC
#D1D3DB
#D5CEDC
#D5CFDB
#D5D0DA
#D5D0DA
#D5D1D9
#D5D2D8
#D5D3D7
#DACCD9
#DACDD8
#DACED7
#DACFD6
#DAD0D5
#DAD2D3
#DAD3D2
#DECAD6
#DECBD5
#DECDD3
#DECED2
#DED0D1
#DED1D0
#DED3CE
#E4C8D3
#E4CAD1
#E4CCCF
#E4CDCE
#E4CFCC
#E4D1CA
#E4D3C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts