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 #F2CAD4 to #F2D4CA and to #CAF2D4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CCD2
#F1CDD2
#F0CDD3
#EFCED3
#EECFD3
#EDCFD4
#ECD0D4
#F2CDD1
#F0CFD1
#EED0D2
#ECD2D2
#EAD3D3
#E8D5D3
#E5D7D4
#F2CFCF
#EFD1D0
#ECD3D1
#E9D6D1
#E6D8D2
#E3DAD3
#DFDDD4
#F2D0CE
#EED3CF
#EAD6D0
#E6DAD1
#E1DDD2
#DDE0D3
#D8E4D4
#F2D2CC
#EDD6CD
#E8DACF
#E3DED0
#DEE1D1
#D8E5D2
#D2EAD4
#F2D4CA
#ECD9CC
#E5DECD
#DFE2CF
#D8E7D0
#D2ECD2
#CAF2D4
Colorpallet from #F2CAD4 to #F2D4CA and to #CAD4F2
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CCD2
#F1CCD3
#F0CCD4
#EFCCD5
#EECCD6
#EDCCD8
#ECCCD9
#F2CDD1
#F0CDD3
#EECDD5
#ECCDD7
#EACDD9
#E8CDDB
#E5CDDE
#F2CFCF
#EFCFD2
#ECCFD5
#E9CFD8
#E6CFDB
#E3CFDE
#DFCFE2
#F2D0CE
#EED0D2
#EAD0D6
#E6D0DA
#E1D0DE
#DDD0E2
#D8D0E7
#F2D2CC
#EDD2D1
#E8D2D6
#E3D2DB
#DED2E0
#D8D2E6
#D2D2EC
#F2D4CA
#ECD4D0
#E5D4D7
#DFD4DD
#D8D4E4
#D2D4EA
#CAD4F2
Colorpallet from #F2CAD4 to #F2D4CA and to #D4F2CA
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CCD2
#F1CDD2
#F0CDD2
#F0CED2
#EFCFD2
#EECFD2
#EDD0D2
#F2CDD1
#F0CFD1
#EFD0D1
#EDD2D1
#ECD3D1
#EAD5D1
#E8D7D1
#F2CFCF
#F0D1CF
#EED3CF
#EBD6CF
#E9D8CF
#E7DACF
#E4DDCF
#F2D0CE
#EFD3CE
#ECD6CE
#E9DACE
#E6DDCE
#E3E0CE
#DFE4CE
#F2D2CC
#EED6CC
#EADACC
#E6DECC
#E3E1CC
#DFE5CC
#DAEACC
#F2D4CA
#EDD9CA
#E8DECA
#E4E2CA
#DFE7CA
#DAECCA
#D4F2CA
Colorpallet from #F2CAD4 to #F2D4CA and to #D4CAF2
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CCD2
#F1CCD3
#F0CBD4
#F0CBD5
#EFCBD6
#EECAD8
#EDCAD9
#F2CDD1
#F0CDD3
#EFCCD5
#EDCCD7
#ECCBD9
#EACBDB
#E8CADE
#F2CFCF
#F0CED2
#EECDD5
#EBCDD8
#E9CCDB
#E7CBDE
#E4CAE2
#F2D0CE
#EFCFD2
#ECCED6
#E9CDDA
#E6CCDE
#E3CBE2
#DFCAE7
#F2D2CC
#EED1D1
#EACFD6
#E6CEDB
#E3CDE0
#DFCCE6
#DACAEC
#F2D4CA
#EDD2D0
#E8D1D7
#E4CFDD
#DFCEE4
#DACCEA
#D4CAF2
Colorpallet from #F2CAD4 to #CAF2D4 and to #CAD4F2
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#ECD0D4
#ECCFD5
#ECCFD6
#ECCED6
#ECCDD7
#ECCDD8
#ECCCD9
#E5D7D4
#E5D5D6
#E5D4D7
#E5D2D9
#E5D1DA
#E5CFDC
#E5CDDE
#DFDDD4
#DFDBD6
#DFD9D8
#DFD6DB
#DFD4DD
#DFD2DF
#DFCFE2
#D8E4D4
#D8E1D7
#D8DEDA
#D8DADD
#D8D7E0
#D8D4E3
#D8D0E7
#D2EAD4
#D2E6D8
#D2E2DC
#D2DEE0
#D2DBE3
#D2D7E7
#D2D2EC
#CAF2D4
#CAEDD9
#CAE8DE
#CAE4E2
#CADFE7
#CADAEC
#CAD4F2
Colorpallet from #F2CAD4 to #CAF2D4 and to #D4F2CA
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#ECD0D4
#ECD0D4
#ECD0D3
#ECD0D3
#EDD0D3
#EDD0D2
#EDD0D2
#E5D7D4
#E5D7D4
#E6D7D3
#E6D7D3
#E7D7D2
#E7D7D2
#E8D7D1
#DFDDD4
#E0DDD3
#E1DDD2
#E1DDD2
#E2DDD1
#E3DDD0
#E4DDCF
#D8E4D4
#D9E4D3
#DAE4D2
#DBE4D1
#DCE4D0
#DEE4CF
#DFE4CE
#D2EAD4
#D3EAD3
#D5EAD1
#D6EAD0
#D7EACF
#D8EACE
#DAEACC
#CAF2D4
#CCF2D2
#CDF2D1
#CFF2CF
#D0F2CE
#D2F2CC
#D4F2CA
Colorpallet from #F2CAD4 to #CAF2D4 and to #D4CAF2
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#ECD0D4
#ECCFD5
#ECCED6
#ECCDD6
#EDCCD7
#EDCBD8
#EDCAD9
#E5D7D4
#E5D5D6
#E6D3D7
#E6D1D9
#E7CFDA
#E7CDDC
#E8CADE
#DFDDD4
#E0DAD6
#E1D7D8
#E1D4DB
#E2D1DD
#E3CEDF
#E4CAE2
#D8E4D4
#D9E0D7
#DADCDA
#DBD8DD
#DCD3E0
#DECFE3
#DFCAE7
#D2EAD4
#D3E5D8
#D5E0DC
#D6DBE0
#D7D6E3
#D8D0E7
#DACAEC
#CAF2D4
#CCECD9
#CDE5DE
#CFDFE2
#D0D8E7
#D2D2EC
#D4CAF2
Colorpallet from #F2CAD4 to #CAD4F2 and to #D4F2CA
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#ECCCD9
#ECCDD8
#ECCDD7
#ECCED6
#EDCFD5
#EDCFD3
#EDD0D2
#E5CDDE
#E5CFDC
#E6D0DA
#E6D2D8
#E7D3D6
#E7D5D4
#E8D7D1
#DFCFE2
#E0D1DF
#E1D3DC
#E1D6D9
#E2D8D6
#E3DAD3
#E4DDCF
#D8D0E7
#D9D3E3
#DAD6DF
#DBDADB
#DCDDD7
#DEE0D3
#DFE4CE
#D2D2EC
#D3D6E7
#D5DAE2
#D6DEDD
#D7E1D8
#D8E5D2
#DAEACC
#CAD4F2
#CCD9EC
#CDDEE5
#CFE2DF
#D0E7D8
#D2ECD2
#D4F2CA
Colorpallet from #F2CAD4 to #CAD4F2 and to #D4CAF2
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#ECCCD9
#ECCCD9
#ECCBD9
#ECCBD9
#EDCBD9
#EDCAD9
#EDCAD9
#E5CDDE
#E5CDDE
#E6CCDE
#E6CCDE
#E7CBDE
#E7CBDE
#E8CADE
#DFCFE2
#E0CEE2
#E1CDE2
#E1CDE2
#E2CCE2
#E3CBE2
#E4CAE2
#D8D0E7
#D9CFE7
#DACEE7
#DBCDE7
#DCCCE7
#DECBE7
#DFCAE7
#D2D2EC
#D3D1EC
#D5CFEC
#D6CEEC
#D7CDEC
#D8CCEC
#DACAEC
#CAD4F2
#CCD2F2
#CDD1F2
#CFCFF2
#D0CEF2
#D2CCF2
#D4CAF2
Colorpallet from #F2CAD4 to #D4F2CA and to #D4CAF2
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#F2CAD4
#EDD0D2
#EDCFD3
#EDCED4
#EDCDD5
#EDCCD6
#EDCBD8
#EDCAD9
#E8D7D1
#E8D5D3
#E8D3D5
#E8D1D7
#E8CFD9
#E8CDDB
#E8CADE
#E4DDCF
#E4DAD2
#E4D7D5
#E4D4D8
#E4D1DB
#E4CEDE
#E4CAE2
#DFE4CE
#DFE0D2
#DFDCD6
#DFD8DA
#DFD3DE
#DFCFE2
#DFCAE7
#DAEACC
#DAE5D1
#DAE0D6
#DADBDB
#DAD6E0
#DAD0E6
#DACAEC
#D4F2CA
#D4ECD0
#D4E5D7
#D4DFDD
#D4D8E4
#D4D2EA
#D4CAF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts