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 #CDD3E7 to #CDE7D3 and to #D3CDE7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD6E4
#CDD5E4
#CDD5E5
#CDD4E5
#CED3E6
#CED3E6
#CED2E7
#CDD9E1
#CDD8E2
#CED6E3
#CED5E4
#CED4E5
#CFD3E6
#CFD1E7
#CDDDDD
#CDDBDF
#CED9E0
#CED7E2
#CFD5E3
#CFD3E5
#D0D0E7
#CDE0DA
#CEDDDC
#CEDBDE
#CFD8E0
#D0D5E2
#D0D2E4
#D1CFE7
#CDE3D7
#CEE0DA
#CFDCDC
#CFD9DF
#D0D6E1
#D1D2E4
#D2CEE7
#CDE7D3
#CEE3D6
#CFDFD9
#D0DBDD
#D1D6E0
#D2D2E3
#D3CDE7
Colorpallet from #CDD3E7 to #CDE7D3 and to #D3E7CD
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD6E4
#CDD6E4
#CDD6E4
#CDD6E4
#CED6E3
#CED6E3
#CED6E3
#CDD9E1
#CDD9E1
#CED9E0
#CED9E0
#CED9E0
#CFD9DF
#CFD9DF
#CDDDDD
#CDDDDD
#CEDDDC
#CEDDDC
#CFDDDC
#CFDDDB
#D0DDDB
#CDE0DA
#CEE0D9
#CEE0D9
#CFE0D8
#D0E0D7
#D0E0D7
#D1E0D6
#CDE3D7
#CEE3D6
#CFE3D5
#CFE3D5
#D0E3D4
#D1E3D3
#D2E3D2
#CDE7D3
#CEE7D2
#CFE7D1
#D0E7D0
#D1E7CF
#D2E7CE
#D3E7CD
Colorpallet from #CDD3E7 to #CDE7D3 and to #E7CDD3
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD6E4
#CED5E4
#CED5E4
#CFD4E4
#D0D3E4
#D0D3E4
#D1D2E4
#CDD9E1
#CED8E1
#D0D6E1
#D1D5E1
#D2D4E1
#D3D3E1
#D5D1E1
#CDDDDD
#CFDBDD
#D1D9DD
#D3D7DD
#D5D5DD
#D7D3DD
#D9D0DD
#CDE0DA
#D0DDDA
#D2DBDA
#D5D8DA
#D8D5DA
#DBD2DA
#DECFDA
#CDE3D7
#D0E0D7
#D4DCD7
#D7D9D7
#DAD6D7
#DED2D7
#E2CED7
#CDE7D3
#D1E3D3
#D5DFD3
#D9DBD3
#DED6D3
#E2D2D3
#E7CDD3
Colorpallet from #CDD3E7 to #CDE7D3 and to #E7D3CD
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD6E4
#CED6E4
#CED5E4
#CFD5E4
#D0D4E3
#D0D4E3
#D1D3E3
#CDD9E1
#CED8E1
#D0D7E0
#D1D6E0
#D2D5E0
#D3D4DF
#D5D3DF
#CDDDDD
#CFDBDD
#D1DADC
#D3D8DC
#D5D7DC
#D7D5DB
#D9D3DB
#CDE0DA
#D0DED9
#D2DCD9
#D5DAD8
#D8D8D7
#DBD6D7
#DED3D6
#CDE3D7
#D0E0D6
#D4DED5
#D7DBD5
#DAD9D4
#DED6D3
#E2D3D2
#CDE7D3
#D1E4D2
#D5E1D1
#D9DDD0
#DEDACF
#E2D7CE
#E7D3CD
Colorpallet from #CDD3E7 to #D3CDE7 and to #D3E7CD
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CED2E7
#CED3E6
#CED3E6
#CED4E5
#CED5E4
#CED5E4
#CED6E3
#CFD1E7
#CFD2E6
#CFD4E4
#CFD5E3
#CFD6E2
#CFD7E1
#CFD9DF
#D0D0E7
#D0D2E5
#D0D4E3
#D0D6E1
#D0D8DF
#D0DADD
#D0DDDB
#D1CFE7
#D1D2E4
#D1D4E2
#D1D7DF
#D1DADC
#D1DDD9
#D1E0D6
#D2CEE7
#D2D1E4
#D2D5E0
#D2D8DD
#D2DBDA
#D2DFD6
#D2E3D2
#D3CDE7
#D3D1E3
#D3D5DF
#D3D9DB
#D3DED6
#D3E2D2
#D3E7CD
Colorpallet from #CDD3E7 to #D3CDE7 and to #E7CDD3
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CED2E7
#CED2E7
#CFD2E6
#CFD2E6
#D0D2E5
#D0D2E5
#D1D2E4
#CFD1E7
#D0D1E6
#D1D1E5
#D2D1E4
#D3D1E3
#D4D1E2
#D5D1E1
#D0D0E7
#D1D0E5
#D3D0E4
#D4D0E2
#D6D0E1
#D7D0DF
#D9D0DD
#D1CFE7
#D3CFE5
#D5CFE3
#D7CFE1
#D9CFDF
#DBCFDD
#DECFDA
#D2CEE7
#D5CEE4
#D7CEE2
#DACEDF
#DCCEDD
#DFCEDA
#E2CED7
#D3CDE7
#D6CDE4
#D9CDE1
#DDCDDD
#E0CDDA
#E3CDD7
#E7CDD3
Colorpallet from #CDD3E7 to #D3CDE7 and to #E7D3CD
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CED2E7
#CED2E6
#CFD2E6
#CFD2E5
#D0D3E4
#D0D3E4
#D1D3E3
#CFD1E7
#D0D1E6
#D1D2E4
#D2D2E3
#D3D2E2
#D4D3E1
#D5D3DF
#D0D0E7
#D1D0E5
#D3D1E3
#D4D1E1
#D6D2DF
#D7D2DD
#D9D3DB
#D1CFE7
#D3D0E4
#D5D0E2
#D7D1DF
#D9D2DC
#DBD2D9
#DED3D6
#D2CEE7
#D5CFE4
#D7D0E0
#DAD0DD
#DCD1DA
#DFD2D6
#E2D3D2
#D3CDE7
#D6CEE3
#D9CFDF
#DDD0DB
#E0D1D6
#E3D2D2
#E7D3CD
Colorpallet from #CDD3E7 to #D3E7CD and to #E7CDD3
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CED6E3
#CED5E3
#CFD5E3
#CFD4E3
#D0D3E4
#D0D3E4
#D1D2E4
#CFD9DF
#D0D8DF
#D1D6E0
#D2D5E0
#D3D4E0
#D4D3E1
#D5D1E1
#D0DDDB
#D1DBDB
#D3D9DC
#D4D7DC
#D6D5DC
#D7D3DD
#D9D0DD
#D1E0D6
#D3DDD7
#D5DBD7
#D7D8D8
#D9D5D9
#DBD2D9
#DECFDA
#D2E3D2
#D5E0D3
#D7DCD4
#DAD9D4
#DCD6D5
#DFD2D6
#E2CED7
#D3E7CD
#D6E3CE
#D9DFCF
#DDDBD0
#E0D6D1
#E3D2D2
#E7CDD3
Colorpallet from #CDD3E7 to #D3E7CD and to #E7D3CD
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CED6E3
#CED6E3
#CFD5E3
#CFD5E3
#D0D4E3
#D0D4E3
#D1D3E3
#CFD9DF
#D0D8DF
#D1D7DF
#D2D6DF
#D3D5DF
#D4D4DF
#D5D3DF
#D0DDDB
#D1DBDB
#D3DADB
#D4D8DB
#D6D7DB
#D7D5DB
#D9D3DB
#D1E0D6
#D3DED6
#D5DCD6
#D7DAD6
#D9D8D6
#DBD6D6
#DED3D6
#D2E3D2
#D5E0D2
#D7DED2
#DADBD2
#DCD9D2
#DFD6D2
#E2D3D2
#D3E7CD
#D6E4CD
#D9E1CD
#DDDDCD
#E0DACD
#E3D7CD
#E7D3CD
Colorpallet from #CDD3E7 to #E7CDD3 and to #E7D3CD
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#CDD3E7
#D1D2E4
#D1D2E4
#D1D2E4
#D1D2E4
#D1D3E3
#D1D3E3
#D1D3E3
#D5D1E1
#D5D1E1
#D5D2E0
#D5D2E0
#D5D2E0
#D5D3DF
#D5D3DF
#D9D0DD
#D9D0DD
#D9D1DC
#D9D1DC
#D9D2DC
#D9D2DB
#D9D3DB
#DECFDA
#DED0D9
#DED0D9
#DED1D8
#DED2D7
#DED2D7
#DED3D6
#E2CED7
#E2CFD6
#E2D0D5
#E2D0D5
#E2D1D4
#E2D2D3
#E2D3D2
#E7CDD3
#E7CED2
#E7CFD1
#E7D0D0
#E7D1CF
#E7D2CE
#E7D3CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts