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 #C1E6D6 to #C1D6E6 and to #E6C1D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E3D9
#C2E3D9
#C3E2D8
#C4E2D8
#C5E1D7
#C6E1D7
#C7E0D6
#C1E1DB
#C3E0DA
#C5DFD9
#C7DED9
#C9DDD8
#CBDBD7
#CDDAD6
#C1DEDE
#C4DCDD
#C7DBDB
#CAD9DA
#CDD8D9
#CFD6D8
#D3D4D6
#C1DCE0
#C5DADE
#C9D8DD
#CDD5DB
#D0D3DA
#D4D1D8
#D9CED6
#C1D9E3
#C6D6E1
#CBD4DF
#CFD1DD
#D4CEDB
#D9CBD9
#DFC8D6
#C1D6E6
#C7D3E3
#CDCFE1
#D3CCDE
#D9C9DC
#DFC5D9
#E6C1D6
Colorpallet from #C1E6D6 to #C1D6E6 and to #E6D6C1
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E3D9
#C2E3D8
#C3E3D7
#C4E3D6
#C5E3D5
#C6E3D4
#C7E3D3
#C1E1DB
#C3E1D9
#C5E1D7
#C7E1D5
#C9E1D3
#CBE1D1
#CDE1CF
#C1DEDE
#C4DEDB
#C7DED8
#CADED5
#CDDED2
#CFDED0
#D3DECC
#C1DCE0
#C5DCDC
#C9DCD9
#CDDCD5
#D0DCD1
#D4DCCE
#D9DCC9
#C1D9E3
#C6D9DE
#CBD9D9
#CFD9D5
#D4D9D0
#D9D9CB
#DFD9C5
#C1D6E6
#C7D6E0
#CDD6DA
#D3D6D4
#D9D6CE
#DFD6C8
#E6D6C1
Colorpallet from #C1E6D6 to #C1D6E6 and to #D6C1E6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E3D9
#C1E3D9
#C2E2D9
#C2E2D9
#C3E1D9
#C3E1D9
#C4E0D9
#C1E1DB
#C2E0DB
#C3DFDB
#C4DEDB
#C5DDDB
#C7DBDB
#C8DADB
#C1DEDE
#C3DCDE
#C4DBDE
#C6D9DE
#C7D8DE
#C9D6DE
#CBD4DE
#C1DCE0
#C3DAE0
#C5D8E0
#C7D5E0
#C9D3E0
#CBD1E0
#CECEE0
#C1D9E3
#C4D6E3
#C6D4E3
#C9D1E3
#CCCEE3
#CFCBE3
#D2C8E3
#C1D6E6
#C4D3E6
#C8CFE6
#CBCCE6
#CEC9E6
#D2C5E6
#D6C1E6
Colorpallet from #C1E6D6 to #C1D6E6 and to #D6E6C1
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E3D9
#C1E3D8
#C2E4D7
#C2E4D6
#C3E5D5
#C3E5D4
#C4E6D3
#C1E1DB
#C2E2D9
#C3E3D7
#C4E3D5
#C5E4D3
#C7E5D1
#C8E6CF
#C1DEDE
#C3DFDB
#C4E1D8
#C6E2D5
#C7E3D2
#C9E4D0
#CBE6CC
#C1DCE0
#C3DEDC
#C5DFD9
#C7E1D5
#C9E2D1
#CBE4CE
#CEE6C9
#C1D9E3
#C4DBDE
#C6DDD9
#C9DFD5
#CCE1D0
#CFE3CB
#D2E6C5
#C1D6E6
#C4D9E0
#C8DBDA
#CBDED4
#CEE0CE
#D2E3C8
#D6E6C1
Colorpallet from #C1E6D6 to #E6C1D6 and to #E6D6C1
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C7E0D6
#C7E0D6
#C7E1D5
#C7E1D5
#C7E2D4
#C7E2D4
#C7E3D3
#CDDAD6
#CDDBD5
#CDDCD4
#CDDDD3
#CDDED2
#CDE0D0
#CDE1CF
#D3D4D6
#D3D6D4
#D3D7D3
#D3D9D1
#D3DAD0
#D3DCCE
#D3DECC
#D9CED6
#D9D0D4
#D9D2D2
#D9D5D0
#D9D7CE
#D9D9CC
#D9DCC9
#DFC8D6
#DFCBD3
#DFCDD1
#DFD0CE
#DFD3CB
#DFD6C8
#DFD9C5
#E6C1D6
#E6C4D3
#E6C8CF
#E6CBCC
#E6CEC9
#E6D2C5
#E6D6C1
Colorpallet from #C1E6D6 to #E6C1D6 and to #D6C1E6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C7E0D6
#C7E0D6
#C6E0D7
#C6E0D7
#C5E0D8
#C5E0D8
#C4E0D9
#CDDAD6
#CCDAD7
#CBDAD8
#CBDAD8
#CADAD9
#C9DADA
#C8DADB
#D3D4D6
#D2D4D7
#D0D4D9
#CFD4DA
#CED4DB
#CDD4DC
#CBD4DE
#D9CED6
#D7CED8
#D5CED9
#D4CEDB
#D2CEDC
#D0CEDE
#CECEE0
#DFC8D6
#DDC8D8
#DBC8DA
#D9C8DC
#D7C8DE
#D5C8E0
#D2C8E3
#E6C1D6
#E3C1D9
#E1C1DB
#DEC1DE
#DCC1E0
#D9C1E3
#D6C1E6
Colorpallet from #C1E6D6 to #E6C1D6 and to #D6E6C1
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C7E0D6
#C7E1D6
#C6E2D5
#C6E3D5
#C5E4D4
#C5E5D4
#C4E6D3
#CDDAD6
#CCDCD5
#CBDED4
#CBE0D3
#CAE2D2
#C9E4D0
#C8E6CF
#D3D4D6
#D2D7D4
#D0DAD3
#CFDDD1
#CEE0D0
#CDE2CE
#CBE6CC
#D9CED6
#D7D2D4
#D5D6D2
#D4DAD0
#D2DDCE
#D0E1CC
#CEE6C9
#DFC8D6
#DDCDD3
#DBD2D1
#D9D6CE
#D7DBCB
#D5E0C8
#D2E6C5
#E6C1D6
#E3C7D3
#E1CDCF
#DED3CC
#DCD9C9
#D9DFC5
#D6E6C1
Colorpallet from #C1E6D6 to #E6D6C1 and to #D6C1E6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C7E3D3
#C7E3D4
#C6E2D5
#C6E2D6
#C5E1D7
#C5E1D8
#C4E0D9
#CDE1CF
#CCE0D1
#CBDFD3
#CBDED5
#CADDD7
#C9DBD9
#C8DADB
#D3DECC
#D2DCCF
#D0DBD2
#CFD9D5
#CED8D8
#CDD6DA
#CBD4DE
#D9DCC9
#D7DACD
#D5D8D0
#D4D5D4
#D2D3D8
#D0D1DB
#CECEE0
#DFD9C5
#DDD6CA
#DBD4CF
#D9D1D3
#D7CED8
#D5CBDD
#D2C8E3
#E6D6C1
#E3D3C7
#E1CFCD
#DECCD3
#DCC9D9
#D9C5DF
#D6C1E6
Colorpallet from #C1E6D6 to #E6D6C1 and to #D6E6C1
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C7E3D3
#C7E3D3
#C6E4D3
#C6E4D3
#C5E5D3
#C5E5D3
#C4E6D3
#CDE1CF
#CCE2CF
#CBE3CF
#CBE3CF
#CAE4CF
#C9E5CF
#C8E6CF
#D3DECC
#D2DFCC
#D0E1CC
#CFE2CC
#CEE3CC
#CDE4CC
#CBE6CC
#D9DCC9
#D7DEC9
#D5DFC9
#D4E1C9
#D2E2C9
#D0E4C9
#CEE6C9
#DFD9C5
#DDDBC5
#DBDDC5
#D9DFC5
#D7E1C5
#D5E3C5
#D2E6C5
#E6D6C1
#E3D9C1
#E1DBC1
#DEDEC1
#DCE0C1
#D9E3C1
#D6E6C1
Colorpallet from #C1E6D6 to #D6C1E6 and to #D6E6C1
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C1E6D6
#C4E0D9
#C4E1D8
#C4E2D7
#C4E3D6
#C4E4D5
#C4E5D4
#C4E6D3
#C8DADB
#C8DCD9
#C8DED7
#C8E0D5
#C8E2D3
#C8E4D1
#C8E6CF
#CBD4DE
#CBD7DB
#CBDAD8
#CBDDD5
#CBE0D2
#CBE2D0
#CBE6CC
#CECEE0
#CED2DC
#CED6D9
#CEDAD5
#CEDDD1
#CEE1CE
#CEE6C9
#D2C8E3
#D2CDDE
#D2D2D9
#D2D6D5
#D2DBD0
#D2E0CB
#D2E6C5
#D6C1E6
#D6C7E0
#D6CDDA
#D6D3D4
#D6D9CE
#D6DFC8
#D6E6C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
