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 #F0C1D2 to #F0D2C1 and to #C1F0D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C4CF
#EFC5CF
#EDC6D0
#ECC6D0
#EBC7D1
#EAC8D1
#E8C9D2
#F0C6CD
#EEC8CE
#EBC9CF
#E9CBCF
#E6CCD0
#E4CED1
#E1D0D2
#F0C9CA
#ECCBCB
#E9CECD
#E5D0CE
#E1D3CF
#DED5D0
#D9D8D2
#F0CCC7
#EBCFC9
#E6D2CB
#E2D5CC
#DDD8CE
#D8DBD0
#D2DFD2
#F0CFC4
#EAD3C6
#E4D7C8
#DEDBCB
#D8DECD
#D2E2CF
#CAE7D2
#F0D2C1
#E8D7C4
#E1DCC6
#D9E0C9
#D2E5CC
#CAEACF
#C1F0D2
Colorpallet from #F0C1D2 to #F0D2C1 and to #C1D2F0
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C4CF
#EFC4D0
#EDC4D2
#ECC4D3
#EBC4D4
#EAC4D5
#E8C4D7
#F0C6CD
#EEC6CF
#EBC6D2
#E9C6D4
#E6C6D7
#E4C6D9
#E1C6DC
#F0C9CA
#ECC9CE
#E9C9D1
#E5C9D5
#E1C9D8
#DEC9DC
#D9C9E0
#F0CCC7
#EBCCCC
#E6CCD1
#E2CCD5
#DDCCDA
#D8CCDF
#D2CCE5
#F0CFC4
#EACFCA
#E4CFD0
#DECFD6
#D8CFDC
#D2CFE2
#CACFEA
#F0D2C1
#E8D2C9
#E1D2D0
#D9D2D8
#D2D2DF
#CAD2E7
#C1D2F0
Colorpallet from #F0C1D2 to #F0D2C1 and to #D2F0C1
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C4CF
#EFC5CF
#EEC6CF
#EEC6CF
#EDC7CF
#ECC8CF
#EBC9CF
#F0C6CD
#EEC8CD
#EDC9CD
#EBCBCD
#EACCCD
#E8CECD
#E6D0CD
#F0C9CA
#EECBCA
#ECCECA
#E9D0CA
#E7D3CA
#E5D5CA
#E2D8CA
#F0CCC7
#EDCFC7
#EAD2C7
#E7D5C7
#E4D8C7
#E1DBC7
#DDDFC7
#F0CFC4
#ECD3C4
#E8D7C4
#E4DBC4
#E1DEC4
#DDE2C4
#D8E7C4
#F0D2C1
#EBD7C1
#E6DCC1
#E2E0C1
#DDE5C1
#D8EAC1
#D2F0C1
Colorpallet from #F0C1D2 to #F0D2C1 and to #D2C1F0
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C4CF
#EFC4D0
#EEC3D2
#EEC3D3
#EDC2D4
#ECC2D5
#EBC1D7
#F0C6CD
#EEC5CF
#EDC4D2
#EBC4D4
#EAC3D7
#E8C2D9
#E6C1DC
#F0C9CA
#EEC8CE
#ECC6D1
#E9C5D5
#E7C4D8
#E5C3DC
#E2C1E0
#F0CCC7
#EDCACC
#EAC8D1
#E7C7D5
#E4C5DA
#E1C3DF
#DDC1E5
#F0CFC4
#ECCDCA
#E8CBD0
#E4C8D6
#E1C6DC
#DDC4E2
#D8C1EA
#F0D2C1
#EBCFC9
#E6CDD0
#E2CAD8
#DDC7DF
#D8C4E7
#D2C1F0
Colorpallet from #F0C1D2 to #C1F0D2 and to #C1D2F0
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#E8C9D2
#E8C8D3
#E8C7D4
#E8C7D4
#E8C6D5
#E8C5D6
#E8C4D7
#E1D0D2
#E1CED4
#E1CDD5
#E1CBD7
#E1CAD8
#E1C8DA
#E1C6DC
#D9D8D2
#D9D6D4
#D9D3D6
#D9D1D9
#D9CEDB
#D9CCDD
#D9C9E0
#D2DFD2
#D2DCD5
#D2D9D8
#D2D6DB
#D2D3DE
#D2D0E1
#D2CCE5
#CAE7D2
#CAE3D6
#CADFDA
#CADBDE
#CAD8E1
#CAD4E5
#CACFEA
#C1F0D2
#C1EBD7
#C1E6DC
#C1E2E0
#C1DDE5
#C1D8EA
#C1D2F0
Colorpallet from #F0C1D2 to #C1F0D2 and to #D2F0C1
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#E8C9D2
#E8C9D2
#E9C9D1
#E9C9D1
#EAC9D0
#EAC9D0
#EBC9CF
#E1D0D2
#E2D0D1
#E3D0D0
#E3D0D0
#E4D0CF
#E5D0CE
#E6D0CD
#D9D8D2
#DAD8D1
#DCD8CF
#DDD8CE
#DFD8CD
#E0D8CC
#E2D8CA
#D2DFD2
#D4DFD0
#D6DFCE
#D7DFCD
#D9DFCB
#DBDFC9
#DDDFC7
#CAE7D2
#CCE7D0
#CEE7CE
#D1E7CB
#D3E7C9
#D5E7C7
#D8E7C4
#C1F0D2
#C4F0CF
#C6F0CD
#C9F0CA
#CCF0C7
#CFF0C4
#D2F0C1
Colorpallet from #F0C1D2 to #C1F0D2 and to #D2C1F0
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#E8C9D2
#E8C8D3
#E9C6D4
#E9C5D4
#EAC4D5
#EAC3D6
#EBC1D7
#E1D0D2
#E2CED4
#E3CBD5
#E3C9D7
#E4C6D8
#E5C4DA
#E6C1DC
#D9D8D2
#DAD4D4
#DCD1D6
#DDCDD9
#DFC9DB
#E0C6DD
#E2C1E0
#D2DFD2
#D4DAD5
#D6D5D8
#D7D1DB
#D9CCDE
#DBC7E1
#DDC1E5
#CAE7D2
#CCE1D6
#CEDBDA
#D1D5DE
#D3CFE1
#D5C9E5
#D8C1EA
#C1F0D2
#C4E8D7
#C6E1DC
#C9D9E0
#CCD2E5
#CFCAEA
#D2C1F0
Colorpallet from #F0C1D2 to #C1D2F0 and to #D2F0C1
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#E8C4D7
#E8C5D6
#E9C6D4
#E9C6D3
#EAC7D2
#EAC8D1
#EBC9CF
#E1C6DC
#E2C8DA
#E3C9D7
#E3CBD5
#E4CCD2
#E5CED0
#E6D0CD
#D9C9E0
#DACBDC
#DCCED9
#DDD0D5
#DFD3D2
#E0D5CE
#E2D8CA
#D2CCE5
#D4CFE0
#D6D2DB
#D7D5D7
#D9D8D2
#DBDBCD
#DDDFC7
#CACFEA
#CCD3E4
#CED7DE
#D1DBD8
#D3DED2
#D5E2CC
#D8E7C4
#C1D2F0
#C4D7E8
#C6DCE1
#C9E0D9
#CCE5D2
#CFEACA
#D2F0C1
Colorpallet from #F0C1D2 to #C1D2F0 and to #D2C1F0
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#E8C4D7
#E8C4D7
#E9C3D7
#E9C3D7
#EAC2D7
#EAC2D7
#EBC1D7
#E1C6DC
#E2C5DC
#E3C4DC
#E3C4DC
#E4C3DC
#E5C2DC
#E6C1DC
#D9C9E0
#DAC8E0
#DCC6E0
#DDC5E0
#DFC4E0
#E0C3E0
#E2C1E0
#D2CCE5
#D4CAE5
#D6C8E5
#D7C7E5
#D9C5E5
#DBC3E5
#DDC1E5
#CACFEA
#CCCDEA
#CECBEA
#D1C8EA
#D3C6EA
#D5C4EA
#D8C1EA
#C1D2F0
#C4CFF0
#C6CDF0
#C9CAF0
#CCC7F0
#CFC4F0
#D2C1F0
Colorpallet from #F0C1D2 to #D2F0C1 and to #D2C1F0
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#F0C1D2
#EBC9CF
#EBC8D0
#EBC6D2
#EBC5D3
#EBC4D4
#EBC3D5
#EBC1D7
#E6D0CD
#E6CECF
#E6CBD2
#E6C9D4
#E6C6D7
#E6C4D9
#E6C1DC
#E2D8CA
#E2D4CE
#E2D1D1
#E2CDD5
#E2C9D8
#E2C6DC
#E2C1E0
#DDDFC7
#DDDACC
#DDD5D1
#DDD1D5
#DDCCDA
#DDC7DF
#DDC1E5
#D8E7C4
#D8E1CA
#D8DBD0
#D8D5D6
#D8CFDC
#D8C9E2
#D8C1EA
#D2F0C1
#D2E8C9
#D2E1D0
#D2D9D8
#D2D2DF
#D2CAE7
#D2C1F0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts