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 #CFD2E0 to #CFE0D2 and to #D2CFE0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD4DE
#CFD4DE
#CFD3DF
#CFD3DF
#CFD3DF
#CFD2E0
#CFD2E0
#CFD6DC
#CFD5DD
#CFD4DD
#CFD4DE
#D0D3DF
#D0D2DF
#D0D1E0
#CFD9D9
#CFD8DA
#CFD6DB
#CFD5DC
#D0D4DD
#D0D3DF
#D0D1E0
#CFDBD7
#CFD9D8
#D0D7DA
#D0D6DB
#D0D4DD
#D1D2DE
#D1D0E0
#CFDDD5
#CFDBD7
#D0D9D9
#D0D7DA
#D0D5DC
#D1D3DE
#D1D0E0
#CFE0D2
#CFDDD4
#D0DBD6
#D0D8D9
#D1D5DB
#D1D2DD
#D2CFE0
Colorpallet from #CFD2E0 to #CFE0D2 and to #D2E0CF
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD4DE
#CFD4DE
#CFD4DE
#CFD4DE
#CFD4DD
#CFD4DD
#CFD4DD
#CFD6DC
#CFD6DC
#CFD6DC
#CFD6DC
#D0D6DB
#D0D6DB
#D0D6DB
#CFD9D9
#CFD9D9
#CFD9D9
#CFD9D9
#D0D9D8
#D0D9D8
#D0D9D8
#CFDBD7
#CFDBD7
#D0DBD6
#D0DBD6
#D0DBD6
#D1DBD5
#D1DBD5
#CFDDD5
#CFDDD5
#D0DDD4
#D0DDD4
#D0DDD3
#D1DDD3
#D1DDD2
#CFE0D2
#CFE0D2
#D0E0D1
#D0E0D1
#D1E0D0
#D1E0D0
#D2E0CF
Colorpallet from #CFD2E0 to #CFE0D2 and to #E0CFD2
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD4DE
#CFD4DE
#D0D3DE
#D0D3DE
#D1D3DE
#D1D2DE
#D2D2DE
#CFD6DC
#D0D5DC
#D1D4DC
#D1D4DC
#D2D3DC
#D3D2DC
#D4D1DC
#CFD9D9
#D0D8D9
#D2D6D9
#D3D5D9
#D4D4D9
#D5D3D9
#D7D1D9
#CFDBD7
#D1D9D7
#D3D7D7
#D4D6D7
#D6D4D7
#D8D2D7
#DAD0D7
#CFDDD5
#D1DBD5
#D3D9D5
#D6D7D5
#D8D5D5
#DAD3D5
#DDD0D5
#CFE0D2
#D2DDD2
#D4DBD2
#D7D8D2
#DAD5D2
#DDD2D2
#E0CFD2
Colorpallet from #CFD2E0 to #CFE0D2 and to #E0D2CF
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD4DE
#CFD4DE
#D0D3DE
#D0D3DE
#D1D3DD
#D1D2DD
#D2D2DD
#CFD6DC
#D0D5DC
#D1D5DC
#D1D4DC
#D2D3DB
#D3D3DB
#D4D2DB
#CFD9D9
#D0D8D9
#D2D7D9
#D3D6D9
#D4D5D8
#D5D3D8
#D7D2D8
#CFDBD7
#D1DAD7
#D3D8D6
#D4D7D6
#D6D5D6
#D8D4D5
#DAD2D5
#CFDDD5
#D1DBD5
#D3D9D4
#D6D8D4
#D8D6D3
#DAD4D3
#DDD2D2
#CFE0D2
#D2DED2
#D4DCD1
#D7D9D1
#DAD7D0
#DDD5D0
#E0D2CF
Colorpallet from #CFD2E0 to #D2CFE0 and to #D2E0CF
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD3DF
#CFD3DF
#CFD3DE
#CFD4DE
#CFD4DD
#D0D1E0
#D0D2DF
#D0D3DE
#D0D3DE
#D0D4DD
#D0D5DC
#D0D6DB
#D0D1E0
#D0D2DF
#D0D4DD
#D0D5DC
#D0D6DB
#D0D7DA
#D0D9D8
#D1D0E0
#D1D2DE
#D1D4DC
#D1D5DB
#D1D7D9
#D1D9D7
#D1DBD5
#D1D0E0
#D1D2DE
#D1D4DC
#D1D6D9
#D1D8D7
#D1DAD5
#D1DDD2
#D2CFE0
#D2D2DD
#D2D4DB
#D2D7D8
#D2DAD5
#D2DDD2
#D2E0CF
Colorpallet from #CFD2E0 to #D2CFE0 and to #E0CFD2
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#D0D2DF
#D0D2DF
#D1D2DF
#D1D2DE
#D2D2DE
#D0D1E0
#D1D1DF
#D1D1DF
#D2D1DE
#D3D1DD
#D3D1DD
#D4D1DC
#D0D1E0
#D1D1DF
#D2D1DE
#D3D1DD
#D4D1DC
#D6D1DA
#D7D1D9
#D1D0E0
#D2D0DF
#D4D0DD
#D5D0DC
#D7D0DA
#D8D0D9
#DAD0D7
#D1D0E0
#D3D0DE
#D5D0DC
#D7D0DB
#D9D0D9
#DBD0D7
#DDD0D5
#D2CFE0
#D4CFDE
#D6CFDC
#D9CFD9
#DBCFD7
#DDCFD5
#E0CFD2
Colorpallet from #CFD2E0 to #D2CFE0 and to #E0D2CF
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#D0D2DF
#D0D2DF
#D1D2DE
#D1D2DE
#D2D2DD
#D0D1E0
#D1D1DF
#D1D1DE
#D2D1DE
#D3D2DD
#D3D2DC
#D4D2DB
#D0D1E0
#D1D1DF
#D2D1DD
#D3D1DC
#D4D2DB
#D6D2DA
#D7D2D8
#D1D0E0
#D2D0DE
#D4D1DC
#D5D1DB
#D7D1D9
#D8D2D7
#DAD2D5
#D1D0E0
#D3D0DE
#D5D1DC
#D7D1D9
#D9D1D7
#DBD2D5
#DDD2D2
#D2CFE0
#D4CFDD
#D6D0DB
#D9D0D8
#DBD1D5
#DDD1D2
#E0D2CF
Colorpallet from #CFD2E0 to #D2E0CF and to #E0CFD2
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD4DD
#CFD4DD
#D0D3DD
#D0D3DD
#D1D3DE
#D1D2DE
#D2D2DE
#D0D6DB
#D1D5DB
#D1D4DB
#D2D4DB
#D3D3DC
#D3D2DC
#D4D1DC
#D0D9D8
#D1D8D8
#D2D6D8
#D3D5D8
#D4D4D9
#D6D3D9
#D7D1D9
#D1DBD5
#D2D9D5
#D4D7D6
#D5D6D6
#D7D4D6
#D8D2D7
#DAD0D7
#D1DDD2
#D3DBD2
#D5D9D3
#D7D7D3
#D9D5D4
#DBD3D4
#DDD0D5
#D2E0CF
#D4DDCF
#D6DBD0
#D9D8D0
#DBD5D1
#DDD2D1
#E0CFD2
Colorpallet from #CFD2E0 to #D2E0CF and to #E0D2CF
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD4DD
#CFD4DD
#D0D3DD
#D0D3DD
#D1D3DD
#D1D2DD
#D2D2DD
#D0D6DB
#D1D5DB
#D1D5DB
#D2D4DB
#D3D3DB
#D3D3DB
#D4D2DB
#D0D9D8
#D1D8D8
#D2D7D8
#D3D6D8
#D4D5D8
#D6D3D8
#D7D2D8
#D1DBD5
#D2DAD5
#D4D8D5
#D5D7D5
#D7D5D5
#D8D4D5
#DAD2D5
#D1DDD2
#D3DBD2
#D5D9D2
#D7D8D2
#D9D6D2
#DBD4D2
#DDD2D2
#D2E0CF
#D4DECF
#D6DCCF
#D9D9CF
#DBD7CF
#DDD5CF
#E0D2CF
Colorpallet from #CFD2E0 to #E0CFD2 and to #E0D2CF
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#CFD2E0
#D2D2DE
#D2D2DE
#D2D2DE
#D2D2DE
#D2D2DD
#D2D2DD
#D2D2DD
#D4D1DC
#D4D1DC
#D4D1DC
#D4D1DC
#D4D2DB
#D4D2DB
#D4D2DB
#D7D1D9
#D7D1D9
#D7D1D9
#D7D1D9
#D7D2D8
#D7D2D8
#D7D2D8
#DAD0D7
#DAD0D7
#DAD1D6
#DAD1D6
#DAD1D6
#DAD2D5
#DAD2D5
#DDD0D5
#DDD0D5
#DDD1D4
#DDD1D4
#DDD1D3
#DDD2D3
#DDD2D2
#E0CFD2
#E0CFD2
#E0D0D1
#E0D0D1
#E0D1D0
#E0D1D0
#E0D2CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts