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 #CCE1E5 to #CCE5E1 and to #E1CCE5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE2E4
#CCE1E4
#CDE1E4
#CDE0E4
#CEDFE5
#CEDFE5
#CFDEE5
#CCE2E4
#CDE1E4
#CEDFE4
#CFDEE4
#D0DDE5
#D2DCE5
#D3DAE5
#CCE3E3
#CEE1E3
#CFDFE4
#D1DDE4
#D2DBE4
#D4D9E5
#D6D7E5
#CCE4E2
#CEE1E2
#D0DFE3
#D2DCE3
#D4DAE4
#D6D7E4
#D9D4E5
#CCE4E2
#CFE1E2
#D1DEE3
#D4DAE3
#D7D7E4
#DAD4E4
#DDD0E5
#CCE5E1
#CFE1E2
#D3DDE2
#D6D9E3
#D9D5E4
#DDD1E4
#E1CCE5
Colorpallet from #CCE1E5 to #CCE5E1 and to #E1E5CC
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE2E4
#CCE2E4
#CDE2E3
#CDE2E3
#CEE2E2
#CEE2E2
#CFE2E1
#CCE2E4
#CDE2E3
#CEE2E2
#CFE2E1
#D0E2E0
#D2E2DE
#D3E2DD
#CCE3E3
#CEE3E1
#CFE3E0
#D1E3DE
#D2E3DD
#D4E3DB
#D6E3D9
#CCE4E2
#CEE4E0
#D0E4DE
#D2E4DC
#D4E4DA
#D6E4D8
#D9E4D5
#CCE4E2
#CFE4DF
#D1E4DD
#D4E4DA
#D7E4D7
#DAE4D4
#DDE4D1
#CCE5E1
#CFE5DE
#D3E5DA
#D6E5D7
#D9E5D4
#DDE5D0
#E1E5CC
Colorpallet from #CCE1E5 to #CCE5E1 and to #E5CCE1
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE2E4
#CDE1E4
#CDE1E4
#CEE0E4
#CFDFE4
#CFDFE4
#D0DEE4
#CCE2E4
#CDE1E4
#CFDFE4
#D0DEE4
#D1DDE4
#D2DCE4
#D4DAE4
#CCE3E3
#CEE1E3
#D0DFE3
#D2DDE3
#D4DBE3
#D6D9E3
#D8D7E3
#CCE4E2
#CFE1E2
#D1DFE2
#D4DCE2
#D6DAE2
#D9D7E2
#DCD4E2
#CCE4E2
#CFE1E2
#D2DEE2
#D6DAE2
#D9D7E2
#DCD4E2
#E0D0E2
#CCE5E1
#D0E1E1
#D4DDE1
#D8D9E1
#DCD5E1
#E0D1E1
#E5CCE1
Colorpallet from #CCE1E5 to #CCE5E1 and to #E5E1CC
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE2E4
#CDE2E4
#CDE2E3
#CEE2E3
#CFE1E2
#CFE1E2
#D0E1E1
#CCE2E4
#CDE2E3
#CFE2E2
#D0E2E1
#D1E1E0
#D2E1DE
#D4E1DD
#CCE3E3
#CEE3E1
#D0E2E0
#D2E2DE
#D4E2DD
#D6E1DB
#D8E1D9
#CCE4E2
#CFE4E0
#D1E3DE
#D4E3DC
#D6E2DA
#D9E2D8
#DCE1D5
#CCE4E2
#CFE4DF
#D2E3DD
#D6E3DA
#D9E2D7
#DCE2D4
#E0E1D1
#CCE5E1
#D0E4DE
#D4E4DA
#D8E3D7
#DCE2D4
#E0E2D0
#E5E1CC
Colorpallet from #CCE1E5 to #E1CCE5 and to #E1E5CC
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CFDEE5
#CFDFE4
#CFDFE4
#CFE0E3
#CFE1E2
#CFE1E2
#CFE2E1
#D3DAE5
#D3DBE4
#D3DDE2
#D3DEE1
#D3DFE0
#D3E0DF
#D3E2DD
#D6D7E5
#D6D9E3
#D6DBE1
#D6DDDF
#D6DFDD
#D6E1DB
#D6E3D9
#D9D4E5
#D9D7E2
#D9D9E0
#D9DCDD
#D9DEDB
#D9E1D8
#D9E4D5
#DDD0E5
#DDD3E2
#DDD6DF
#DDDADB
#DDDDD8
#DDE0D5
#DDE4D1
#E1CCE5
#E1D0E1
#E1D4DD
#E1D8D9
#E1DCD5
#E1E0D1
#E1E5CC
Colorpallet from #CCE1E5 to #E1CCE5 and to #E5CCE1
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CFDEE5
#CFDEE5
#CFDEE5
#CFDEE5
#D0DEE4
#D0DEE4
#D0DEE4
#D3DAE5
#D3DAE5
#D3DAE5
#D3DAE5
#D4DAE4
#D4DAE4
#D4DAE4
#D6D7E5
#D6D7E5
#D7D7E4
#D7D7E4
#D7D7E4
#D8D7E3
#D8D7E3
#D9D4E5
#D9D4E5
#DAD4E4
#DAD4E4
#DBD4E3
#DBD4E3
#DCD4E2
#DDD0E5
#DDD0E5
#DED0E4
#DED0E4
#DFD0E3
#DFD0E3
#E0D0E2
#E1CCE5
#E2CCE4
#E2CCE4
#E3CCE3
#E4CCE2
#E4CCE2
#E5CCE1
Colorpallet from #CCE1E5 to #E1CCE5 and to #E5E1CC
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CFDEE5
#CFDEE4
#CFDFE4
#CFDFE3
#D0E0E2
#D0E0E2
#D0E1E1
#D3DAE5
#D3DBE4
#D3DCE2
#D3DDE1
#D4DEE0
#D4E0DF
#D4E1DD
#D6D7E5
#D6D9E3
#D7DAE1
#D7DCDF
#D7DDDD
#D8DFDB
#D8E1D9
#D9D4E5
#D9D6E2
#DAD8E0
#DADADD
#DBDCDB
#DBDED8
#DCE1D5
#DDD0E5
#DDD3E2
#DED5DF
#DED8DB
#DFDBD8
#DFDED5
#E0E1D1
#E1CCE5
#E2CFE1
#E2D3DD
#E3D6D9
#E4D9D5
#E4DDD1
#E5E1CC
Colorpallet from #CCE1E5 to #E1E5CC and to #E5CCE1
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CFE2E1
#CFE1E1
#CFE1E2
#CFE0E2
#D0DFE3
#D0DFE3
#D0DEE4
#D3E2DD
#D3E1DE
#D3DFDF
#D3DEE0
#D4DDE1
#D4DCE3
#D4DAE4
#D6E3D9
#D6E1DB
#D7DFDC
#D7DDDE
#D7DBDF
#D8D9E1
#D8D7E3
#D9E4D5
#D9E1D7
#DADFD9
#DADCDB
#DBDADD
#DBD7DF
#DCD4E2
#DDE4D1
#DDE1D4
#DEDED6
#DEDAD9
#DFD7DC
#DFD4DF
#E0D0E2
#E1E5CC
#E2E1CF
#E2DDD3
#E3D9D6
#E4D5D9
#E4D1DD
#E5CCE1
Colorpallet from #CCE1E5 to #E1E5CC and to #E5E1CC
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CFE2E1
#CFE2E1
#CFE2E1
#CFE2E1
#D0E1E1
#D0E1E1
#D0E1E1
#D3E2DD
#D3E2DD
#D3E2DD
#D3E2DD
#D4E1DD
#D4E1DD
#D4E1DD
#D6E3D9
#D6E3D9
#D7E2D9
#D7E2D9
#D7E2D9
#D8E1D9
#D8E1D9
#D9E4D5
#D9E4D5
#DAE3D5
#DAE3D5
#DBE2D5
#DBE2D5
#DCE1D5
#DDE4D1
#DDE4D1
#DEE3D1
#DEE3D1
#DFE2D1
#DFE2D1
#E0E1D1
#E1E5CC
#E2E4CC
#E2E4CC
#E3E3CC
#E4E2CC
#E4E2CC
#E5E1CC
Colorpallet from #CCE1E5 to #E5CCE1 and to #E5E1CC
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#CCE1E5
#D0DEE4
#D0DEE4
#D0DFE3
#D0DFE3
#D0E0E2
#D0E0E2
#D0E1E1
#D4DAE4
#D4DBE3
#D4DCE2
#D4DDE1
#D4DEE0
#D4E0DE
#D4E1DD
#D8D7E3
#D8D9E1
#D8DAE0
#D8DCDE
#D8DDDD
#D8DFDB
#D8E1D9
#DCD4E2
#DCD6E0
#DCD8DE
#DCDADC
#DCDCDA
#DCDED8
#DCE1D5
#E0D0E2
#E0D3DF
#E0D5DD
#E0D8DA
#E0DBD7
#E0DED4
#E0E1D1
#E5CCE1
#E5CFDE
#E5D3DA
#E5D6D7
#E5D9D4
#E5DDD0
#E5E1CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts