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 #CCECD3 to #CCD3EC and to #ECCCD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCE8D7
#CDE8D6
#CEE8D6
#CEE8D5
#CFE7D4
#D0E7D4
#D1E7D3
#CCE4DB
#CEE4DA
#CFE3D8
#D1E3D7
#D2E3D6
#D4E2D5
#D6E2D3
#CCE0DF
#CEE0DD
#D1DFDB
#D3DFD9
#D6DED7
#D8DED5
#DBDDD3
#CCDCE3
#CFDBE0
#D2DBDE
#D6DADB
#D9D9D9
#DCD9D6
#E0D8D3
#CCD8E7
#D0D7E4
#D4D6E1
#D8D5DD
#DDD4DA
#E1D3D7
#E6D2D3
#CCD3EC
#D1D2E8
#D6D1E4
#DBD0E0
#E0CFDC
#E6CDD8
#ECCCD3
Colorpallet from #CCECD3 to #CCD3EC and to #ECD3CC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCE8D7
#CDE8D6
#CEE8D5
#CEE8D5
#CFE8D4
#D0E8D3
#D1E8D2
#CCE4DB
#CEE4D9
#CFE4D8
#D1E4D6
#D2E4D5
#D4E4D3
#D6E4D1
#CCE0DF
#CEE0DD
#D1E0DA
#D3E0D8
#D6E0D5
#D8E0D3
#DBE0D0
#CCDCE3
#CFDCE0
#D2DCDD
#D6DCD9
#D9DCD6
#DCDCD3
#E0DCCF
#CCD8E7
#D0D8E3
#D4D8DF
#D8D8DB
#DDD8D6
#E1D8D2
#E6D8CD
#CCD3EC
#D1D3E7
#D6D3E2
#DBD3DD
#E0D3D8
#E6D3D2
#ECD3CC
Colorpallet from #CCECD3 to #CCD3EC and to #D3CCEC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCE8D7
#CCE8D7
#CCE8D7
#CCE8D7
#CDE7D7
#CDE7D7
#CDE7D7
#CCE4DB
#CCE4DB
#CDE3DB
#CDE3DB
#CDE3DB
#CEE2DB
#CEE2DB
#CCE0DF
#CCE0DF
#CDDFDF
#CDDFDF
#CEDEDF
#CEDEDF
#CFDDDF
#CCDCE3
#CDDBE3
#CDDBE3
#CEDAE3
#CFD9E3
#CFD9E3
#D0D8E3
#CCD8E7
#CDD7E7
#CED6E7
#CFD5E7
#D0D4E7
#D1D3E7
#D2D2E7
#CCD3EC
#CDD2EC
#CED1EC
#CFD0EC
#D0CFEC
#D2CDEC
#D3CCEC
Colorpallet from #CCECD3 to #CCD3EC and to #D3ECCC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCE8D7
#CCE9D6
#CCE9D5
#CCEAD5
#CDEBD4
#CDEBD3
#CDECD2
#CCE4DB
#CCE5D9
#CDE7D8
#CDE8D6
#CDE9D5
#CEEAD3
#CEECD1
#CCE0DF
#CCE2DD
#CDE4DA
#CDE6D8
#CEE8D5
#CEEAD3
#CFECD0
#CCDCE3
#CDDFE0
#CDE1DD
#CEE4D9
#CFE6D6
#CFE9D3
#D0ECCF
#CCD8E7
#CDDBE3
#CEDEDF
#CFE2DB
#D0E5D6
#D1E8D2
#D2ECCD
#CCD3EC
#CDD7E7
#CEDBE2
#CFDFDD
#D0E3D8
#D2E7D2
#D3ECCC
Colorpallet from #CCECD3 to #ECCCD3 and to #ECD3CC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#D1E7D3
#D1E7D3
#D1E7D3
#D1E7D3
#D1E8D2
#D1E8D2
#D1E8D2
#D6E2D3
#D6E2D3
#D6E3D2
#D6E3D2
#D6E3D2
#D6E4D1
#D6E4D1
#DBDDD3
#DBDDD3
#DBDED2
#DBDED2
#DBDFD1
#DBDFD1
#DBE0D0
#E0D8D3
#E0D9D2
#E0D9D2
#E0DAD1
#E0DBD0
#E0DBD0
#E0DCCF
#E6D2D3
#E6D3D2
#E6D4D1
#E6D5D0
#E6D6CF
#E6D7CE
#E6D8CD
#ECCCD3
#ECCDD2
#ECCED1
#ECCFD0
#ECD0CF
#ECD2CD
#ECD3CC
Colorpallet from #CCECD3 to #ECCCD3 and to #D3CCEC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#D1E7D3
#D0E7D4
#D0E7D4
#CFE7D5
#CEE7D6
#CEE7D6
#CDE7D7
#D6E2D3
#D5E2D4
#D3E2D6
#D2E2D7
#D1E2D8
#D0E2D9
#CEE2DB
#DBDDD3
#D9DDD5
#D7DDD7
#D5DDD9
#D3DDDB
#D1DDDD
#CFDDDF
#E0D8D3
#DDD8D6
#DBD8D8
#D8D8DB
#D6D8DD
#D3D8E0
#D0D8E3
#E6D2D3
#E3D2D6
#E0D2D9
#DCD2DD
#D9D2E0
#D6D2E3
#D2D2E7
#ECCCD3
#E8CCD7
#E4CCDB
#E0CCDF
#DCCCE3
#D8CCE7
#D3CCEC
Colorpallet from #CCECD3 to #ECCCD3 and to #D3ECCC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#D1E7D3
#D0E8D3
#D0E9D3
#CFE9D3
#CEEAD2
#CEEBD2
#CDECD2
#D6E2D3
#D5E4D3
#D3E5D2
#D2E7D2
#D1E8D2
#D0EAD1
#CEECD1
#DBDDD3
#D9DFD3
#D7E2D2
#D5E4D2
#D3E7D1
#D1E9D1
#CFECD0
#E0D8D3
#DDDBD2
#DBDED2
#D8E2D1
#D6E5D0
#D3E8D0
#D0ECCF
#E6D2D3
#E3D6D2
#E0DAD1
#DCDED0
#D9E3CF
#D6E7CE
#D2ECCD
#ECCCD3
#E8D1D2
#E4D6D1
#E0DBD0
#DCE0CF
#D8E6CD
#D3ECCC
Colorpallet from #CCECD3 to #ECD3CC and to #D3CCEC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#D1E8D2
#D0E8D3
#D0E8D4
#CFE8D4
#CEE7D5
#CEE7D6
#CDE7D7
#D6E4D1
#D5E4D3
#D3E3D4
#D2E3D6
#D1E3D7
#D0E2D9
#CEE2DB
#DBE0D0
#D9E0D2
#D7DFD5
#D5DFD7
#D3DEDA
#D1DEDC
#CFDDDF
#E0DCCF
#DDDBD2
#DBDBD5
#D8DAD9
#D6D9DC
#D3D9DF
#D0D8E3
#E6D8CD
#E3D7D1
#E0D6D5
#DCD5D9
#D9D4DE
#D6D3E2
#D2D2E7
#ECD3CC
#E8D2D1
#E4D1D6
#E0D0DB
#DCCFE0
#D8CDE6
#D3CCEC
Colorpallet from #CCECD3 to #ECD3CC and to #D3ECCC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#D1E8D2
#D0E9D2
#D0E9D2
#CFEAD2
#CEEBD2
#CEEBD2
#CDECD2
#D6E4D1
#D5E5D1
#D3E7D1
#D2E8D1
#D1E9D1
#D0EAD1
#CEECD1
#DBE0D0
#D9E2D0
#D7E4D0
#D5E6D0
#D3E8D0
#D1EAD0
#CFECD0
#E0DCCF
#DDDFCF
#DBE1CF
#D8E4CF
#D6E6CF
#D3E9CF
#D0ECCF
#E6D8CD
#E3DBCD
#E0DECD
#DCE2CD
#D9E5CD
#D6E8CD
#D2ECCD
#ECD3CC
#E8D7CC
#E4DBCC
#E0DFCC
#DCE3CC
#D8E7CC
#D3ECCC
Colorpallet from #CCECD3 to #D3CCEC and to #D3ECCC
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CCECD3
#CDE7D7
#CDE8D6
#CDE9D5
#CDE9D5
#CDEAD4
#CDEBD3
#CDECD2
#CEE2DB
#CEE4D9
#CEE5D8
#CEE7D6
#CEE8D5
#CEEAD3
#CEECD1
#CFDDDF
#CFDFDD
#CFE2DA
#CFE4D8
#CFE7D5
#CFE9D3
#CFECD0
#D0D8E3
#D0DBE0
#D0DEDD
#D0E2D9
#D0E5D6
#D0E8D3
#D0ECCF
#D2D2E7
#D2D6E3
#D2DADF
#D2DEDB
#D2E3D6
#D2E7D2
#D2ECCD
#D3CCEC
#D3D1E7
#D3D6E2
#D3DBDD
#D3E0D8
#D3E6D2
#D3ECCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts