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 #CBF1C2 to #CBC2F1 and to #F1CBC2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBE9CA
#CCE9C9
#CDEAC7
#CEEAC6
#CFEAC5
#D0EBC4
#D1EBC2
#CBE2D1
#CDE2CF
#CFE3CC
#D1E3CA
#D3E4C7
#D5E4C5
#D7E5C2
#CBDAD9
#CEDBD5
#D1DCD2
#D4DCCE
#D7DDCA
#D9DEC7
#DDDFC2
#CBD3E0
#CFD4DB
#D3D5D6
#D7D6D2
#DAD7CD
#DED8C8
#E3D9C2
#CBCBE8
#D0CCE2
#D5CEDC
#D9CFD6
#DED0D0
#E3D1CA
#E9D3C2
#CBC2F1
#D1C3E9
#D7C5E2
#DDC6DA
#E3C8D3
#E9C9CB
#F1CBC2
Colorpallet from #CBF1C2 to #CBC2F1 and to #F1C2CB
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBE9CA
#CCE9C9
#CDE9C8
#CEE9C7
#CFE9C6
#D0E9C4
#D1E9C3
#CBE2D1
#CDE2CF
#CFE2CD
#D1E2CB
#D3E2C9
#D5E2C7
#D7E2C5
#CBDAD9
#CEDAD6
#D1DAD3
#D4DAD0
#D7DACD
#D9DACA
#DDDAC6
#CBD3E0
#CFD3DC
#D3D3D8
#D7D3D4
#DAD3D1
#DED3CD
#E3D3C8
#CBCBE8
#D0CBE3
#D5CBDE
#D9CBD9
#DECBD4
#E3CBCF
#E9CBC9
#CBC2F1
#D1C2EB
#D7C2E5
#DDC2DF
#E3C2D9
#E9C2D3
#F1C2CB
Colorpallet from #CBF1C2 to #CBC2F1 and to #C2CBF1
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBE9CA
#CBE9CA
#CBEACA
#CBEACA
#CAEACA
#CAEBCA
#CAEBCA
#CBE2D1
#CBE2D1
#CAE3D1
#CAE3D1
#C9E4D1
#C9E4D1
#C8E5D1
#CBDAD9
#CADBD9
#CADCD9
#C9DCD9
#C8DDD9
#C8DED9
#C7DFD9
#CBD3E0
#CAD4E0
#C9D5E0
#C8D6E0
#C7D7E0
#C6D8E0
#C5D9E0
#CBCBE8
#CACCE8
#C9CEE8
#C8CFE8
#C7D0E8
#C5D1E8
#C4D3E8
#CBC2F1
#CAC3F1
#C8C5F1
#C7C6F1
#C5C8F1
#C4C9F1
#C2CBF1
Colorpallet from #CBF1C2 to #CBC2F1 and to #C2F1CB
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBE9CA
#CBEAC9
#CBECC8
#CBEDC7
#CAEEC6
#CAEFC4
#CAF1C3
#CBE2D1
#CBE4CF
#CAE7CD
#CAE9CB
#C9ECC9
#C9EEC7
#C8F1C5
#CBDAD9
#CADED6
#CAE1D3
#C9E5D0
#C8E9CD
#C8ECCA
#C7F1C6
#CBD3E0
#CAD8DC
#C9DDD8
#C8E1D4
#C7E6D1
#C6EBCD
#C5F1C8
#CBCBE8
#CAD1E3
#C9D7DE
#C8DDD9
#C7E3D4
#C5E9CF
#C4F1C9
#CBC2F1
#CACAEB
#C8D1E5
#C7D9DF
#C5E0D9
#C4E8D3
#C2F1CB
Colorpallet from #CBF1C2 to #F1CBC2 and to #F1C2CB
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#D1EBC2
#D1EBC2
#D1EAC2
#D1EAC2
#D1EAC3
#D1E9C3
#D1E9C3
#D7E5C2
#D7E5C2
#D7E4C3
#D7E4C3
#D7E3C4
#D7E3C4
#D7E2C5
#DDDFC2
#DDDEC3
#DDDDC3
#DDDDC4
#DDDCC5
#DDDBC5
#DDDAC6
#E3D9C2
#E3D8C3
#E3D7C4
#E3D6C5
#E3D5C6
#E3D4C7
#E3D3C8
#E9D3C2
#E9D2C3
#E9D0C4
#E9CFC5
#E9CEC6
#E9CDC8
#E9CBC9
#F1CBC2
#F1CAC3
#F1C8C5
#F1C7C6
#F1C5C8
#F1C4C9
#F1C2CB
Colorpallet from #CBF1C2 to #F1CBC2 and to #C2CBF1
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#D1EBC2
#D0EBC3
#CFEBC5
#CEEBC6
#CDEBC7
#CBEBC8
#CAEBCA
#D7E5C2
#D5E5C4
#D2E5C7
#D0E5C9
#CDE5CC
#CBE5CE
#C8E5D1
#DDDFC2
#D9DFC6
#D6DFC9
#D2DFCD
#CFDFD1
#CBDFD4
#C7DFD9
#E3D9C2
#DED9C7
#D9D9CC
#D5D9D0
#D0D9D5
#CBD9DA
#C5D9E0
#E9D3C2
#E3D3C8
#DDD3CE
#D7D3D4
#D1D3DA
#CBD3E0
#C4D3E8
#F1CBC2
#E9CBCA
#E2CBD1
#DACBD9
#D3CBE0
#CBCBE8
#C2CBF1
Colorpallet from #CBF1C2 to #F1CBC2 and to #C2F1CB
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#D1EBC2
#D0ECC2
#CFEDC2
#CEEEC2
#CDEFC3
#CBF0C3
#CAF1C3
#D7E5C2
#D5E7C2
#D2E9C3
#D0EBC3
#CDEDC4
#CBEFC4
#C8F1C5
#DDDFC2
#D9E2C3
#D6E5C3
#D2E8C4
#CFEBC5
#CBEDC5
#C7F1C6
#E3D9C2
#DEDDC3
#D9E1C4
#D5E5C5
#D0E8C6
#CBECC7
#C5F1C8
#E9D3C2
#E3D8C3
#DDDDC4
#D7E1C5
#D1E6C6
#CBEBC8
#C4F1C9
#F1CBC2
#E9D1C3
#E2D7C5
#DADDC6
#D3E3C8
#CBE9C9
#C2F1CB
Colorpallet from #CBF1C2 to #F1C2CB and to #C2CBF1
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#D1E9C3
#D0E9C4
#CFEAC5
#CEEAC6
#CDEAC7
#CBEBC9
#CAEBCA
#D7E2C5
#D5E2C7
#D2E3C9
#D0E3CB
#CDE4CD
#CBE4CF
#C8E5D1
#DDDAC6
#D9DBC9
#D6DCCC
#D2DCCF
#CFDDD2
#CBDED5
#C7DFD9
#E3D3C8
#DED4CC
#D9D5D0
#D5D6D4
#D0D7D7
#CBD8DB
#C5D9E0
#E9CBC9
#E3CCCE
#DDCED3
#D7CFD8
#D1D0DD
#CBD1E2
#C4D3E8
#F1C2CB
#E9C3D1
#E2C5D7
#DAC6DD
#D3C8E3
#CBC9E9
#C2CBF1
Colorpallet from #CBF1C2 to #F1C2CB and to #C2F1CB
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#D1E9C3
#D0EAC3
#CFECC3
#CEEDC3
#CDEEC3
#CBEFC3
#CAF1C3
#D7E2C5
#D5E4C5
#D2E7C5
#D0E9C5
#CDECC5
#CBEEC5
#C8F1C5
#DDDAC6
#D9DEC6
#D6E1C6
#D2E5C6
#CFE9C6
#CBECC6
#C7F1C6
#E3D3C8
#DED8C8
#D9DDC8
#D5E1C8
#D0E6C8
#CBEBC8
#C5F1C8
#E9CBC9
#E3D1C9
#DDD7C9
#D7DDC9
#D1E3C9
#CBE9C9
#C4F1C9
#F1C2CB
#E9CACB
#E2D1CB
#DAD9CB
#D3E0CB
#CBE8CB
#C2F1CB
Colorpallet from #CBF1C2 to #C2CBF1 and to #C2F1CB
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CBF1C2
#CAEBCA
#CAECC9
#CAEDC8
#CAEEC7
#CAEFC6
#CAF0C4
#CAF1C3
#C8E5D1
#C8E7CF
#C8E9CD
#C8EBCB
#C8EDC9
#C8EFC7
#C8F1C5
#C7DFD9
#C7E2D6
#C7E5D3
#C7E8D0
#C7EBCD
#C7EDCA
#C7F1C6
#C5D9E0
#C5DDDC
#C5E1D8
#C5E5D4
#C5E8D1
#C5ECCD
#C5F1C8
#C4D3E8
#C4D8E3
#C4DDDE
#C4E1D9
#C4E6D4
#C4EBCF
#C4F1C9
#C2CBF1
#C2D1EB
#C2D7E5
#C2DDDF
#C2E3D9
#C2E9D3
#C2F1CB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts