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 #F0C2D8 to #F0D8C2 and to #C2F0D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C6D4
#EFC6D5
#EEC7D5
#EDC7D6
#ECC8D7
#EAC8D7
#E9C9D8
#F0C9D1
#EECAD2
#EBCCD3
#E9CDD4
#E6CED5
#E4CFD7
#E1D1D8
#F0CDCD
#ECCFCF
#E9D1D1
#E5D2D2
#E2D4D4
#DED6D6
#DAD8D8
#F0D0CA
#EBD2CC
#E7D5CE
#E2D7D1
#DDDAD3
#D9DCD5
#D3DFD8
#F0D4C6
#EAD7C9
#E4DACC
#DEDDCF
#D8E0D2
#D2E3D4
#CBE7D8
#F0D8C2
#E9DCC6
#E1E0C9
#DAE4CD
#D3E7D0
#CBEBD4
#C2F0D8
Colorpallet from #F0C2D8 to #F0D8C2 and to #C2D8F0
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C6D4
#EFC6D5
#EEC6D7
#EDC6D8
#ECC6D9
#EAC6DA
#E9C6DC
#F0C9D1
#EEC9D3
#EBC9D6
#E9C9D8
#E6C9DB
#E4C9DD
#E1C9E0
#F0CDCD
#ECCDD1
#E9CDD4
#E5CDD8
#E2CDDC
#DECDDF
#DACDE4
#F0D0CA
#EBD0CF
#E7D0D3
#E2D0D8
#DDD0DD
#D9D0E1
#D3D0E7
#F0D4C6
#EAD4CC
#E4D4D2
#DED4D8
#D8D4DE
#D2D4E4
#CBD4EB
#F0D8C2
#E9D8C9
#E1D8D1
#DAD8D8
#D3D8DF
#CBD8E7
#C2D8F0
Colorpallet from #F0C2D8 to #F0D8C2 and to #D8F0C2
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C6D4
#EFC6D4
#EFC7D4
#EEC7D4
#EDC8D4
#EDC8D4
#ECC9D4
#F0C9D1
#EFCAD1
#EDCCD1
#ECCDD1
#EBCED1
#EACFD1
#E8D1D1
#F0CDCD
#EECFCD
#ECD1CD
#EAD2CD
#E8D4CD
#E6D6CD
#E4D8CD
#F0D0CA
#EED2CA
#EBD5CA
#E9D7CA
#E6DACA
#E4DCCA
#E1DFCA
#F0D4C6
#EDD7C6
#EADAC6
#E7DDC6
#E4E0C6
#E1E3C6
#DDE7C6
#F0D8C2
#ECDCC2
#E8E0C2
#E4E4C2
#E1E7C2
#DDEBC2
#D8F0C2
Colorpallet from #F0C2D8 to #F0D8C2 and to #D8C2F0
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C6D4
#EFC5D5
#EFC5D7
#EEC4D8
#EDC3D9
#EDC3DA
#ECC2DC
#F0C9D1
#EFC8D3
#EDC7D6
#ECC6D8
#EBC5DB
#EAC3DD
#E8C2E0
#F0CDCD
#EECBD1
#ECC9D4
#EAC8D8
#E8C6DC
#E6C4DF
#E4C2E4
#F0D0CA
#EECECF
#EBCCD3
#E9C9D8
#E6C7DD
#E4C5E1
#E1C2E7
#F0D4C6
#EDD1CC
#EACED2
#E7CBD8
#E4C8DE
#E1C6E4
#DDC2EB
#F0D8C2
#ECD4C9
#E8D1D1
#E4CDD8
#E1CADF
#DDC6E7
#D8C2F0
Colorpallet from #F0C2D8 to #C2F0D8 and to #C2D8F0
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#E9C9D8
#E9C9D9
#E9C8D9
#E9C8DA
#E9C7DB
#E9C7DB
#E9C6DC
#E1D1D8
#E1D0D9
#E1CEDB
#E1CDDC
#E1CCDD
#E1CBDE
#E1C9E0
#DAD8D8
#DAD6DA
#DAD4DC
#DAD3DE
#DAD1E0
#DACFE2
#DACDE4
#D3DFD8
#D3DDDA
#D3DADD
#D3D8DF
#D3D5E2
#D3D3E4
#D3D0E7
#CBE7D8
#CBE4DB
#CBE1DE
#CBDEE1
#CBDBE4
#CBD8E7
#CBD4EB
#C2F0D8
#C2ECDC
#C2E8E0
#C2E4E4
#C2E1E7
#C2DDEB
#C2D8F0
Colorpallet from #F0C2D8 to #C2F0D8 and to #D8F0C2
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#E9C9D8
#E9C9D7
#EAC9D7
#EAC9D6
#EBC9D5
#EBC9D5
#ECC9D4
#E1D1D8
#E2D1D7
#E3D1D6
#E4D1D5
#E5D1D4
#E7D1D2
#E8D1D1
#DAD8D8
#DCD8D6
#DDD8D4
#DFD8D3
#E0D8D1
#E2D8CF
#E4D8CD
#D3DFD8
#D5DFD6
#D7DFD4
#DADFD1
#DCDFCF
#DEDFCD
#E1DFCA
#CBE7D8
#CEE7D5
#D1E7D2
#D4E7CF
#D7E7CC
#D9E7CA
#DDE7C6
#C2F0D8
#C6F0D4
#C9F0D1
#CDF0CD
#D0F0CA
#D4F0C6
#D8F0C2
Colorpallet from #F0C2D8 to #C2F0D8 and to #D8C2F0
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#E9C9D8
#E9C8D9
#EAC7D9
#EAC6DA
#EBC5DB
#EBC3DB
#ECC2DC
#E1D1D8
#E2CFD9
#E3CCDB
#E4CADC
#E5C7DD
#E7C5DE
#E8C2E0
#DAD8D8
#DCD4DA
#DDD1DC
#DFCDDE
#E0CAE0
#E2C6E2
#E4C2E4
#D3DFD8
#D5DADA
#D7D6DD
#DAD1DF
#DCCCE2
#DEC8E4
#E1C2E7
#CBE7D8
#CEE1DB
#D1DBDE
#D4D5E1
#D7CFE4
#D9C9E7
#DDC2EB
#C2F0D8
#C6E9DC
#C9E1E0
#CDDAE4
#D0D3E7
#D4CBEB
#D8C2F0
Colorpallet from #F0C2D8 to #C2D8F0 and to #D8F0C2
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#E9C6DC
#E9C6DB
#EAC7D9
#EAC7D8
#EBC8D7
#EBC8D6
#ECC9D4
#E1C9E0
#E2CADE
#E3CCDB
#E4CDD9
#E5CED6
#E7CFD4
#E8D1D1
#DACDE4
#DCCFE0
#DDD1DD
#DFD2D9
#E0D4D5
#E2D6D2
#E4D8CD
#D3D0E7
#D5D2E2
#D7D5DE
#DAD7D9
#DCDAD4
#DEDCD0
#E1DFCA
#CBD4EB
#CED7E5
#D1DADF
#D4DDD9
#D7E0D3
#D9E3CD
#DDE7C6
#C2D8F0
#C6DCE9
#C9E0E1
#CDE4DA
#D0E7D3
#D4EBCB
#D8F0C2
Colorpallet from #F0C2D8 to #C2D8F0 and to #D8C2F0
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#E9C6DC
#E9C5DC
#EAC5DC
#EAC4DC
#EBC3DC
#EBC3DC
#ECC2DC
#E1C9E0
#E2C8E0
#E3C7E0
#E4C6E0
#E5C5E0
#E7C3E0
#E8C2E0
#DACDE4
#DCCBE4
#DDC9E4
#DFC8E4
#E0C6E4
#E2C4E4
#E4C2E4
#D3D0E7
#D5CEE7
#D7CCE7
#DAC9E7
#DCC7E7
#DEC5E7
#E1C2E7
#CBD4EB
#CED1EB
#D1CEEB
#D4CBEB
#D7C8EB
#D9C6EB
#DDC2EB
#C2D8F0
#C6D4F0
#C9D1F0
#CDCDF0
#D0CAF0
#D4C6F0
#D8C2F0
Colorpallet from #F0C2D8 to #D8F0C2 and to #D8C2F0
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#F0C2D8
#ECC9D4
#ECC8D5
#ECC7D7
#ECC6D8
#ECC5D9
#ECC3DA
#ECC2DC
#E8D1D1
#E8CFD3
#E8CCD6
#E8CAD8
#E8C7DB
#E8C5DD
#E8C2E0
#E4D8CD
#E4D4D1
#E4D1D4
#E4CDD8
#E4CADC
#E4C6DF
#E4C2E4
#E1DFCA
#E1DACF
#E1D6D3
#E1D1D8
#E1CCDD
#E1C8E1
#E1C2E7
#DDE7C6
#DDE1CC
#DDDBD2
#DDD5D8
#DDCFDE
#DDC9E4
#DDC2EB
#D8F0C2
#D8E9C9
#D8E1D1
#D8DAD8
#D8D3DF
#D8CBE7
#D8C2F0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts