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 #ECF1C2 to #ECC2F1 and to #F1ECC2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECE9CA
#ECEAC9
#ECEBC7
#ECECC6
#EDEDC5
#EDEFC4
#EDF0C2
#ECE2D1
#ECE4CF
#EDE6CC
#EDE8CA
#EDEAC7
#EEECC5
#EEEFC2
#ECDAD9
#ECDDD5
#EDE1D2
#EDE4CE
#EDE7CA
#EEEBC7
#EEEFC2
#ECD3E0
#ECD7DB
#EDDCD6
#EDE0D2
#EEE4CD
#EEE9C8
#EFEEC2
#ECCBE8
#EDD0E2
#EDD6DC
#EEDBD6
#EFE1D0
#EFE6CA
#F0EDC2
#ECC2F1
#EDC9E9
#EECFE2
#EED6DA
#EFDDD3
#F0E4CB
#F1ECC2
Colorpallet from #ECF1C2 to #ECC2F1 and to #F1C2EC
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECE9CA
#ECE9CA
#ECE9CA
#ECE9CA
#EDE9C9
#EDE9C9
#EDE9C9
#ECE2D1
#ECE2D1
#EDE2D0
#EDE2D0
#EDE2D0
#EEE2CF
#EEE2CF
#ECDAD9
#ECDAD9
#EDDAD8
#EDDAD8
#EDDAD7
#EEDAD7
#EEDAD6
#ECD3E0
#ECD3E0
#EDD3DF
#EDD3DF
#EED3DE
#EED3DE
#EFD3DD
#ECCBE8
#EDCBE7
#EDCBE7
#EECBE6
#EFCBE5
#EFCBE5
#F0CBE4
#ECC2F1
#EDC2F0
#EEC2EF
#EEC2EF
#EFC2EE
#F0C2ED
#F1C2EC
Colorpallet from #ECF1C2 to #ECC2F1 and to #C2ECF1
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECE9CA
#EBEACA
#EAEBCA
#E9ECCA
#E8EDCA
#E6EFCA
#E5F0CA
#ECE2D1
#EAE4D1
#E8E6D1
#E6E8D1
#E4EAD1
#E2ECD1
#DFEFD1
#ECDAD9
#E9DDD9
#E6E1D9
#E2E4D9
#DFE7D9
#DCEBD9
#D8EFD9
#ECD3E0
#E8D7E0
#E3DCE0
#DFE0E0
#DBE4E0
#D6E9E0
#D1EEE0
#ECCBE8
#E7D0E8
#E1D6E8
#DCDBE8
#D6E1E8
#D1E6E8
#CAEDE8
#ECC2F1
#E5C9F1
#DFCFF1
#D8D6F1
#D1DDF1
#CAE4F1
#C2ECF1
Colorpallet from #ECF1C2 to #ECC2F1 and to #C2F1EC
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECE9CA
#EBEACA
#EAECCA
#E9EDCA
#E8EEC9
#E6EFC9
#E5F1C9
#ECE2D1
#EAE4D1
#E8E7D0
#E6E9D0
#E4ECD0
#E2EECF
#DFF1CF
#ECDAD9
#E9DED9
#E6E1D8
#E2E5D8
#DFE9D7
#DCECD7
#D8F1D6
#ECD3E0
#E8D8E0
#E3DDDF
#DFE1DF
#DBE6DE
#D6EBDE
#D1F1DD
#ECCBE8
#E7D1E7
#E1D7E7
#DCDDE6
#D6E3E5
#D1E9E5
#CAF1E4
#ECC2F1
#E5CAF0
#DFD1EF
#D8D9EF
#D1E0EE
#CAE8ED
#C2F1EC
Colorpallet from #ECF1C2 to #F1ECC2 and to #F1C2EC
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#EDF0C2
#EDEFC3
#EDEEC4
#EDEDC5
#EDECC6
#EDEAC8
#EDE9C9
#EEEFC2
#EEEDC4
#EEEBC6
#EEE9C8
#EEE7CA
#EEE5CC
#EEE2CF
#EEEFC2
#EEECC5
#EEE8C8
#EEE5CC
#EEE2CF
#EEDED2
#EEDAD6
#EFEEC2
#EFEAC6
#EFE5CB
#EFE1CF
#EFDDD3
#EFD8D8
#EFD3DD
#F0EDC2
#F0E8C7
#F0E2CD
#F0DDD2
#F0D7D8
#F0D2DD
#F0CBE4
#F1ECC2
#F1E5C9
#F1DFCF
#F1D8D6
#F1D1DD
#F1CAE4
#F1C2EC
Colorpallet from #ECF1C2 to #F1ECC2 and to #C2ECF1
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#EDF0C2
#ECF0C3
#EAF0C5
#E9F0C6
#E8F0C7
#E7F0C8
#E5F0CA
#EEEFC2
#ECEFC4
#E9EFC7
#E7EFC9
#E4EFCC
#E2EFCE
#DFEFD1
#EEEFC2
#EAEFC6
#E7EFC9
#E3EFCD
#E0EFD1
#DCEFD4
#D8EFD9
#EFEEC2
#EAEEC7
#E5EECC
#E1EED0
#DCEED5
#D7EEDA
#D1EEE0
#F0EDC2
#EAEDC8
#E4EDCE
#DEEDD4
#D8EDDA
#D2EDE0
#CAEDE8
#F1ECC2
#E9ECCA
#E2ECD1
#DAECD9
#D3ECE0
#CBECE8
#C2ECF1
Colorpallet from #ECF1C2 to #F1ECC2 and to #C2F1EC
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#EDF0C2
#ECF0C3
#EAF0C4
#E9F0C5
#E8F1C6
#E7F1C8
#E5F1C9
#EEEFC2
#ECEFC4
#E9F0C6
#E7F0C8
#E4F0CA
#E2F1CC
#DFF1CF
#EEEFC2
#EAEFC5
#E7F0C8
#E3F0CC
#E0F0CF
#DCF1D2
#D8F1D6
#EFEEC2
#EAEEC6
#E5EFCB
#E1EFCF
#DCF0D3
#D7F0D8
#D1F1DD
#F0EDC2
#EAEEC7
#E4EECD
#DEEFD2
#D8F0D8
#D2F0DD
#CAF1E4
#F1ECC2
#E9EDC9
#E2EECF
#DAEED6
#D3EFDD
#CBF0E4
#C2F1EC
Colorpallet from #ECF1C2 to #F1C2EC and to #C2ECF1
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#EDE9C9
#ECEAC9
#EAEBC9
#E9ECC9
#E8EDCA
#E7EFCA
#E5F0CA
#EEE2CF
#ECE4CF
#E9E6D0
#E7E8D0
#E4EAD0
#E2ECD1
#DFEFD1
#EEDAD6
#EADDD6
#E7E1D7
#E3E4D7
#E0E7D8
#DCEBD8
#D8EFD9
#EFD3DD
#EAD7DD
#E5DCDE
#E1E0DE
#DCE4DF
#D7E9DF
#D1EEE0
#F0CBE4
#EAD0E5
#E4D6E5
#DEDBE6
#D8E1E7
#D2E6E7
#CAEDE8
#F1C2EC
#E9C9ED
#E2CFEE
#DAD6EE
#D3DDEF
#CBE4F0
#C2ECF1
Colorpallet from #ECF1C2 to #F1C2EC and to #C2F1EC
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#EDE9C9
#ECEAC9
#EAECC9
#E9EDC9
#E8EEC9
#E7EFC9
#E5F1C9
#EEE2CF
#ECE4CF
#E9E7CF
#E7E9CF
#E4ECCF
#E2EECF
#DFF1CF
#EEDAD6
#EADED6
#E7E1D6
#E3E5D6
#E0E9D6
#DCECD6
#D8F1D6
#EFD3DD
#EAD8DD
#E5DDDD
#E1E1DD
#DCE6DD
#D7EBDD
#D1F1DD
#F0CBE4
#EAD1E4
#E4D7E4
#DEDDE4
#D8E3E4
#D2E9E4
#CAF1E4
#F1C2EC
#E9CAEC
#E2D1EC
#DAD9EC
#D3E0EC
#CBE8EC
#C2F1EC
Colorpallet from #ECF1C2 to #C2ECF1 and to #C2F1EC
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#ECF1C2
#E5F0CA
#E5F0CA
#E5F0CA
#E5F0CA
#E5F1C9
#E5F1C9
#E5F1C9
#DFEFD1
#DFEFD1
#DFF0D0
#DFF0D0
#DFF0D0
#DFF1CF
#DFF1CF
#D8EFD9
#D8EFD9
#D8F0D8
#D8F0D8
#D8F0D7
#D8F1D7
#D8F1D6
#D1EEE0
#D1EEE0
#D1EFDF
#D1EFDF
#D1F0DE
#D1F0DE
#D1F1DD
#CAEDE8
#CAEEE7
#CAEEE7
#CAEFE6
#CAF0E5
#CAF0E5
#CAF1E4
#C2ECF1
#C2EDF0
#C2EEEF
#C2EEEF
#C2EFEE
#C2F0ED
#C2F1EC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts