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 #F5C2D4 to #F5D4C2 and to #C2F5D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C5D1
#F4C6D1
#F2C7D2
#F1C7D2
#F0C8D3
#EFC9D3
#EDCAD4
#F5C8CE
#F2CACF
#F0CBD0
#EDCDD1
#EBCED2
#E8D0D3
#E5D2D4
#F5CBCB
#F1CDCC
#EDD0CE
#E9D2CF
#E6D5D1
#E2D7D2
#DDDAD4
#F5CEC8
#F0D1CA
#EAD5CC
#E5D8CE
#E0DBD0
#DBDFD2
#D4E3D4
#F5D0C6
#EED4C8
#E8D9CA
#E1DDCD
#DBE1CF
#D4E6D1
#CCEBD4
#F5D4C2
#EDD9C5
#E5DFC8
#DDE4CB
#D4E9CE
#CCEED0
#C2F5D4
Colorpallet from #F5C2D4 to #F5D4C2 and to #C2D4F5
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C5D1
#F4C5D2
#F2C5D4
#F1C5D5
#F0C5D6
#EFC5D7
#EDC5D9
#F5C8CE
#F2C8D1
#F0C8D3
#EDC8D6
#EBC8D9
#E8C8DC
#E5C8DF
#F5CBCB
#F1CBCF
#EDCBD3
#E9CBD7
#E6CBDB
#E2CBDF
#DDCBE4
#F5CEC8
#F0CECD
#EACED3
#E5CED8
#E0CEDD
#DBCEE2
#D4CEE9
#F5D0C6
#EED0CC
#E8D0D3
#E1D0D9
#DBD0E0
#D4D0E6
#CCD0EE
#F5D4C2
#EDD4CA
#E5D4D2
#DDD4DA
#D4D4E3
#CCD4EB
#C2D4F5
Colorpallet from #F5C2D4 to #F5D4C2 and to #D4F5C2
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C5D1
#F4C6D1
#F3C7D1
#F3C7D1
#F2C8D1
#F1C9D1
#F0CAD1
#F5C8CE
#F3CACE
#F1CBCE
#F0CDCE
#EECECE
#ECD0CE
#EAD2CE
#F5CBCB
#F2CDCB
#F0D0CB
#EDD2CB
#EBD5CB
#E8D7CB
#E5DACB
#F5CEC8
#F2D1C8
#EED5C8
#EBD8C8
#E8DBC8
#E4DFC8
#E0E3C8
#F5D0C6
#F1D4C6
#EDD9C6
#E9DDC6
#E4E1C6
#E0E6C6
#DBEBC6
#F5D4C2
#F0D9C2
#EADFC2
#E5E4C2
#E0E9C2
#DBEEC2
#D4F5C2
Colorpallet from #F5C2D4 to #F5D4C2 and to #D4C2F5
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C5D1
#F4C5D2
#F3C4D4
#F3C4D5
#F2C3D6
#F1C3D7
#F0C2D9
#F5C8CE
#F3C7D1
#F1C6D3
#F0C5D6
#EEC4D9
#ECC3DC
#EAC2DF
#F5CBCB
#F2CACF
#F0C8D3
#EDC7D7
#EBC5DB
#E8C4DF
#E5C2E4
#F5CEC8
#F2CCCD
#EECAD3
#EBC8D8
#E8C6DD
#E4C4E2
#E0C2E9
#F5D0C6
#F1CECC
#EDCCD3
#E9C9D9
#E4C7E0
#E0C5E6
#DBC2EE
#F5D4C2
#F0D1CA
#EACED2
#E5CBDA
#E0C8E3
#DBC6EB
#D4C2F5
Colorpallet from #F5C2D4 to #C2F5D4 and to #C2D4F5
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#EDCAD4
#EDC9D5
#EDC8D6
#EDC8D6
#EDC7D7
#EDC6D8
#EDC5D9
#E5D2D4
#E5D0D6
#E5CFD8
#E5CDD9
#E5CCDB
#E5CADD
#E5C8DF
#DDDAD4
#DDD8D7
#DDD5D9
#DDD3DC
#DDD0DE
#DDCEE1
#DDCBE4
#D4E3D4
#D4E0D7
#D4DCDB
#D4D9DE
#D4D6E1
#D4D2E5
#D4CEE9
#CCEBD4
#CCE7D8
#CCE2DC
#CCDEE0
#CCDAE5
#CCD5E9
#CCD0EE
#C2F5D4
#C2F0D9
#C2EADF
#C2E5E4
#C2E0E9
#C2DBEE
#C2D4F5
Colorpallet from #F5C2D4 to #C2F5D4 and to #D4F5C2
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#EDCAD4
#EDCAD4
#EECAD3
#EECAD3
#EFCAD2
#EFCAD2
#F0CAD1
#E5D2D4
#E6D2D3
#E7D2D2
#E7D2D1
#E8D2D0
#E9D2CF
#EAD2CE
#DDDAD4
#DEDAD3
#E0DAD1
#E1DAD0
#E2DACE
#E3DACD
#E5DACB
#D4E3D4
#D6E3D2
#D8E3D0
#DAE3CE
#DCE3CC
#DEE3CA
#E0E3C8
#CCEBD4
#CEEBD2
#D1EBD0
#D3EBCD
#D6EBCB
#D8EBC9
#DBEBC6
#C2F5D4
#C5F5D1
#C8F5CE
#CBF5CB
#CEF5C8
#D0F5C6
#D4F5C2
Colorpallet from #F5C2D4 to #C2F5D4 and to #D4C2F5
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#EDCAD4
#EDC9D5
#EEC7D6
#EEC6D6
#EFC5D7
#EFC4D8
#F0C2D9
#E5D2D4
#E6CFD6
#E7CDD8
#E7CAD9
#E8C8DB
#E9C5DD
#EAC2DF
#DDDAD4
#DED6D7
#E0D2D9
#E1CEDC
#E2CBDE
#E3C7E1
#E5C2E4
#D4E3D4
#D6DED7
#D8D8DB
#DAD3DE
#DCCEE1
#DEC9E5
#E0C2E9
#CCEBD4
#CEE4D8
#D1DEDC
#D3D7E0
#D6D1E5
#D8CAE9
#DBC2EE
#C2F5D4
#C5EDD9
#C8E5DF
#CBDDE4
#CED4E9
#D0CCEE
#D4C2F5
Colorpallet from #F5C2D4 to #C2D4F5 and to #D4F5C2
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#EDC5D9
#EDC6D8
#EEC7D6
#EEC7D5
#EFC8D4
#EFC9D3
#F0CAD1
#E5C8DF
#E6CADC
#E7CBDA
#E7CDD7
#E8CED4
#E9D0D1
#EAD2CE
#DDCBE4
#DECDE0
#E0D0DC
#E1D2D8
#E2D5D4
#E3D7D0
#E5DACB
#D4CEE9
#D6D1E4
#D8D5DE
#DAD8D9
#DCDBD4
#DEDFCF
#E0E3C8
#CCD0EE
#CED4E8
#D1D9E1
#D3DDDB
#D6E1D4
#D8E6CE
#DBEBC6
#C2D4F5
#C5D9ED
#C8DFE5
#CBE4DD
#CEE9D4
#D0EECC
#D4F5C2
Colorpallet from #F5C2D4 to #C2D4F5 and to #D4C2F5
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#EDC5D9
#EDC5D9
#EEC4D9
#EEC4D9
#EFC3D9
#EFC3D9
#F0C2D9
#E5C8DF
#E6C7DF
#E7C6DF
#E7C5DF
#E8C4DF
#E9C3DF
#EAC2DF
#DDCBE4
#DECAE4
#E0C8E4
#E1C7E4
#E2C5E4
#E3C4E4
#E5C2E4
#D4CEE9
#D6CCE9
#D8CAE9
#DAC8E9
#DCC6E9
#DEC4E9
#E0C2E9
#CCD0EE
#CECEEE
#D1CCEE
#D3C9EE
#D6C7EE
#D8C5EE
#DBC2EE
#C2D4F5
#C5D1F5
#C8CEF5
#CBCBF5
#CEC8F5
#D0C6F5
#D4C2F5
Colorpallet from #F5C2D4 to #D4F5C2 and to #D4C2F5
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F5C2D4
#F0CAD1
#F0C9D2
#F0C7D4
#F0C6D5
#F0C5D6
#F0C4D7
#F0C2D9
#EAD2CE
#EACFD1
#EACDD3
#EACAD6
#EAC8D9
#EAC5DC
#EAC2DF
#E5DACB
#E5D6CF
#E5D2D3
#E5CED7
#E5CBDB
#E5C7DF
#E5C2E4
#E0E3C8
#E0DECD
#E0D8D3
#E0D3D8
#E0CEDD
#E0C9E2
#E0C2E9
#DBEBC6
#DBE4CC
#DBDED3
#DBD7D9
#DBD1E0
#DBCAE6
#DBC2EE
#D4F5C2
#D4EDCA
#D4E5D2
#D4DDDA
#D4D4E3
#D4CCEB
#D4C2F5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
