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 #C1E5D1 to #C1D1E5 and to #E5C1D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E2D4
#C2E2D4
#C3E1D3
#C4E1D3
#C5E0D2
#C6E0D2
#C7DFD1
#C1DFD7
#C3DED6
#C5DDD5
#C7DCD4
#C9DBD3
#CBDAD2
#CDD9D1
#C1DBDB
#C4DAD9
#C6D9D8
#C9D8D6
#CCD7D5
#CFD5D3
#D2D4D1
#C1D8DE
#C5D6DC
#C8D5DA
#CCD3D8
#D0D2D6
#D3D0D4
#D8CED1
#C1D5E1
#C6D3DE
#CAD1DC
#CFCFD9
#D4CDD7
#D8CBD4
#DEC8D1
#C1D1E5
#C7CEE2
#CDCCDF
#D2C9DB
#D8C7D8
#DEC4D5
#E5C1D1
Colorpallet from #C1E5D1 to #C1D1E5 and to #E5D1C1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E2D4
#C2E2D3
#C3E2D2
#C4E2D1
#C5E2D0
#C6E2CF
#C7E2CE
#C1DFD7
#C3DFD5
#C5DFD3
#C7DFD2
#C9DFD0
#CBDFCE
#CDDFCC
#C1DBDB
#C4DBD8
#C6DBD5
#C9DBD2
#CCDBCF
#CFDBCD
#D2DBC9
#C1D8DE
#C5D8DA
#C8D8D7
#CCD8D3
#D0D8CF
#D3D8CC
#D8D8C7
#C1D5E1
#C6D5DC
#CAD5D8
#CFD5D3
#D4D5CE
#D8D5CA
#DED5C4
#C1D1E5
#C7D1DF
#CDD1D9
#D2D1D4
#D8D1CE
#DED1C8
#E5D1C1
Colorpallet from #C1E5D1 to #C1D1E5 and to #D1C1E5
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E2D4
#C1E2D4
#C2E1D4
#C2E1D4
#C3E0D4
#C3E0D4
#C4DFD4
#C1DFD7
#C2DED7
#C3DDD7
#C3DCD7
#C4DBD7
#C5DAD7
#C6D9D7
#C1DBDB
#C2DADB
#C4D9DB
#C5D8DB
#C6D7DB
#C7D5DB
#C9D4DB
#C1D8DE
#C3D6DE
#C4D5DE
#C6D3DE
#C7D2DE
#C9D0DE
#CBCEDE
#C1D5E1
#C3D3E1
#C5D1E1
#C7CFE1
#C9CDE1
#CBCBE1
#CEC8E1
#C1D1E5
#C4CEE5
#C6CCE5
#C9C9E5
#CBC7E5
#CEC4E5
#D1C1E5
Colorpallet from #C1E5D1 to #C1D1E5 and to #D1E5C1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E2D4
#C1E2D3
#C2E3D2
#C2E3D1
#C3E4D0
#C3E4CF
#C4E5CE
#C1DFD7
#C2E0D5
#C3E1D3
#C3E2D2
#C4E3D0
#C5E4CE
#C6E5CC
#C1DBDB
#C2DDD8
#C4DED5
#C5E0D2
#C6E1CF
#C7E3CD
#C9E5C9
#C1D8DE
#C3DADA
#C4DCD7
#C6DED3
#C7E0CF
#C9E2CC
#CBE5C7
#C1D5E1
#C3D8DC
#C5DAD8
#C7DDD3
#C9DFCE
#CBE2CA
#CEE5C4
#C1D1E5
#C4D4DF
#C6D7D9
#C9DBD4
#CBDECE
#CEE1C8
#D1E5C1
Colorpallet from #C1E5D1 to #E5C1D1 and to #E5D1C1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C7DFD1
#C7DFD1
#C7E0D0
#C7E0D0
#C7E1CF
#C7E1CF
#C7E2CE
#CDD9D1
#CDDAD0
#CDDBCF
#CDDCCF
#CDDDCE
#CDDECD
#CDDFCC
#D2D4D1
#D2D5D0
#D2D6CE
#D2D7CD
#D2D8CC
#D2DACB
#D2DBC9
#D8CED1
#D8D0CF
#D8D1CE
#D8D3CC
#D8D4CB
#D8D6C9
#D8D8C7
#DEC8D1
#DECACF
#DECCCD
#DECECB
#DED0C9
#DED2C7
#DED5C4
#E5C1D1
#E5C4CE
#E5C6CC
#E5C9C9
#E5CBC7
#E5CEC4
#E5D1C1
Colorpallet from #C1E5D1 to #E5C1D1 and to #D1C1E5
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C7DFD1
#C7DFD1
#C6DFD2
#C6DFD2
#C5DFD3
#C5DFD3
#C4DFD4
#CDD9D1
#CCD9D2
#CBD9D3
#CAD9D4
#C9D9D5
#C7D9D6
#C6D9D7
#D2D4D1
#D1D4D3
#CFD4D4
#CED4D6
#CCD4D7
#CBD4D9
#C9D4DB
#D8CED1
#D6CED3
#D4CED5
#D2CED7
#D0CED9
#CECEDB
#CBCEDE
#DEC8D1
#DBC8D4
#D9C8D6
#D6C8D9
#D4C8DB
#D1C8DE
#CEC8E1
#E5C1D1
#E2C1D4
#DFC1D7
#DBC1DB
#D8C1DE
#D5C1E1
#D1C1E5
Colorpallet from #C1E5D1 to #E5C1D1 and to #D1E5C1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C7DFD1
#C7E0D1
#C6E1D0
#C6E2D0
#C5E3CF
#C5E4CF
#C4E5CE
#CDD9D1
#CCDBD0
#CBDDCF
#CADFCF
#C9E1CE
#C7E3CD
#C6E5CC
#D2D4D1
#D1D7D0
#CFD9CE
#CEDCCD
#CCDFCC
#CBE2CB
#C9E5C9
#D8CED1
#D6D2CF
#D4D5CE
#D2D9CC
#D0DDCB
#CEE0C9
#CBE5C7
#DEC8D1
#DBCDCF
#D9D1CD
#D6D6CB
#D4DBC9
#D1DFC7
#CEE5C4
#E5C1D1
#E2C7CE
#DFCDCC
#DBD2C9
#D8D8C7
#D5DEC4
#D1E5C1
Colorpallet from #C1E5D1 to #E5D1C1 and to #D1C1E5
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C7E2CE
#C7E2CF
#C6E1D0
#C6E1D1
#C5E0D2
#C5E0D3
#C4DFD4
#CDDFCC
#CCDECE
#CBDDD0
#CADCD1
#C9DBD3
#C7DAD5
#C6D9D7
#D2DBC9
#D1DACC
#CFD9CF
#CED8D2
#CCD7D5
#CBD5D7
#C9D4DB
#D8D8C7
#D6D6CB
#D4D5CE
#D2D3D2
#D0D2D6
#CED0D9
#CBCEDE
#DED5C4
#DBD3C9
#D9D1CD
#D6CFD2
#D4CDD7
#D1CBDB
#CEC8E1
#E5D1C1
#E2CEC7
#DFCCCD
#DBC9D2
#D8C7D8
#D5C4DE
#D1C1E5
Colorpallet from #C1E5D1 to #E5D1C1 and to #D1E5C1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C7E2CE
#C7E2CE
#C6E3CE
#C6E3CE
#C5E4CE
#C5E4CE
#C4E5CE
#CDDFCC
#CCE0CC
#CBE1CC
#CAE2CC
#C9E3CC
#C7E4CC
#C6E5CC
#D2DBC9
#D1DDC9
#CFDEC9
#CEE0C9
#CCE1C9
#CBE3C9
#C9E5C9
#D8D8C7
#D6DAC7
#D4DCC7
#D2DEC7
#D0E0C7
#CEE2C7
#CBE5C7
#DED5C4
#DBD8C4
#D9DAC4
#D6DDC4
#D4DFC4
#D1E2C4
#CEE5C4
#E5D1C1
#E2D4C1
#DFD7C1
#DBDBC1
#D8DEC1
#D5E1C1
#D1E5C1
Colorpallet from #C1E5D1 to #D1C1E5 and to #D1E5C1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C1E5D1
#C4DFD4
#C4E0D3
#C4E1D2
#C4E2D1
#C4E3D0
#C4E4CF
#C4E5CE
#C6D9D7
#C6DBD5
#C6DDD3
#C6DFD2
#C6E1D0
#C6E3CE
#C6E5CC
#C9D4DB
#C9D7D8
#C9D9D5
#C9DCD2
#C9DFCF
#C9E2CD
#C9E5C9
#CBCEDE
#CBD2DA
#CBD5D7
#CBD9D3
#CBDDCF
#CBE0CC
#CBE5C7
#CEC8E1
#CECDDC
#CED1D8
#CED6D3
#CEDBCE
#CEDFCA
#CEE5C4
#D1C1E5
#D1C7DF
#D1CDD9
#D1D2D4
#D1D8CE
#D1DEC8
#D1E5C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts