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 #C1F2DE to #C1DEF2 and to #F2C1DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1EFE1
#C2EEE1
#C4EDE0
#C5EDE0
#C6ECDF
#C7EBDF
#C9EADE
#C1ECE4
#C4EAE3
#C6E9E2
#C9E7E1
#CBE6E0
#CEE4DF
#D1E2DE
#C1E8E8
#C5E6E6
#C9E4E5
#CDE1E3
#D0DFE2
#D4DDE0
#D9DADE
#C1E5EB
#C6E2E9
#CBDFE7
#D0DCE5
#D5D9E3
#DAD7E1
#E0D3DE
#C1E2EE
#C7DEEB
#CDDBE9
#D4D7E6
#DAD3E4
#E0D0E1
#E8CBDE
#C1DEF2
#C9D9EF
#D1D5EC
#D9D0E8
#E0CBE5
#E8C7E2
#F2C1DE
Colorpallet from #C1F2DE to #C1DEF2 and to #F2DEC1
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1EFE1
#C2EFE0
#C4EFDE
#C5EFDD
#C6EFDC
#C7EFDB
#C9EFD9
#C1ECE4
#C4ECE2
#C6ECDF
#C9ECDD
#CBECDA
#CEECD8
#D1ECD5
#C1E8E8
#C5E8E4
#C9E8E0
#CDE8DC
#D0E8D9
#D4E8D5
#D9E8D0
#C1E5EB
#C6E5E6
#CBE5E1
#D0E5DC
#D5E5D7
#DAE5D1
#E0E5CB
#C1E2EE
#C7E2E8
#CDE2E2
#D4E2DB
#DAE2D5
#E0E2CF
#E8E2C7
#C1DEF2
#C9DEEA
#D1DEE2
#D9DEDA
#E0DED3
#E8DECB
#F2DEC1
Colorpallet from #C1F2DE to #C1DEF2 and to #DEC1F2
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1EFE1
#C2EEE1
#C3EDE1
#C3EDE1
#C4ECE1
#C5EBE1
#C6EAE1
#C1ECE4
#C2EAE4
#C4E9E4
#C5E7E4
#C7E6E4
#C8E4E4
#CAE2E4
#C1E8E8
#C3E6E8
#C5E4E8
#C8E1E8
#CADFE8
#CCDDE8
#CFDAE8
#C1E5EB
#C4E2EB
#C7DFEB
#CADCEB
#CDD9EB
#D0D7EB
#D4D3EB
#C1E2EE
#C5DEEE
#C8DBEE
#CCD7EE
#D0D3EE
#D3D0EE
#D8CBEE
#C1DEF2
#C6D9F2
#CAD5F2
#CFD0F2
#D4CBF2
#D8C7F2
#DEC1F2
Colorpallet from #C1F2DE to #C1DEF2 and to #DEF2C1
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1EFE1
#C2EFE0
#C3F0DE
#C3F0DD
#C4F1DC
#C5F1DB
#C6F2D9
#C1ECE4
#C2EDE2
#C4EEDF
#C5EFDD
#C7F0DA
#C8F1D8
#CAF2D5
#C1E8E8
#C3EAE4
#C5EBE0
#C8EDDC
#CAEED9
#CCF0D5
#CFF2D0
#C1E5EB
#C4E7E6
#C7E9E1
#CAEBDC
#CDEDD7
#D0EFD1
#D4F2CB
#C1E2EE
#C5E5E8
#C8E7E2
#CCEADB
#D0ECD5
#D3EFCF
#D8F2C7
#C1DEF2
#C6E1EA
#CAE4E2
#CFE8DA
#D4EBD3
#D8EECB
#DEF2C1
Colorpallet from #C1F2DE to #F2C1DE and to #F2DEC1
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C9EADE
#C9EBDD
#C9ECDC
#C9ECDC
#C9EDDB
#C9EEDA
#C9EFD9
#D1E2DE
#D1E4DD
#D1E5DB
#D1E7DA
#D1E8D8
#D1EAD7
#D1ECD5
#D9DADE
#D9DCDC
#D9DEDA
#D9E1D7
#D9E3D5
#D9E5D3
#D9E8D0
#E0D3DE
#E0D6DB
#E0D9D8
#E0DCD5
#E0DFD2
#E0E1CF
#E0E5CB
#E8CBDE
#E8CFDA
#E8D2D7
#E8D6D3
#E8DACF
#E8DDCC
#E8E2C7
#F2C1DE
#F2C6D9
#F2CAD5
#F2CFD0
#F2D4CB
#F2D8C7
#F2DEC1
Colorpallet from #C1F2DE to #F2C1DE and to #DEC1F2
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C9EADE
#C9EADE
#C8EADF
#C8EADF
#C7EAE0
#C7EAE0
#C6EAE1
#D1E2DE
#D0E2DF
#CFE2E0
#CEE2E1
#CDE2E2
#CBE2E3
#CAE2E4
#D9DADE
#D7DAE0
#D6DAE1
#D4DAE3
#D3DAE4
#D1DAE6
#CFDAE8
#E0D3DE
#DED3E0
#DCD3E2
#DAD3E4
#D8D3E6
#D6D3E8
#D4D3EB
#E8CBDE
#E5CBE1
#E3CBE3
#E0CBE6
#DECBE8
#DBCBEB
#D8CBEE
#F2C1DE
#EFC1E1
#ECC1E4
#E8C1E8
#E5C1EB
#E2C1EE
#DEC1F2
Colorpallet from #C1F2DE to #F2C1DE and to #DEF2C1
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C9EADE
#C9EBDD
#C8EDDC
#C8EEDC
#C7EFDB
#C7F0DA
#C6F2D9
#D1E2DE
#D0E5DD
#CFE7DB
#CEEADA
#CDECD8
#CBEFD7
#CAF2D5
#D9DADE
#D7DEDC
#D6E2DA
#D4E6D7
#D3E9D5
#D1EDD3
#CFF2D0
#E0D3DE
#DED8DB
#DCDDD8
#DAE2D5
#D8E7D2
#D6ECCF
#D4F2CB
#E8CBDE
#E5D1DA
#E3D7D7
#E0DED3
#DEE4CF
#DBEACC
#D8F2C7
#F2C1DE
#EFC9D9
#ECD1D5
#E8D9D0
#E5E0CB
#E2E8C7
#DEF2C1
Colorpallet from #C1F2DE to #F2DEC1 and to #DEC1F2
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C9EFD9
#C9EEDA
#C8EDDC
#C8EDDD
#C7ECDE
#C7EBDF
#C6EAE1
#D1ECD5
#D0EAD7
#CFE9DA
#CEE7DC
#CDE6DF
#CBE4E1
#CAE2E4
#D9E8D0
#D7E6D4
#D6E4D8
#D4E1DC
#D3DFDF
#D1DDE3
#CFDAE8
#E0E5CB
#DEE2D0
#DCDFD5
#DADCDA
#D8D9DF
#D6D7E5
#D4D3EB
#E8E2C7
#E5DECD
#E3DBD3
#E0D7DA
#DED3E0
#DBD0E6
#D8CBEE
#F2DEC1
#EFD9C9
#ECD5D1
#E8D0D9
#E5CBE0
#E2C7E8
#DEC1F2
Colorpallet from #C1F2DE to #F2DEC1 and to #DEF2C1
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C9EFD9
#C9EFD9
#C8F0D9
#C8F0D9
#C7F1D9
#C7F1D9
#C6F2D9
#D1ECD5
#D0EDD5
#CFEED5
#CEEFD5
#CDF0D5
#CBF1D5
#CAF2D5
#D9E8D0
#D7EAD0
#D6EBD0
#D4EDD0
#D3EED0
#D1F0D0
#CFF2D0
#E0E5CB
#DEE7CB
#DCE9CB
#DAEBCB
#D8EDCB
#D6EFCB
#D4F2CB
#E8E2C7
#E5E5C7
#E3E7C7
#E0EAC7
#DEECC7
#DBEFC7
#D8F2C7
#F2DEC1
#EFE1C1
#ECE4C1
#E8E8C1
#E5EBC1
#E2EEC1
#DEF2C1
Colorpallet from #C1F2DE to #DEC1F2 and to #DEF2C1
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C1F2DE
#C6EAE1
#C6EBE0
#C6EDDE
#C6EEDD
#C6EFDC
#C6F0DB
#C6F2D9
#CAE2E4
#CAE5E2
#CAE7DF
#CAEADD
#CAECDA
#CAEFD8
#CAF2D5
#CFDAE8
#CFDEE4
#CFE2E0
#CFE6DC
#CFE9D9
#CFEDD5
#CFF2D0
#D4D3EB
#D4D8E6
#D4DDE1
#D4E2DC
#D4E7D7
#D4ECD1
#D4F2CB
#D8CBEE
#D8D1E8
#D8D7E2
#D8DEDB
#D8E4D5
#D8EACF
#D8F2C7
#DEC1F2
#DEC9EA
#DED1E2
#DED9DA
#DEE0D3
#DEE8CB
#DEF2C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts