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 #D3CBE2 to #D3E2CB and to #CBD3E2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CFDE
#D3CFDF
#D3CEDF
#D3CEE0
#D2CDE1
#D2CDE1
#D2CCE2
#D3D2DB
#D3D1DC
#D2D1DD
#D2D0DE
#D1CFDF
#D1CFE1
#D0CEE2
#D3D6D7
#D2D5D9
#D2D4DB
#D1D3DC
#D0D2DE
#D0D0E0
#CFCFE2
#D3DAD3
#D2D8D5
#D1D7D8
#D1D5DA
#D0D4DD
#CFD2DF
#CED0E2
#D3DDD0
#D2DBD3
#D1D9D6
#D0D7D9
#CFD5DC
#CED3DE
#CDD1E2
#D3E2CB
#D2E0CF
#D0DDD2
#CFDBD6
#CED8DA
#CDD6DD
#CBD3E2
Colorpallet from #D3CBE2 to #D3E2CB and to #CBE2D3
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CFDE
#D3CFDE
#D3CFDF
#D3CFDF
#D2CFDF
#D2CFE0
#D2CFE0
#D3D2DB
#D3D2DB
#D2D2DC
#D2D2DC
#D1D2DC
#D1D2DD
#D0D2DD
#D3D6D7
#D2D6D8
#D2D6D8
#D1D6D9
#D0D6DA
#D0D6DA
#CFD6DB
#D3DAD3
#D2DAD4
#D1DAD5
#D1DAD5
#D0DAD6
#CFDAD7
#CEDAD8
#D3DDD0
#D2DDD1
#D1DDD2
#D0DDD3
#CFDDD4
#CEDDD5
#CDDDD6
#D3E2CB
#D2E2CC
#D0E2CE
#CFE2CF
#CEE2D0
#CDE2D1
#CBE2D3
Colorpallet from #D3CBE2 to #D3E2CB and to #E2D3CB
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CFDE
#D3CFDE
#D4CEDE
#D4CEDE
#D4CDDE
#D5CDDE
#D5CCDE
#D3D2DB
#D4D1DB
#D5D1DB
#D5D0DB
#D6CFDB
#D7CFDB
#D8CEDB
#D3D6D7
#D4D5D7
#D5D4D7
#D6D3D7
#D7D2D7
#D9D0D7
#DACFD7
#D3DAD3
#D5D8D3
#D6D7D3
#D8D5D3
#D9D4D3
#DBD2D3
#DDD0D3
#D3DDD0
#D5DBD0
#D7D9D0
#D9D7D0
#DBD5D0
#DDD3D0
#DFD1D0
#D3E2CB
#D5E0CB
#D8DDCB
#DADBCB
#DDD8CB
#DFD6CB
#E2D3CB
Colorpallet from #D3CBE2 to #D3E2CB and to #E2CBD3
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CFDE
#D3CEDE
#D4CEDF
#D4CDDF
#D4CCDF
#D5CCE0
#D5CBE0
#D3D2DB
#D4D1DB
#D5D0DC
#D5CFDC
#D6CEDC
#D7CCDD
#D8CBDD
#D3D6D7
#D4D4D8
#D5D2D8
#D6D1D9
#D7CFDA
#D9CDDA
#DACBDB
#D3DAD3
#D5D8D4
#D6D5D5
#D8D3D5
#D9D0D6
#DBCED7
#DDCBD8
#D3DDD0
#D5DAD1
#D7D7D2
#D9D4D3
#DBD1D4
#DDCFD5
#DFCBD6
#D3E2CB
#D5DECC
#D8DBCE
#DAD7CF
#DDD3D0
#DFD0D1
#E2CBD3
Colorpallet from #D3CBE2 to #CBD3E2 and to #CBE2D3
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D2CCE2
#D2CCE2
#D2CDE1
#D2CDE1
#D2CEE1
#D2CEE0
#D2CFE0
#D0CEE2
#D0CFE1
#D0CFE0
#D0D0E0
#D0D1DF
#D0D1DE
#D0D2DD
#CFCFE2
#CFD0E1
#CFD1E0
#CFD2DF
#CFD3DE
#CFD5DC
#CFD6DB
#CED0E2
#CED2E0
#CED3DF
#CED5DD
#CED6DC
#CED8DA
#CEDAD8
#CDD1E2
#CDD3E0
#CDD5DE
#CDD7DC
#CDD9DA
#CDDBD8
#CDDDD6
#CBD3E2
#CBD5E0
#CBD8DD
#CBDADB
#CBDDD8
#CBDFD6
#CBE2D3
Colorpallet from #D3CBE2 to #CBD3E2 and to #E2D3CB
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D2CCE2
#D2CCE1
#D3CCE1
#D3CCE0
#D4CCDF
#D4CCDF
#D5CCDE
#D0CEE2
#D1CEE1
#D3CEE0
#D4CEDF
#D5CEDE
#D6CEDC
#D8CEDB
#CFCFE2
#D1CFE0
#D3CFDE
#D4CFDD
#D6CFDB
#D8CFD9
#DACFD7
#CED0E2
#D0D0E0
#D3D0DD
#D5D0DB
#D8D0D8
#DAD0D6
#DDD0D3
#CDD1E2
#D0D1DF
#D3D1DC
#D6D1D9
#D9D1D6
#DBD1D4
#DFD1D0
#CBD3E2
#CFD3DE
#D2D3DB
#D6D3D7
#DAD3D3
#DDD3D0
#E2D3CB
Colorpallet from #D3CBE2 to #CBD3E2 and to #E2CBD3
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D2CCE2
#D2CCE2
#D3CCE1
#D3CCE1
#D4CBE1
#D4CBE0
#D5CBE0
#D0CEE2
#D1CEE1
#D3CDE0
#D4CDE0
#D5CCDF
#D6CCDE
#D8CBDD
#CFCFE2
#D1CEE1
#D3CEE0
#D4CDDF
#D6CCDE
#D8CCDC
#DACBDB
#CED0E2
#D0CFE0
#D3CEDF
#D5CEDD
#D8CDDC
#DACCDA
#DDCBD8
#CDD1E2
#D0D0E0
#D3CFDE
#D6CEDC
#D9CDDA
#DBCCD8
#DFCBD6
#CBD3E2
#CFD2E0
#D2D0DD
#D6CFDB
#DACED8
#DDCDD6
#E2CBD3
Colorpallet from #D3CBE2 to #CBE2D3 and to #E2D3CB
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D2CFE0
#D2CFE0
#D3CEDF
#D3CEDF
#D4CDDF
#D4CDDE
#D5CCDE
#D0D2DD
#D1D1DD
#D3D1DC
#D4D0DC
#D5CFDC
#D6CFDB
#D8CEDB
#CFD6DB
#D1D5DA
#D3D4DA
#D4D3D9
#D6D2D8
#D8D0D8
#DACFD7
#CEDAD8
#D0D8D7
#D3D7D6
#D5D5D6
#D8D4D5
#DAD2D4
#DDD0D3
#CDDDD6
#D0DBD5
#D3D9D4
#D6D7D3
#D9D5D2
#DBD3D1
#DFD1D0
#CBE2D3
#CFE0D2
#D2DDD0
#D6DBCF
#DAD8CE
#DDD6CD
#E2D3CB
Colorpallet from #D3CBE2 to #CBE2D3 and to #E2CBD3
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D2CFE0
#D2CEE0
#D3CEE0
#D3CDE0
#D4CCE0
#D4CCE0
#D5CBE0
#D0D2DD
#D1D1DD
#D3D0DD
#D4CFDD
#D5CEDD
#D6CCDD
#D8CBDD
#CFD6DB
#D1D4DB
#D3D2DB
#D4D1DB
#D6CFDB
#D8CDDB
#DACBDB
#CEDAD8
#D0D8D8
#D3D5D8
#D5D3D8
#D8D0D8
#DACED8
#DDCBD8
#CDDDD6
#D0DAD6
#D3D7D6
#D6D4D6
#D9D1D6
#DBCFD6
#DFCBD6
#CBE2D3
#CFDED3
#D2DBD3
#D6D7D3
#DAD3D3
#DDD0D3
#E2CBD3
Colorpallet from #D3CBE2 to #E2D3CB and to #E2CBD3
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D3CBE2
#D5CCDE
#D5CCDE
#D5CCDF
#D5CCDF
#D5CBDF
#D5CBE0
#D5CBE0
#D8CEDB
#D8CEDB
#D8CDDC
#D8CDDC
#D8CCDC
#D8CCDD
#D8CBDD
#DACFD7
#DACED8
#DACED8
#DACDD9
#DACCDA
#DACCDA
#DACBDB
#DDD0D3
#DDCFD4
#DDCED5
#DDCED5
#DDCDD6
#DDCCD7
#DDCBD8
#DFD1D0
#DFD0D1
#DFCFD2
#DFCED3
#DFCDD4
#DFCCD5
#DFCBD6
#E2D3CB
#E2D2CC
#E2D0CE
#E2CFCF
#E2CED0
#E2CDD1
#E2CBD3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
