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 #C2ECDF to #C2DFEC and to #ECC2DF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2EAE1
#C3E9E1
#C4E8E0
#C5E8E0
#C6E7E0
#C8E6DF
#C9E5DF
#C2E8E3
#C4E7E2
#C6E5E2
#C8E4E1
#CAE2E0
#CCE1E0
#CFDFDF
#C2E6E5
#C5E4E4
#C8E2E3
#CCDFE2
#CFDDE1
#D2DBE0
#D6D8DF
#C2E4E7
#C6E1E6
#CBDEE4
#CFDBE3
#D3D8E2
#D8D5E1
#DDD1DF
#C2E2E9
#C7DEE7
#CDDAE6
#D2D6E4
#D8D3E3
#DDCFE1
#E4CADF
#C2DFEC
#C9DAEA
#CFD6E8
#D6D1E6
#DDCCE4
#E4C8E2
#ECC2DF
Colorpallet from #C2ECDF to #C2DFEC and to #ECDFC2
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2EAE1
#C3EAE0
#C4EADF
#C5EADE
#C6EADD
#C8EADB
#C9EADA
#C2E8E3
#C4E8E1
#C6E8DF
#C8E8DD
#CAE8DB
#CCE8D9
#CFE8D6
#C2E6E5
#C5E6E2
#C8E6DF
#CCE6DB
#CFE6D8
#D2E6D5
#D6E6D1
#C2E4E7
#C6E4E3
#CBE4DE
#CFE4DA
#D3E4D6
#D8E4D1
#DDE4CC
#C2E2E9
#C7E2E4
#CDE2DE
#D2E2D9
#D8E2D4
#DDE2CF
#E4E2C8
#C2DFEC
#C9DFE5
#CFDFDF
#D6DFD8
#DDDFD1
#E4DFCA
#ECDFC2
Colorpallet from #C2ECDF to #C2DFEC and to #DFC2EC
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2EAE1
#C3E9E1
#C4E8E1
#C4E8E1
#C5E7E1
#C6E6E1
#C7E5E1
#C2E8E3
#C3E7E3
#C5E5E3
#C6E4E3
#C8E2E3
#C9E1E3
#CBDFE3
#C2E6E5
#C4E4E5
#C6E2E5
#C9DFE5
#CBDDE5
#CDDBE5
#D0D8E5
#C2E4E7
#C5E1E7
#C8DEE7
#CBDBE7
#CED8E7
#D1D5E7
#D5D1E7
#C2E2E9
#C6DEE9
#C9DAE9
#CDD6E9
#D1D3E9
#D4CFE9
#D9CAE9
#C2DFEC
#C7DAEC
#CBD6EC
#D0D1EC
#D5CCEC
#D9C8EC
#DFC2EC
Colorpallet from #C2ECDF to #C2DFEC and to #DFECC2
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2EAE1
#C3EAE0
#C4EBDF
#C4EBDE
#C5EBDD
#C6ECDB
#C7ECDA
#C2E8E3
#C3E9E1
#C5E9DF
#C6EADD
#C8EBDB
#C9EBD9
#CBECD6
#C2E6E5
#C4E7E2
#C6E8DF
#C9E9DB
#CBEAD8
#CDEBD5
#D0ECD1
#C2E4E7
#C5E5E3
#C8E7DE
#CBE8DA
#CEE9D6
#D1EAD1
#D5ECCC
#C2E2E9
#C6E4E4
#C9E5DE
#CDE7D9
#D1E8D4
#D4EACF
#D9ECC8
#C2DFEC
#C7E1E5
#CBE3DF
#D0E5D8
#D5E7D1
#D9E9CA
#DFECC2
Colorpallet from #C2ECDF to #ECC2DF and to #ECDFC2
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C9E5DF
#C9E6DE
#C9E7DD
#C9E7DD
#C9E8DC
#C9E9DB
#C9EADA
#CFDFDF
#CFE0DE
#CFE2DC
#CFE3DB
#CFE5D9
#CFE6D8
#CFE8D6
#D6D8DF
#D6DADD
#D6DCDB
#D6DFD8
#D6E1D6
#D6E3D4
#D6E6D1
#DDD1DF
#DDD4DC
#DDD7D9
#DDDAD6
#DDDDD3
#DDE0D0
#DDE4CC
#E4CADF
#E4CEDB
#E4D2D8
#E4D6D4
#E4D9D0
#E4DDCD
#E4E2C8
#ECC2DF
#ECC7DA
#ECCBD6
#ECD0D1
#ECD5CC
#ECD9C8
#ECDFC2
Colorpallet from #C2ECDF to #ECC2DF and to #DFC2EC
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C9E5DF
#C9E5DF
#C8E5E0
#C8E5E0
#C8E5E0
#C7E5E1
#C7E5E1
#CFDFDF
#CEDFE0
#CEDFE0
#CDDFE1
#CCDFE2
#CCDFE2
#CBDFE3
#D6D8DF
#D5D8E0
#D4D8E1
#D3D8E2
#D2D8E3
#D1D8E4
#D0D8E5
#DDD1DF
#DCD1E0
#DAD1E2
#D9D1E3
#D8D1E4
#D7D1E5
#D5D1E7
#E4CADF
#E2CAE1
#E0CAE2
#DFCAE4
#DDCAE5
#DBCAE7
#D9CAE9
#ECC2DF
#EAC2E1
#E8C2E3
#E6C2E5
#E4C2E7
#E2C2E9
#DFC2EC
Colorpallet from #C2ECDF to #ECC2DF and to #DFECC2
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C9E5DF
#C9E6DE
#C8E7DD
#C8E8DD
#C8E9DC
#C7EBDB
#C7ECDA
#CFDFDF
#CEE1DE
#CEE3DC
#CDE5DB
#CCE7D9
#CCE9D8
#CBECD6
#D6D8DF
#D5DBDD
#D4DEDB
#D3E2D8
#D2E5D6
#D1E8D4
#D0ECD1
#DDD1DF
#DCD5DC
#DADAD9
#D9DED6
#D8E2D3
#D7E7D0
#D5ECCC
#E4CADF
#E2CFDB
#E0D5D8
#DFDAD4
#DDE0D0
#DBE5CD
#D9ECC8
#ECC2DF
#EAC9DA
#E8CFD6
#E6D6D1
#E4DDCC
#E2E4C8
#DFECC2
Colorpallet from #C2ECDF to #ECDFC2 and to #DFC2EC
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C9EADA
#C9E9DB
#C8E8DC
#C8E8DD
#C8E7DE
#C7E6E0
#C7E5E1
#CFE8D6
#CEE7D8
#CEE5DA
#CDE4DC
#CCE2DE
#CCE1E0
#CBDFE3
#D6E6D1
#D5E4D4
#D4E2D7
#D3DFDB
#D2DDDE
#D1DBE1
#D0D8E5
#DDE4CC
#DCE1D0
#DADED5
#D9DBD9
#D8D8DD
#D7D5E2
#D5D1E7
#E4E2C8
#E2DECD
#E0DAD3
#DFD6D8
#DDD3DD
#DBCFE2
#D9CAE9
#ECDFC2
#EADAC9
#E8D6CF
#E6D1D6
#E4CCDD
#E2C8E4
#DFC2EC
Colorpallet from #C2ECDF to #ECDFC2 and to #DFECC2
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C9EADA
#C9EADA
#C8EBDA
#C8EBDA
#C8EBDA
#C7ECDA
#C7ECDA
#CFE8D6
#CEE9D6
#CEE9D6
#CDEAD6
#CCEBD6
#CCEBD6
#CBECD6
#D6E6D1
#D5E7D1
#D4E8D1
#D3E9D1
#D2EAD1
#D1EBD1
#D0ECD1
#DDE4CC
#DCE5CC
#DAE7CC
#D9E8CC
#D8E9CC
#D7EACC
#D5ECCC
#E4E2C8
#E2E4C8
#E0E5C8
#DFE7C8
#DDE8C8
#DBEAC8
#D9ECC8
#ECDFC2
#EAE1C2
#E8E3C2
#E6E5C2
#E4E7C2
#E2E9C2
#DFECC2
Colorpallet from #C2ECDF to #DFC2EC and to #DFECC2
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C2ECDF
#C7E5E1
#C7E6E0
#C7E7DF
#C7E8DE
#C7E9DD
#C7EBDB
#C7ECDA
#CBDFE3
#CBE1E1
#CBE3DF
#CBE5DD
#CBE7DB
#CBE9D9
#CBECD6
#D0D8E5
#D0DBE2
#D0DEDF
#D0E2DB
#D0E5D8
#D0E8D5
#D0ECD1
#D5D1E7
#D5D5E3
#D5DADE
#D5DEDA
#D5E2D6
#D5E7D1
#D5ECCC
#D9CAE9
#D9CFE4
#D9D5DE
#D9DAD9
#D9E0D4
#D9E5CF
#D9ECC8
#DFC2EC
#DFC9E5
#DFCFDF
#DFD6D8
#DFDDD1
#DFE4CA
#DFECC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts