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 #DDF2C2 to #DDC2F2 and to #F2DDC2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDEACA
#DDEBC9
#DEECC7
#DEECC6
#DFEDC5
#DFEEC4
#E0EFC2
#DDE3D1
#DEE4CF
#DFE6CC
#E0E7CA
#E1E8C7
#E3E9C5
#E4EBC2
#DDDBD9
#DFDDD5
#E0DFD2
#E2E1CE
#E3E3CA
#E5E5C7
#E7E8C2
#DDD3E1
#DFD6DC
#E1D9D7
#E3DCD2
#E5DFCD
#E7E1C8
#EAE5C2
#DDCCE8
#E0CFE2
#E2D3DC
#E5D6D6
#E8D9D0
#EBDDCA
#EEE1C2
#DDC2F2
#E0C6EA
#E4CBE3
#E7CFDB
#EAD3D3
#EED8CC
#F2DDC2
Colorpallet from #DDF2C2 to #DDC2F2 and to #F2C2DD
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDEACA
#DDEAC9
#DEEAC9
#DEEAC8
#DFEAC7
#DFEAC7
#E0EAC6
#DDE3D1
#DEE3D0
#DFE3CF
#E0E3CE
#E1E3CD
#E3E3CC
#E4E3CB
#DDDBD9
#DFDBD7
#E0DBD6
#E2DBD4
#E3DBD3
#E5DBD1
#E7DBCF
#DDD3E1
#DFD3DF
#E1D3DD
#E3D3DA
#E5D3D8
#E7D3D6
#EAD3D3
#DDCCE8
#E0CCE5
#E2CCE3
#E5CCE0
#E8CCDE
#EBCCDB
#EECCD8
#DDC2F2
#E0C2EF
#E4C2EB
#E7C2E8
#EAC2E5
#EEC2E1
#F2C2DD
Colorpallet from #DDF2C2 to #DDC2F2 and to #C2DDF2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDEACA
#DCEBCA
#DCECCA
#DBECCA
#DAEDCA
#DAEECA
#D9EFCA
#DDE3D1
#DCE4D1
#DAE6D1
#D9E7D1
#D7E8D1
#D6E9D1
#D4EBD1
#DDDBD9
#DBDDD9
#D9DFD9
#D7E1D9
#D5E3D9
#D3E5D9
#D0E8D9
#DDD3E1
#DAD6E1
#D8D9E1
#D5DCE1
#D2DFE1
#CFE1E1
#CCE5E1
#DDCCE8
#D9CFE8
#D6D3E8
#D2D6E8
#CFD9E8
#CBDDE8
#C7E1E8
#DDC2F2
#D9C6F2
#D4CBF2
#D0CFF2
#CCD3F2
#C7D8F2
#C2DDF2
Colorpallet from #DDF2C2 to #DDC2F2 and to #C2F2DD
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDEACA
#DCEBC9
#DCEDC9
#DBEEC8
#DAEFC7
#DAF0C7
#D9F2C6
#DDE3D1
#DCE5D0
#DAE8CF
#D9EACE
#D7EDCD
#D6EFCC
#D4F2CB
#DDDBD9
#DBDFD7
#D9E2D6
#D7E6D4
#D5EAD3
#D3EDD1
#D0F2CF
#DDD3E1
#DAD8DF
#D8DDDD
#D5E2DA
#D2E7D8
#CFECD6
#CCF2D3
#DDCCE8
#D9D2E5
#D6D8E3
#D2DEE0
#CFE4DE
#CBEADB
#C7F2D8
#DDC2F2
#D9CAEF
#D4D1EB
#D0D9E8
#CCE1E5
#C7E8E1
#C2F2DD
Colorpallet from #DDF2C2 to #F2DDC2 and to #F2C2DD
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#E0EFC2
#E0EEC3
#E0EDC3
#E0EDC4
#E0ECC5
#E0EBC5
#E0EAC6
#E4EBC2
#E4EAC3
#E4E8C5
#E4E7C6
#E4E6C8
#E4E5C9
#E4E3CB
#E7E8C2
#E7E6C4
#E7E4C6
#E7E2C8
#E7E0CA
#E7DECC
#E7DBCF
#EAE5C2
#EAE2C5
#EADFC7
#EADCCA
#EAD9CD
#EAD7D0
#EAD3D3
#EEE1C2
#EEDEC6
#EEDAC9
#EED7CD
#EED4D0
#EED0D4
#EECCD8
#F2DDC2
#F2D9C6
#F2D4CB
#F2D0CF
#F2CCD3
#F2C7D8
#F2C2DD
Colorpallet from #DDF2C2 to #F2DDC2 and to #C2DDF2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#E0EFC2
#DFEFC3
#DEEFC5
#DDEFC6
#DCEFC7
#DAEFC8
#D9EFCA
#E4EBC2
#E1EBC4
#DFEBC7
#DCEBC9
#DAEBCC
#D7EBCE
#D4EBD1
#E7E8C2
#E3E8C6
#E0E8C9
#DCE8CD
#D8E8D1
#D5E8D4
#D0E8D9
#EAE5C2
#E5E5C7
#E0E5CC
#DCE5D1
#D7E5D6
#D2E5DB
#CCE5E1
#EEE1C2
#E8E1C8
#E2E1CE
#DBE1D4
#D5E1DA
#CFE1E0
#C7E1E8
#F2DDC2
#EADDCA
#E3DDD1
#DBDDD9
#D3DDE1
#CCDDE8
#C2DDF2
Colorpallet from #DDF2C2 to #F2DDC2 and to #C2F2DD
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#E0EFC2
#DFEFC3
#DEF0C3
#DDF0C4
#DCF1C5
#DAF1C5
#D9F2C6
#E4EBC2
#E1ECC3
#DFEDC5
#DCEEC6
#DAEFC8
#D7F1C9
#D4F2CB
#E7E8C2
#E3EAC4
#E0EBC6
#DCEDC8
#D8EECA
#D5F0CC
#D0F2CF
#EAE5C2
#E5E7C5
#E0E9C7
#DCEBCA
#D7EDCD
#D2EFD0
#CCF2D3
#EEE1C2
#E8E4C6
#E2E6C9
#DBE9CD
#D5ECD0
#CFEFD4
#C7F2D8
#F2DDC2
#EAE0C6
#E3E4CB
#DBE7CF
#D3EAD3
#CCEED8
#C2F2DD
Colorpallet from #DDF2C2 to #F2C2DD and to #C2DDF2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#E0EAC6
#DFEBC7
#DEECC7
#DDECC8
#DCEDC9
#DAEEC9
#D9EFCA
#E4E3CB
#E1E4CC
#DFE6CD
#DCE7CE
#DAE8CF
#D7E9D0
#D4EBD1
#E7DBCF
#E3DDD1
#E0DFD2
#DCE1D4
#D8E3D5
#D5E5D7
#D0E8D9
#EAD3D3
#E5D6D5
#E0D9D7
#DCDCDA
#D7DFDC
#D2E1DE
#CCE5E1
#EECCD8
#E8CFDB
#E2D3DD
#DBD6E0
#D5D9E2
#CFDDE5
#C7E1E8
#F2C2DD
#EAC6E0
#E3CBE4
#DBCFE7
#D3D3EA
#CCD8EE
#C2DDF2
Colorpallet from #DDF2C2 to #F2C2DD and to #C2F2DD
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#E0EAC6
#DFEBC6
#DEEDC6
#DDEEC6
#DCEFC6
#DAF0C6
#D9F2C6
#E4E3CB
#E1E5CB
#DFE8CB
#DCEACB
#DAEDCB
#D7EFCB
#D4F2CB
#E7DBCF
#E3DFCF
#E0E2CF
#DCE6CF
#D8EACF
#D5EDCF
#D0F2CF
#EAD3D3
#E5D8D3
#E0DDD3
#DCE2D3
#D7E7D3
#D2ECD3
#CCF2D3
#EECCD8
#E8D2D8
#E2D8D8
#DBDED8
#D5E4D8
#CFEAD8
#C7F2D8
#F2C2DD
#EACADD
#E3D1DD
#DBD9DD
#D3E1DD
#CCE8DD
#C2F2DD
Colorpallet from #DDF2C2 to #C2DDF2 and to #C2F2DD
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#DDF2C2
#D9EFCA
#D9EFC9
#D9F0C9
#D9F0C8
#D9F1C7
#D9F1C7
#D9F2C6
#D4EBD1
#D4ECD0
#D4EDCF
#D4EECE
#D4EFCD
#D4F1CC
#D4F2CB
#D0E8D9
#D0EAD7
#D0EBD6
#D0EDD4
#D0EED3
#D0F0D1
#D0F2CF
#CCE5E1
#CCE7DF
#CCE9DD
#CCEBDA
#CCEDD8
#CCEFD6
#CCF2D3
#C7E1E8
#C7E4E5
#C7E6E3
#C7E9E0
#C7ECDE
#C7EFDB
#C7F2D8
#C2DDF2
#C2E0EF
#C2E4EB
#C2E7E8
#C2EAE5
#C2EEE1
#C2F2DD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts