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 #F0C2D9 to #F0D9C2 and to #C2F0D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C6D5
#EFC6D6
#EEC7D6
#EDC7D7
#ECC8D8
#EAC8D8
#E9C9D9
#F0C9D2
#EECAD3
#EBCCD4
#E9CDD5
#E6CED6
#E4CFD8
#E1D1D9
#F0CDCE
#ECCFD0
#E9D1D2
#E5D2D3
#E2D4D5
#DED6D7
#DAD8D9
#F0D1CA
#EBD3CC
#E7D5CF
#E2D8D1
#DDDAD4
#D9DCD6
#D3DFD9
#F0D4C7
#EAD7CA
#E4DACD
#DEDDD0
#D8E0D3
#D2E3D5
#CBE7D9
#F0D9C2
#E9DDC6
#E1E0C9
#DAE4CD
#D3E8D1
#CBEBD4
#C2F0D9
Colorpallet from #F0C2D9 to #F0D9C2 and to #C2D9F0
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C6D5
#EFC6D6
#EEC6D8
#EDC6D9
#ECC6DA
#EAC6DB
#E9C6DD
#F0C9D2
#EEC9D4
#EBC9D6
#E9C9D9
#E6C9DB
#E4C9DD
#E1C9E0
#F0CDCE
#ECCDD2
#E9CDD5
#E5CDD9
#E2CDDC
#DECDE0
#DACDE4
#F0D1CA
#EBD1CF
#E7D1D4
#E2D1D8
#DDD1DD
#D9D1E2
#D3D1E8
#F0D4C7
#EAD4CD
#E4D4D3
#DED4D8
#D8D4DE
#D2D4E4
#CBD4EB
#F0D9C2
#E9D9C9
#E1D9D1
#DAD9D8
#D3D9DF
#CBD9E7
#C2D9F0
Colorpallet from #F0C2D9 to #F0D9C2 and to #D9F0C2
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C6D5
#EFC6D5
#EFC7D5
#EEC7D5
#EDC8D5
#EDC8D5
#ECC9D5
#F0C9D2
#EFCAD2
#EECCD2
#EDCDD2
#ECCED2
#EACFD2
#E9D1D2
#F0CDCE
#EECFCE
#ECD1CE
#EBD2CE
#E9D4CE
#E7D6CE
#E5D8CE
#F0D1CA
#EED3CA
#EBD5CA
#E9D8CA
#E6DACA
#E4DCCA
#E1DFCA
#F0D4C7
#EDD7C7
#EADAC7
#E7DDC7
#E4E0C7
#E2E3C7
#DEE7C7
#F0D9C2
#ECDDC2
#E9E0C2
#E5E4C2
#E1E8C2
#DEEBC2
#D9F0C2
Colorpallet from #F0C2D9 to #F0D9C2 and to #D9C2F0
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C6D5
#EFC5D6
#EFC5D8
#EEC4D9
#EDC3DA
#EDC3DB
#ECC2DD
#F0C9D2
#EFC8D4
#EEC7D6
#EDC6D9
#ECC5DB
#EAC3DD
#E9C2E0
#F0CDCE
#EECBD2
#ECC9D5
#EBC8D9
#E9C6DC
#E7C4E0
#E5C2E4
#F0D1CA
#EECFCF
#EBCCD4
#E9CAD8
#E6C7DD
#E4C5E2
#E1C2E8
#F0D4C7
#EDD1CD
#EACED3
#E7CBD8
#E4C8DE
#E2C6E4
#DEC2EB
#F0D9C2
#ECD5C9
#E9D2D1
#E5CED8
#E1CADF
#DEC7E7
#D9C2F0
Colorpallet from #F0C2D9 to #C2F0D9 and to #C2D9F0
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#E9C9D9
#E9C9DA
#E9C8DA
#E9C8DB
#E9C7DC
#E9C7DC
#E9C6DD
#E1D1D9
#E1D0DA
#E1CEDB
#E1CDDC
#E1CCDD
#E1CBDF
#E1C9E0
#DAD8D9
#DAD6DB
#DAD4DD
#DAD3DE
#DAD1E0
#DACFE2
#DACDE4
#D3DFD9
#D3DDDB
#D3DBDE
#D3D8E0
#D3D6E3
#D3D4E5
#D3D1E8
#CBE7D9
#CBE4DC
#CBE1DF
#CBDEE2
#CBDBE5
#CBD8E7
#CBD4EB
#C2F0D9
#C2ECDD
#C2E9E0
#C2E5E4
#C2E1E8
#C2DEEB
#C2D9F0
Colorpallet from #F0C2D9 to #C2F0D9 and to #D9F0C2
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#E9C9D9
#E9C9D8
#EAC9D8
#EAC9D7
#EBC9D6
#EBC9D6
#ECC9D5
#E1D1D9
#E2D1D8
#E4D1D7
#E5D1D6
#E6D1D5
#E7D1D3
#E9D1D2
#DAD8D9
#DCD8D7
#DED8D5
#DFD8D4
#E1D8D2
#E3D8D0
#E5D8CE
#D3DFD9
#D5DFD7
#D7DFD4
#DADFD2
#DCDFCF
#DEDFCD
#E1DFCA
#CBE7D9
#CEE7D6
#D1E7D3
#D4E7D0
#D7E7CD
#DAE7CB
#DEE7C7
#C2F0D9
#C6F0D5
#C9F0D2
#CDF0CE
#D1F0CA
#D4F0C7
#D9F0C2
Colorpallet from #F0C2D9 to #C2F0D9 and to #D9C2F0
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#E9C9D9
#E9C8DA
#EAC7DA
#EAC6DB
#EBC5DC
#EBC3DC
#ECC2DD
#E1D1D9
#E2CFDA
#E4CCDB
#E5CADC
#E6C7DD
#E7C5DF
#E9C2E0
#DAD8D9
#DCD4DB
#DED1DD
#DFCDDE
#E1CAE0
#E3C6E2
#E5C2E4
#D3DFD9
#D5DADB
#D7D6DE
#DAD1E0
#DCCCE3
#DEC8E5
#E1C2E8
#CBE7D9
#CEE1DC
#D1DBDF
#D4D5E2
#D7CFE5
#DAC9E7
#DEC2EB
#C2F0D9
#C6E9DD
#C9E1E0
#CDDAE4
#D1D3E8
#D4CBEB
#D9C2F0
Colorpallet from #F0C2D9 to #C2D9F0 and to #D9F0C2
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#E9C6DD
#E9C6DC
#EAC7DA
#EAC7D9
#EBC8D8
#EBC8D7
#ECC9D5
#E1C9E0
#E2CADE
#E4CCDC
#E5CDD9
#E6CED7
#E7CFD5
#E9D1D2
#DACDE4
#DCCFE0
#DED1DD
#DFD2D9
#E1D4D6
#E3D6D2
#E5D8CE
#D3D1E8
#D5D3E3
#D7D5DE
#DAD8DA
#DCDAD5
#DEDCD0
#E1DFCA
#CBD4EB
#CED7E5
#D1DADF
#D4DDDA
#D7E0D4
#DAE3CE
#DEE7C7
#C2D9F0
#C6DDE9
#C9E0E1
#CDE4DA
#D1E8D3
#D4EBCB
#D9F0C2
Colorpallet from #F0C2D9 to #C2D9F0 and to #D9C2F0
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#E9C6DD
#E9C5DD
#EAC5DD
#EAC4DD
#EBC3DD
#EBC3DD
#ECC2DD
#E1C9E0
#E2C8E0
#E4C7E0
#E5C6E0
#E6C5E0
#E7C3E0
#E9C2E0
#DACDE4
#DCCBE4
#DEC9E4
#DFC8E4
#E1C6E4
#E3C4E4
#E5C2E4
#D3D1E8
#D5CFE8
#D7CCE8
#DACAE8
#DCC7E8
#DEC5E8
#E1C2E8
#CBD4EB
#CED1EB
#D1CEEB
#D4CBEB
#D7C8EB
#DAC6EB
#DEC2EB
#C2D9F0
#C6D5F0
#C9D2F0
#CDCEF0
#D1CAF0
#D4C7F0
#D9C2F0
Colorpallet from #F0C2D9 to #D9F0C2 and to #D9C2F0
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#F0C2D9
#ECC9D5
#ECC8D6
#ECC7D8
#ECC6D9
#ECC5DA
#ECC3DB
#ECC2DD
#E9D1D2
#E9CFD4
#E9CCD6
#E9CAD9
#E9C7DB
#E9C5DD
#E9C2E0
#E5D8CE
#E5D4D2
#E5D1D5
#E5CDD9
#E5CADC
#E5C6E0
#E5C2E4
#E1DFCA
#E1DACF
#E1D6D4
#E1D1D8
#E1CCDD
#E1C8E2
#E1C2E8
#DEE7C7
#DEE1CD
#DEDBD3
#DED5D8
#DECFDE
#DEC9E4
#DEC2EB
#D9F0C2
#D9E9C9
#D9E1D1
#D9DAD8
#D9D3DF
#D9CBE7
#D9C2F0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts