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 #C4D4EC to #C4ECD4 and to #D4C4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D8E8
#C4D7E9
#C5D6E9
#C5D5EA
#C6D4EB
#C6D2EB
#C7D1EC
#C4DCE4
#C5DAE5
#C6D8E7
#C6D6E8
#C7D4E9
#C8D2EA
#C9CFEC
#C4E0E0
#C5DDE2
#C7DAE4
#C8D6E6
#C9D3E8
#CAD0EA
#CCCCEC
#C4E3DD
#C6DFDF
#C7DBE2
#C9D7E4
#CAD3E7
#CCCFE9
#CECAEC
#C4E7D9
#C6E2DC
#C8DDDF
#CAD8E2
#CCD3E5
#CECDE8
#D1C7EC
#C4ECD4
#C7E6D8
#C9DFDC
#CCD9E0
#CED2E3
#D1CCE7
#D4C4EC
Colorpallet from #C4D4EC to #C4ECD4 and to #D4ECC4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D8E8
#C4D8E8
#C5D8E7
#C5D8E7
#C6D8E7
#C6D8E6
#C7D8E6
#C4DCE4
#C5DCE3
#C6DCE2
#C6DCE2
#C7DCE1
#C8DCE0
#C9DCDF
#C4E0E0
#C5E0DF
#C7E0DE
#C8E0DD
#C9E0DC
#CAE0DA
#CCE0D9
#C4E3DD
#C6E3DB
#C7E3D9
#C9E3D8
#CAE3D6
#CCE3D4
#CEE3D2
#C4E7D9
#C6E7D7
#C8E7D5
#CAE7D3
#CCE7D1
#CEE7CF
#D1E7CC
#C4ECD4
#C7ECD1
#C9ECCF
#CCECCC
#CEECCA
#D1ECC7
#D4ECC4
Colorpallet from #C4D4EC to #C4ECD4 and to #ECC4D4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D8E8
#C5D7E8
#C6D6E8
#C7D5E8
#C8D4E8
#C9D2E8
#CAD1E8
#C4DCE4
#C6DAE4
#C8D8E4
#CAD6E4
#CCD4E4
#CED2E4
#D1CFE4
#C4E0E0
#C7DDE0
#CADAE0
#CDD6E0
#D0D3E0
#D3D0E0
#D7CCE0
#C4E3DD
#C8DFDD
#CCDBDD
#D0D7DD
#D5D3DD
#D9CFDD
#DECADD
#C4E7D9
#C9E2D9
#CEDDD9
#D3D8D9
#D8D3D9
#DECDD9
#E4C7D9
#C4ECD4
#CAE6D4
#D1DFD4
#D7D9D4
#DED2D4
#E4CCD4
#ECC4D4
Colorpallet from #C4D4EC to #C4ECD4 and to #ECD4C4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D8E8
#C5D7E8
#C6D7E7
#C7D6E7
#C8D5E7
#C9D5E6
#CAD4E6
#C4DCE4
#C6DBE3
#C8D9E2
#CAD8E2
#CCD7E1
#CED6E0
#D1D4DF
#C4E0E0
#C7DEDF
#CADCDE
#CDDADD
#D0D8DC
#D3D6DA
#D7D4D9
#C4E3DD
#C8E1DB
#CCDED9
#D0DCD8
#D5D9D6
#D9D7D4
#DED4D2
#C4E7D9
#C9E4D7
#CEE1D5
#D3DED3
#D8DBD1
#DED8CF
#E4D4CC
#C4ECD4
#CAE8D1
#D1E4CF
#D7E0CC
#DEDDCA
#E4D9C7
#ECD4C4
Colorpallet from #C4D4EC to #D4C4EC and to #D4ECC4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C7D1EC
#C7D2EB
#C7D3EA
#C7D4E9
#C7D5E8
#C7D7E7
#C7D8E6
#C9CFEC
#C9D1EA
#C9D3E8
#C9D5E6
#C9D7E4
#C9D9E2
#C9DCDF
#CCCCEC
#CCCFE9
#CCD2E6
#CCD6E3
#CCD9E0
#CCDCDD
#CCE0D9
#CECAEC
#CECEE8
#CED2E4
#CED6E0
#CEDADB
#CEDED7
#CEE3D2
#D1C7EC
#D1CCE7
#D1D1E2
#D1D6DD
#D1DBD8
#D1E1D2
#D1E7CC
#D4C4EC
#D4CAE6
#D4D1DF
#D4D7D9
#D4DED2
#D4E4CC
#D4ECC4
Colorpallet from #C4D4EC to #D4C4EC and to #ECC4D4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C7D1EC
#C7D1EB
#C8D1EB
#C8D1EA
#C9D1E9
#C9D1E9
#CAD1E8
#C9CFEC
#CACFEB
#CCCFE9
#CDCFE8
#CECFE7
#CFCFE6
#D1CFE4
#CCCCEC
#CECCEA
#D0CCE8
#D1CCE6
#D3CCE4
#D5CCE2
#D7CCE0
#CECAEC
#D1CAEA
#D3CAE7
#D6CAE5
#D8CAE2
#DBCAE0
#DECADD
#D1C7EC
#D4C7E9
#D7C7E6
#DAC7E3
#DDC7E0
#E0C7DD
#E4C7D9
#D4C4EC
#D8C4E8
#DCC4E4
#E0C4E0
#E3C4DD
#E7C4D9
#ECC4D4
Colorpallet from #C4D4EC to #D4C4EC and to #ECD4C4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C7D1EC
#C7D1EB
#C8D2EA
#C8D2E9
#C9D3E8
#C9D3E7
#CAD4E6
#C9CFEC
#CAD0EA
#CCD1E8
#CDD1E6
#CED2E4
#CFD3E2
#D1D4DF
#CCCCEC
#CECDE9
#D0CFE6
#D1D0E3
#D3D1E0
#D5D2DD
#D7D4D9
#CECAEC
#D1CCE8
#D3CDE4
#D6CFE0
#D8D0DB
#DBD2D7
#DED4D2
#D1C7EC
#D4C9E7
#D7CBE2
#DACDDD
#DDCFD8
#E0D1D2
#E4D4CC
#D4C4EC
#D8C7E6
#DCC9DF
#E0CCD9
#E3CED2
#E7D1CC
#ECD4C4
Colorpallet from #C4D4EC to #D4ECC4 and to #ECC4D4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C7D8E6
#C7D7E6
#C8D6E7
#C8D5E7
#C9D4E7
#C9D2E8
#CAD1E8
#C9DCDF
#CADAE0
#CCD8E1
#CDD6E1
#CED4E2
#CFD2E3
#D1CFE4
#CCE0D9
#CEDDDA
#D0DADB
#D1D6DC
#D3D3DD
#D5D0DF
#D7CCE0
#CEE3D2
#D1DFD4
#D3DBD6
#D6D7D7
#D8D3D9
#DBCFDB
#DECADD
#D1E7CC
#D4E2CE
#D7DDD0
#DAD8D2
#DDD3D4
#E0CDD6
#E4C7D9
#D4ECC4
#D8E6C7
#DCDFC9
#E0D9CC
#E3D2CE
#E7CCD1
#ECC4D4
Colorpallet from #C4D4EC to #D4ECC4 and to #ECD4C4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C7D8E6
#C7D7E6
#C8D7E6
#C8D6E6
#C9D5E6
#C9D5E6
#CAD4E6
#C9DCDF
#CADBDF
#CCD9DF
#CDD8DF
#CED7DF
#CFD6DF
#D1D4DF
#CCE0D9
#CEDED9
#D0DCD9
#D1DAD9
#D3D8D9
#D5D6D9
#D7D4D9
#CEE3D2
#D1E1D2
#D3DED2
#D6DCD2
#D8D9D2
#DBD7D2
#DED4D2
#D1E7CC
#D4E4CC
#D7E1CC
#DADECC
#DDDBCC
#E0D8CC
#E4D4CC
#D4ECC4
#D8E8C4
#DCE4C4
#E0E0C4
#E3DDC4
#E7D9C4
#ECD4C4
Colorpallet from #C4D4EC to #ECC4D4 and to #ECD4C4
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#C4D4EC
#CAD1E8
#CAD1E8
#CAD2E7
#CAD2E7
#CAD3E7
#CAD3E6
#CAD4E6
#D1CFE4
#D1D0E3
#D1D1E2
#D1D1E2
#D1D2E1
#D1D3E0
#D1D4DF
#D7CCE0
#D7CDDF
#D7CFDE
#D7D0DD
#D7D1DC
#D7D2DA
#D7D4D9
#DECADD
#DECCDB
#DECDD9
#DECFD8
#DED0D6
#DED2D4
#DED4D2
#E4C7D9
#E4C9D7
#E4CBD5
#E4CDD3
#E4CFD1
#E4D1CF
#E4D4CC
#ECC4D4
#ECC7D1
#ECC9CF
#ECCCCC
#ECCECA
#ECD1C7
#ECD4C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts