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 #F4C2DD to #F4DDC2 and to #C2F4DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C6D9
#F3C7DA
#F1C7DA
#F0C8DB
#EFC9DC
#EEC9DC
#ECCADD
#F4CBD4
#F1CCD5
#EFCDD7
#ECCED8
#EACFDA
#E7D1DB
#E4D2DD
#F4CFD0
#F0D1D2
#ECD3D4
#E8D4D6
#E5D6D8
#E1D8DA
#DCDADD
#F4D3CC
#EFD5CF
#EAD8D1
#E5DAD4
#E0DDD7
#DADFDA
#D4E2DD
#F4D8C7
#EEDBCB
#E7DECE
#E1E1D2
#DAE4D5
#D4E6D9
#CCEADD
#F4DDC2
#ECE1C6
#E4E4CB
#DCE8CF
#D4ECD3
#CCEFD8
#C2F4DD
Colorpallet from #F4C2DD to #F4DDC2 and to #C2DDF4
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C6D9
#F3C6DA
#F1C6DC
#F0C6DD
#EFC6DE
#EEC6DF
#ECC6E1
#F4CBD4
#F1CBD7
#EFCBD9
#ECCBDC
#EACBDE
#E7CBE1
#E4CBE4
#F4CFD0
#F0CFD4
#ECCFD8
#E8CFDC
#E5CFDF
#E1CFE3
#DCCFE8
#F4D3CC
#EFD3D1
#EAD3D6
#E5D3DB
#E0D3E0
#DAD3E6
#D4D3EC
#F4D8C7
#EED8CD
#E7D8D4
#E1D8DA
#DAD8E1
#D4D8E7
#CCD8EF
#F4DDC2
#ECDDCA
#E4DDD2
#DCDDDA
#D4DDE2
#CCDDEA
#C2DDF4
Colorpallet from #F4C2DD to #F4DDC2 and to #DDF4C2
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C6D9
#F3C7D9
#F3C7D9
#F2C8D9
#F1C9D9
#F1C9D9
#F0CAD9
#F4CBD4
#F3CCD4
#F2CDD4
#F1CED4
#F0CFD4
#EED1D4
#EDD2D4
#F4CFD0
#F2D1D0
#F0D3D0
#EFD4D0
#EDD6D0
#EBD8D0
#E9DAD0
#F4D3CC
#F2D5CC
#EFD8CC
#EDDACC
#EADDCC
#E8DFCC
#E5E2CC
#F4D8C7
#F1DBC7
#EEDEC7
#EBE1C7
#E8E4C7
#E6E6C7
#E2EAC7
#F4DDC2
#F0E1C2
#EDE4C2
#E9E8C2
#E5ECC2
#E2EFC2
#DDF4C2
Colorpallet from #F4C2DD to #F4DDC2 and to #DDC2F4
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C6D9
#F3C5DA
#F3C5DC
#F2C4DD
#F1C3DE
#F1C3DF
#F0C2E1
#F4CBD4
#F3CAD7
#F2C8D9
#F1C7DC
#F0C5DE
#EEC4E1
#EDC2E4
#F4CFD0
#F2CDD4
#F0CBD8
#EFC9DC
#EDC7DF
#EBC5E3
#E9C2E8
#F4D3CC
#F2D0D1
#EFCED6
#EDCBDB
#EAC8E0
#E8C5E6
#E5C2EC
#F4D8C7
#F1D4CD
#EED1D4
#EBCDDA
#E8CAE1
#E6C6E7
#E2C2EF
#F4DDC2
#F0D9CA
#EDD4D2
#E9D0DA
#E5CCE2
#E2C7EA
#DDC2F4
Colorpallet from #F4C2DD to #C2F4DD and to #C2DDF4
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#ECCADD
#ECC9DE
#ECC9DE
#ECC8DF
#ECC7E0
#ECC7E0
#ECC6E1
#E4D2DD
#E4D1DE
#E4D0DF
#E4CFE0
#E4CEE1
#E4CCE3
#E4CBE4
#DCDADD
#DCD8DF
#DCD6E1
#DCD5E2
#DCD3E4
#DCD1E6
#DCCFE8
#D4E2DD
#D4E0DF
#D4DDE2
#D4DBE4
#D4D8E7
#D4D6E9
#D4D3EC
#CCEADD
#CCE7E0
#CCE4E3
#CCE1E6
#CCDEE9
#CCDCEB
#CCD8EF
#C2F4DD
#C2F0E1
#C2EDE4
#C2E9E8
#C2E5EC
#C2E2EF
#C2DDF4
Colorpallet from #F4C2DD to #C2F4DD and to #DDF4C2
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#ECCADD
#EDCADC
#EDCADC
#EECADB
#EFCADA
#EFCADA
#F0CAD9
#E4D2DD
#E5D2DC
#E7D2DA
#E8D2D9
#EAD2D7
#EBD2D6
#EDD2D4
#DCDADD
#DEDADB
#E0DAD9
#E2DAD7
#E4DAD5
#E6DAD3
#E9DAD0
#D4E2DD
#D7E2DA
#D9E2D8
#DCE2D5
#DFE2D2
#E2E2CF
#E5E2CC
#CCEADD
#D0EAD9
#D3EAD6
#D7EAD2
#DAEACF
#DEEACB
#E2EAC7
#C2F4DD
#C6F4D9
#CBF4D4
#CFF4D0
#D3F4CC
#D8F4C7
#DDF4C2
Colorpallet from #F4C2DD to #C2F4DD and to #DDC2F4
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#ECCADD
#EDC9DE
#EDC7DE
#EEC6DF
#EFC5E0
#EFC4E0
#F0C2E1
#E4D2DD
#E5CFDE
#E7CDDF
#E8CAE0
#EAC8E1
#EBC5E3
#EDC2E4
#DCDADD
#DED6DF
#E0D2E1
#E2CEE2
#E4CBE4
#E6C7E6
#E9C2E8
#D4E2DD
#D7DDDF
#D9D8E2
#DCD3E4
#DFCEE7
#E2C8E9
#E5C2EC
#CCEADD
#D0E4E0
#D3DDE3
#D7D7E6
#DAD0E9
#DECAEB
#E2C2EF
#C2F4DD
#C6ECE1
#CBE4E4
#CFDCE8
#D3D4EC
#D8CCEF
#DDC2F4
Colorpallet from #F4C2DD to #C2DDF4 and to #DDF4C2
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#ECC6E1
#EDC7E0
#EDC7DE
#EEC8DD
#EFC9DC
#EFC9DB
#F0CAD9
#E4CBE4
#E5CCE1
#E7CDDF
#E8CEDC
#EACFDA
#EBD1D7
#EDD2D4
#DCCFE8
#DED1E4
#E0D3E0
#E2D4DC
#E4D6D9
#E6D8D5
#E9DAD0
#D4D3EC
#D7D5E7
#D9D8E2
#DCDADD
#DFDDD8
#E2DFD2
#E5E2CC
#CCD8EF
#D0DBE9
#D3DEE2
#D7E1DC
#DAE4D5
#DEE6CF
#E2EAC7
#C2DDF4
#C6E1EC
#CBE4E4
#CFE8DC
#D3ECD4
#D8EFCC
#DDF4C2
Colorpallet from #F4C2DD to #C2DDF4 and to #DDC2F4
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#ECC6E1
#EDC5E1
#EDC5E1
#EEC4E1
#EFC3E1
#EFC3E1
#F0C2E1
#E4CBE4
#E5CAE4
#E7C8E4
#E8C7E4
#EAC5E4
#EBC4E4
#EDC2E4
#DCCFE8
#DECDE8
#E0CBE8
#E2C9E8
#E4C7E8
#E6C5E8
#E9C2E8
#D4D3EC
#D7D0EC
#D9CEEC
#DCCBEC
#DFC8EC
#E2C5EC
#E5C2EC
#CCD8EF
#D0D4EF
#D3D1EF
#D7CDEF
#DACAEF
#DEC6EF
#E2C2EF
#C2DDF4
#C6D9F4
#CBD4F4
#CFD0F4
#D3CCF4
#D8C7F4
#DDC2F4
Colorpallet from #F4C2DD to #DDF4C2 and to #DDC2F4
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F4C2DD
#F0CAD9
#F0C9DA
#F0C7DC
#F0C6DD
#F0C5DE
#F0C4DF
#F0C2E1
#EDD2D4
#EDCFD7
#EDCDD9
#EDCADC
#EDC8DE
#EDC5E1
#EDC2E4
#E9DAD0
#E9D6D4
#E9D2D8
#E9CEDC
#E9CBDF
#E9C7E3
#E9C2E8
#E5E2CC
#E5DDD1
#E5D8D6
#E5D3DB
#E5CEE0
#E5C8E6
#E5C2EC
#E2EAC7
#E2E4CD
#E2DDD4
#E2D7DA
#E2D0E1
#E2CAE7
#E2C2EF
#DDF4C2
#DDECCA
#DDE4D2
#DDDCDA
#DDD4E2
#DDCCEA
#DDC2F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts