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 #CDD2B3 to #CDB3D2 and to #D2CDB3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDCDB8
#CDCEB7
#CDCEB6
#CDCFB6
#CED0B5
#CED0B4
#CED1B3
#CDC8BD
#CDC9BB
#CECBBA
#CECCB8
#CECDB7
#CFCEB5
#CFD0B3
#CDC3C2
#CDC5C0
#CEC7BD
#CEC9BB
#CECBB8
#CFCDB6
#CFD0B3
#CDBEC7
#CDC1C4
#CEC3C1
#CEC6BD
#CFC9BA
#CFCCB7
#D0CFB3
#CDB9CC
#CEBCC8
#CEC0C4
#CFC3C0
#D0C6BC
#D0CAB8
#D1CEB3
#CDB3D2
#CEB7CD
#CFBBC8
#CFBFC3
#D0C4BE
#D1C8B9
#D2CDB3
Colorpallet from #CDD2B3 to #CDB3D2 and to #D2B3CD
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDCDB8
#CDCDB8
#CDCDB8
#CDCDB8
#CECDB7
#CECDB7
#CECDB7
#CDC8BD
#CDC8BD
#CEC8BC
#CEC8BC
#CEC8BC
#CFC8BB
#CFC8BB
#CDC3C2
#CDC3C2
#CEC3C1
#CEC3C1
#CEC3C0
#CFC3C0
#CFC3BF
#CDBEC7
#CDBEC7
#CEBEC6
#CEBEC6
#CFBEC5
#CFBEC5
#D0BEC4
#CDB9CC
#CEB9CB
#CEB9CB
#CFB9CA
#D0B9C9
#D0B9C9
#D1B9C8
#CDB3D2
#CEB3D1
#CFB3D0
#CFB3D0
#D0B3CF
#D1B3CE
#D2B3CD
Colorpallet from #CDD2B3 to #CDB3D2 and to #B3CDD2
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDCDB8
#CCCEB8
#CCCEB8
#CBCFB8
#CAD0B8
#CAD0B8
#C9D1B8
#CDC8BD
#CCC9BD
#CACBBD
#C9CCBD
#C8CDBD
#C7CEBD
#C5D0BD
#CDC3C2
#CBC5C2
#C9C7C2
#C7C9C2
#C5CBC2
#C3CDC2
#C1D0C2
#CDBEC7
#CAC1C7
#C8C3C7
#C5C6C7
#C2C9C7
#BFCCC7
#BCCFC7
#CDB9CC
#CABCCC
#C6C0CC
#C3C3CC
#C0C6CC
#BCCACC
#B8CECC
#CDB3D2
#C9B7D2
#C5BBD2
#C1BFD2
#BCC4D2
#B8C8D2
#B3CDD2
Colorpallet from #CDD2B3 to #CDB3D2 and to #B3D2CD
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDCDB8
#CCCEB8
#CCCFB8
#CBCFB8
#CAD0B7
#CAD1B7
#C9D2B7
#CDC8BD
#CCCABD
#CACBBC
#C9CDBC
#C8CEBC
#C7D0BB
#C5D2BB
#CDC3C2
#CBC5C2
#C9C8C1
#C7CAC1
#C5CDC0
#C3CFC0
#C1D2BF
#CDBEC7
#CAC1C7
#C8C4C6
#C5C8C6
#C2CBC5
#BFCEC5
#BCD2C4
#CDB9CC
#CABDCB
#C6C1CB
#C3C5CA
#C0C9C9
#BCCDC9
#B8D2C8
#CDB3D2
#C9B8D1
#C5BDD0
#C1C2D0
#BCC7CF
#B8CCCE
#B3D2CD
Colorpallet from #CDD2B3 to #D2CDB3 and to #D2B3CD
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CED1B3
#CED0B4
#CED0B4
#CECFB5
#CECEB6
#CECEB6
#CECDB7
#CFD0B3
#CFCFB4
#CFCDB6
#CFCCB7
#CFCBB8
#CFCAB9
#CFC8BB
#CFD0B3
#CFCEB5
#CFCCB7
#CFCAB9
#CFC8BB
#CFC6BD
#CFC3BF
#D0CFB3
#D0CCB6
#D0CAB8
#D0C7BB
#D0C4BE
#D0C1C1
#D0BEC4
#D1CEB3
#D1CBB6
#D1C7BA
#D1C4BD
#D1C1C0
#D1BDC4
#D1B9C8
#D2CDB3
#D2C9B7
#D2C5BB
#D2C1BF
#D2BCC4
#D2B8C8
#D2B3CD
Colorpallet from #CDD2B3 to #D2CDB3 and to #B3CDD2
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CED1B3
#CDD1B4
#CCD1B5
#CCD1B5
#CBD1B6
#CAD1B7
#C9D1B8
#CFD0B3
#CDD0B5
#CCD0B6
#CAD0B8
#C9D0B9
#C7D0BB
#C5D0BD
#CFD0B3
#CDD0B5
#CBD0B8
#C8D0BA
#C6D0BD
#C4D0BF
#C1D0C2
#D0CFB3
#CDCFB6
#CACFB9
#C6CFBD
#C3CFC0
#C0CFC3
#BCCFC7
#D1CEB3
#CDCEB7
#C9CEBB
#C5CEBF
#C1CEC3
#BDCEC7
#B8CECC
#D2CDB3
#CDCDB8
#C8CDBD
#C3CDC2
#BECDC7
#B9CDCC
#B3CDD2
Colorpallet from #CDD2B3 to #D2CDB3 and to #B3D2CD
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CED1B3
#CDD1B4
#CCD1B4
#CCD1B5
#CBD2B6
#CAD2B6
#C9D2B7
#CFD0B3
#CDD0B4
#CCD1B6
#CAD1B7
#C9D1B8
#C7D2B9
#C5D2BB
#CFD0B3
#CDD0B5
#CBD1B7
#C8D1B9
#C6D1BB
#C4D2BD
#C1D2BF
#D0CFB3
#CDCFB6
#CAD0B8
#C6D0BB
#C3D1BE
#C0D1C1
#BCD2C4
#D1CEB3
#CDCFB6
#C9CFBA
#C5D0BD
#C1D1C0
#BDD1C4
#B8D2C8
#D2CDB3
#CDCEB7
#C8CFBB
#C3CFBF
#BED0C4
#B9D1C8
#B3D2CD
Colorpallet from #CDD2B3 to #D2B3CD and to #B3CDD2
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CECDB7
#CDCEB7
#CCCEB7
#CCCFB7
#CBD0B8
#CAD0B8
#C9D1B8
#CFC8BB
#CDC9BB
#CCCBBC
#CACCBC
#C9CDBC
#C7CEBD
#C5D0BD
#CFC3BF
#CDC5BF
#CBC7C0
#C8C9C0
#C6CBC1
#C4CDC1
#C1D0C2
#D0BEC4
#CDC1C4
#CAC3C5
#C6C6C5
#C3C9C6
#C0CCC6
#BCCFC7
#D1B9C8
#CDBCC9
#C9C0C9
#C5C3CA
#C1C6CB
#BDCACB
#B8CECC
#D2B3CD
#CDB7CE
#C8BBCF
#C3BFCF
#BEC4D0
#B9C8D1
#B3CDD2
Colorpallet from #CDD2B3 to #D2B3CD and to #B3D2CD
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CECDB7
#CDCEB7
#CCCFB7
#CCCFB7
#CBD0B7
#CAD1B7
#C9D2B7
#CFC8BB
#CDCABB
#CCCBBB
#CACDBB
#C9CEBB
#C7D0BB
#C5D2BB
#CFC3BF
#CDC5BF
#CBC8BF
#C8CABF
#C6CDBF
#C4CFBF
#C1D2BF
#D0BEC4
#CDC1C4
#CAC4C4
#C6C8C4
#C3CBC4
#C0CEC4
#BCD2C4
#D1B9C8
#CDBDC8
#C9C1C8
#C5C5C8
#C1C9C8
#BDCDC8
#B8D2C8
#D2B3CD
#CDB8CD
#C8BDCD
#C3C2CD
#BEC7CD
#B9CCCD
#B3D2CD
Colorpallet from #CDD2B3 to #B3CDD2 and to #B3D2CD
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#CDD2B3
#C9D1B8
#C9D1B8
#C9D1B8
#C9D1B8
#C9D2B7
#C9D2B7
#C9D2B7
#C5D0BD
#C5D0BD
#C5D1BC
#C5D1BC
#C5D1BC
#C5D2BB
#C5D2BB
#C1D0C2
#C1D0C2
#C1D1C1
#C1D1C1
#C1D1C0
#C1D2C0
#C1D2BF
#BCCFC7
#BCCFC7
#BCD0C6
#BCD0C6
#BCD1C5
#BCD1C5
#BCD2C4
#B8CECC
#B8CFCB
#B8CFCB
#B8D0CA
#B8D1C9
#B8D1C9
#B8D2C8
#B3CDD2
#B3CED1
#B3CFD0
#B3CFD0
#B3D0CF
#B3D1CE
#B3D2CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts