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 #C2E8DE to #C2DEE8 and to #E8C2DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E6E0
#C3E5E0
#C4E5DF
#C5E4DF
#C6E3DF
#C7E3DE
#C8E2DE
#C2E5E1
#C4E4E1
#C6E2E0
#C8E1E0
#CADFDF
#CCDEDF
#CEDCDE
#C2E3E3
#C5E1E2
#C8DFE1
#CBDDE1
#CEDBE0
#D0D9DF
#D4D6DE
#C2E2E4
#C6DFE3
#CADCE2
#CED9E1
#D1D6E0
#D5D4DF
#DAD0DE
#C2E0E6
#C7DCE5
#CCD9E3
#D0D5E2
#D5D2E1
#DACEE0
#E0CADE
#C2DEE8
#C8DAE6
#CED5E5
#D4D1E3
#DACCE2
#E0C8E0
#E8C2DE
Colorpallet from #C2E8DE to #C2DEE8 and to #E8DEC2
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E6E0
#C3E6DF
#C4E6DE
#C5E6DD
#C6E6DC
#C7E6DB
#C8E6DA
#C2E5E1
#C4E5DF
#C6E5DD
#C8E5DB
#CAE5D9
#CCE5D7
#CEE5D5
#C2E3E3
#C5E3E0
#C8E3DD
#CBE3DA
#CEE3D7
#D0E3D5
#D4E3D1
#C2E2E4
#C6E2E0
#CAE2DC
#CEE2D8
#D1E2D5
#D5E2D1
#DAE2CC
#C2E0E6
#C7E0E1
#CCE0DC
#D0E0D8
#D5E0D3
#DAE0CE
#E0E0C8
#C2DEE8
#C8DEE2
#CEDEDC
#D4DED6
#DADED0
#E0DECA
#E8DEC2
Colorpallet from #C2E8DE to #C2DEE8 and to #DEC2E8
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E6E0
#C3E5E0
#C3E5E0
#C4E4E0
#C5E3E0
#C5E3E0
#C6E2E0
#C2E5E1
#C3E4E1
#C5E2E1
#C6E1E1
#C8DFE1
#C9DEE1
#CBDCE1
#C2E3E3
#C4E1E3
#C6DFE3
#C8DDE3
#CADBE3
#CCD9E3
#CFD6E3
#C2E2E4
#C5DFE4
#C8DCE4
#CBD9E4
#CED6E4
#D0D4E4
#D4D0E4
#C2E0E6
#C6DCE6
#C9D9E6
#CDD5E6
#D0D2E6
#D4CEE6
#D8CAE6
#C2DEE8
#C6DAE8
#CBD5E8
#CFD1E8
#D4CCE8
#D8C8E8
#DEC2E8
Colorpallet from #C2E8DE to #C2DEE8 and to #DEE8C2
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E6E0
#C3E6DF
#C3E7DE
#C4E7DD
#C5E7DC
#C5E8DB
#C6E8DA
#C2E5E1
#C3E5DF
#C5E6DD
#C6E6DB
#C8E7D9
#C9E7D7
#CBE8D5
#C2E3E3
#C4E4E0
#C6E5DD
#C8E5DA
#CAE6D7
#CCE7D5
#CFE8D1
#C2E2E4
#C5E3E0
#C8E4DC
#CBE5D8
#CEE6D5
#D0E7D1
#D4E8CC
#C2E0E6
#C6E1E1
#C9E3DC
#CDE4D8
#D0E5D3
#D4E6CE
#D8E8C8
#C2DEE8
#C6E0E2
#CBE1DC
#CFE3D6
#D4E4D0
#D8E6CA
#DEE8C2
Colorpallet from #C2E8DE to #E8C2DE and to #E8DEC2
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C8E2DE
#C8E3DD
#C8E3DD
#C8E4DC
#C8E5DB
#C8E5DB
#C8E6DA
#CEDCDE
#CEDDDD
#CEDFDB
#CEE0DA
#CEE2D8
#CEE3D7
#CEE5D5
#D4D6DE
#D4D8DC
#D4DADA
#D4DCD8
#D4DED6
#D4E0D4
#D4E3D1
#DAD0DE
#DAD3DB
#DAD6D8
#DAD9D5
#DADCD2
#DADED0
#DAE2CC
#E0CADE
#E0CEDA
#E0D1D7
#E0D5D3
#E0D8D0
#E0DCCC
#E0E0C8
#E8C2DE
#E8C6DA
#E8CBD5
#E8CFD1
#E8D4CC
#E8D8C8
#E8DEC2
Colorpallet from #C2E8DE to #E8C2DE and to #DEC2E8
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C8E2DE
#C8E2DE
#C7E2DF
#C7E2DF
#C7E2DF
#C6E2E0
#C6E2E0
#CEDCDE
#CEDCDE
#CDDCDF
#CDDCDF
#CCDCE0
#CCDCE0
#CBDCE1
#D4D6DE
#D3D6DF
#D2D6E0
#D2D6E0
#D1D6E1
#D0D6E2
#CFD6E3
#DAD0DE
#D9D0DF
#D8D0E0
#D7D0E1
#D6D0E2
#D5D0E3
#D4D0E4
#E0CADE
#DFCADF
#DDCAE1
#DCCAE2
#DBCAE3
#DACAE4
#D8CAE6
#E8C2DE
#E6C2E0
#E5C2E1
#E3C2E3
#E2C2E4
#E0C2E6
#DEC2E8
Colorpallet from #C2E8DE to #E8C2DE and to #DEE8C2
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C8E2DE
#C8E3DD
#C7E4DD
#C7E5DC
#C7E6DB
#C6E7DB
#C6E8DA
#CEDCDE
#CEDEDD
#CDE0DB
#CDE2DA
#CCE4D8
#CCE6D7
#CBE8D5
#D4D6DE
#D3D9DC
#D2DCDA
#D2DFD8
#D1E2D6
#D0E4D4
#CFE8D1
#DAD0DE
#D9D4DB
#D8D8D8
#D7DCD5
#D6DFD2
#D5E3D0
#D4E8CC
#E0CADE
#DFCFDA
#DDD4D7
#DCD8D3
#DBDDD0
#DAE2CC
#D8E8C8
#E8C2DE
#E6C8DA
#E5CED5
#E3D4D1
#E2DACC
#E0E0C8
#DEE8C2
Colorpallet from #C2E8DE to #E8DEC2 and to #DEC2E8
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C8E6DA
#C8E5DB
#C7E5DC
#C7E4DD
#C7E3DE
#C6E3DF
#C6E2E0
#CEE5D5
#CEE4D7
#CDE2D9
#CDE1DB
#CCDFDD
#CCDEDF
#CBDCE1
#D4E3D1
#D3E1D4
#D2DFD7
#D2DDDA
#D1DBDD
#D0D9DF
#CFD6E3
#DAE2CC
#D9DFD0
#D8DCD4
#D7D9D8
#D6D6DB
#D5D4DF
#D4D0E4
#E0E0C8
#DFDCCD
#DDD9D2
#DCD5D6
#DBD2DB
#DACEE0
#D8CAE6
#E8DEC2
#E6DAC8
#E5D5CE
#E3D1D4
#E2CCDA
#E0C8E0
#DEC2E8
Colorpallet from #C2E8DE to #E8DEC2 and to #DEE8C2
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C8E6DA
#C8E6DA
#C7E7DA
#C7E7DA
#C7E7DA
#C6E8DA
#C6E8DA
#CEE5D5
#CEE5D5
#CDE6D5
#CDE6D5
#CCE7D5
#CCE7D5
#CBE8D5
#D4E3D1
#D3E4D1
#D2E5D1
#D2E5D1
#D1E6D1
#D0E7D1
#CFE8D1
#DAE2CC
#D9E3CC
#D8E4CC
#D7E5CC
#D6E6CC
#D5E7CC
#D4E8CC
#E0E0C8
#DFE1C8
#DDE3C8
#DCE4C8
#DBE5C8
#DAE6C8
#D8E8C8
#E8DEC2
#E6E0C2
#E5E1C2
#E3E3C2
#E2E4C2
#E0E6C2
#DEE8C2
Colorpallet from #C2E8DE to #DEC2E8 and to #DEE8C2
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C2E8DE
#C6E2E0
#C6E3DF
#C6E4DE
#C6E5DD
#C6E6DC
#C6E7DB
#C6E8DA
#CBDCE1
#CBDEDF
#CBE0DD
#CBE2DB
#CBE4D9
#CBE6D7
#CBE8D5
#CFD6E3
#CFD9E0
#CFDCDD
#CFDFDA
#CFE2D7
#CFE4D5
#CFE8D1
#D4D0E4
#D4D4E0
#D4D8DC
#D4DCD8
#D4DFD5
#D4E3D1
#D4E8CC
#D8CAE6
#D8CFE1
#D8D4DC
#D8D8D8
#D8DDD3
#D8E2CE
#D8E8C8
#DEC2E8
#DEC8E2
#DECEDC
#DED4D6
#DEDAD0
#DEE0CA
#DEE8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts