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 #CDD1B8 to #CDB8D1 and to #D1CDB8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDCDBC
#CDCDBB
#CDCEBB
#CDCEBA
#CECFB9
#CECFB9
#CED0B8
#CDC9C0
#CDCABF
#CDCBBD
#CDCCBC
#CECDBB
#CECFBA
#CED0B8
#CDC5C4
#CDC7C2
#CEC8C0
#CECABE
#CECBBC
#CFCDBA
#CFCFB8
#CDC1C8
#CDC3C5
#CEC5C3
#CEC7C0
#CFC9BE
#CFCBBB
#D0CEB8
#CDBDCC
#CDC0C9
#CEC2C6
#CEC5C2
#CFC8BF
#CFCBBC
#D0CEB8
#CDB8D1
#CEBBCD
#CEBFC9
#CFC2C5
#D0C5C1
#D0C9BD
#D1CDB8
Colorpallet from #CDD1B8 to #CDB8D1 and to #D1B8CD
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDCDBC
#CDCDBC
#CDCDBC
#CDCDBC
#CECDBB
#CECDBB
#CECDBB
#CDC9C0
#CDC9C0
#CDC9C0
#CDC9C0
#CEC9BF
#CEC9BF
#CEC9BF
#CDC5C4
#CDC5C4
#CEC5C3
#CEC5C3
#CEC5C3
#CFC5C2
#CFC5C2
#CDC1C8
#CDC1C8
#CEC1C7
#CEC1C7
#CFC1C6
#CFC1C6
#D0C1C5
#CDBDCC
#CDBDCC
#CEBDCB
#CEBDCB
#CFBDCA
#CFBDCA
#D0BDC9
#CDB8D1
#CEB8D0
#CEB8D0
#CFB8CF
#D0B8CE
#D0B8CE
#D1B8CD
Colorpallet from #CDD1B8 to #CDB8D1 and to #B8CDD1
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDCDBC
#CDCDBC
#CCCEBC
#CCCEBC
#CBCFBC
#CBCFBC
#CAD0BC
#CDC9C0
#CCCAC0
#CBCBC0
#CACCC0
#C9CDC0
#C7CFC0
#C6D0C0
#CDC5C4
#CBC7C4
#CAC8C4
#C8CAC4
#C7CBC4
#C5CDC4
#C3CFC4
#CDC1C8
#CBC3C8
#C9C5C8
#C7C7C8
#C5C9C8
#C3CBC8
#C0CEC8
#CDBDCC
#CAC0CC
#C8C2CC
#C5C5CC
#C2C8CC
#BFCBCC
#BCCECC
#CDB8D1
#CABBD1
#C6BFD1
#C3C2D1
#C0C5D1
#BCC9D1
#B8CDD1
Colorpallet from #CDD1B8 to #CDB8D1 and to #B8D1CD
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDCDBC
#CDCEBC
#CCCEBC
#CCCFBC
#CBD0BB
#CBD0BB
#CAD1BB
#CDC9C0
#CCCAC0
#CBCCC0
#CACDC0
#C9CEBF
#C7CFBF
#C6D1BF
#CDC5C4
#CBC7C4
#CAC9C3
#C8CBC3
#C7CDC3
#C5CFC2
#C3D1C2
#CDC1C8
#CBC4C8
#C9C6C7
#C7C9C7
#C5CBC6
#C3CEC6
#C0D1C5
#CDBDCC
#CAC0CC
#C8C3CB
#C5C7CB
#C2CACA
#BFCDCA
#BCD1C9
#CDB8D1
#CABCD0
#C6C0D0
#C3C4CF
#C0C8CE
#BCCCCE
#B8D1CD
Colorpallet from #CDD1B8 to #D1CDB8 and to #D1B8CD
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CED0B8
#CED0B8
#CECFB9
#CECFB9
#CECEBA
#CECEBA
#CECDBB
#CED0B8
#CECFB9
#CECEBA
#CECDBB
#CECCBC
#CECABE
#CEC9BF
#CFCFB8
#CFCDBA
#CFCCBB
#CFCABD
#CFC9BE
#CFC7C0
#CFC5C2
#D0CEB8
#D0CCBA
#D0CABC
#D0C8BE
#D0C6C0
#D0C4C2
#D0C1C5
#D0CEB8
#D0CBBB
#D0C9BD
#D0C6C0
#D0C3C3
#D0C0C6
#D0BDC9
#D1CDB8
#D1CABB
#D1C6BF
#D1C3C2
#D1C0C5
#D1BCC9
#D1B8CD
Colorpallet from #CDD1B8 to #D1CDB8 and to #B8CDD1
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CED0B8
#CDD0B9
#CDD0B9
#CCD0BA
#CBD0BB
#CBD0BB
#CAD0BC
#CED0B8
#CDD0B9
#CBD0BB
#CAD0BC
#C9D0BD
#C8D0BE
#C6D0C0
#CFCFB8
#CDCFBA
#CBCFBC
#C9CFBE
#C7CFC0
#C5CFC2
#C3CFC4
#D0CEB8
#CDCEBB
#CBCEBD
#C8CEC0
#C6CEC2
#C3CEC5
#C0CEC8
#D0CEB8
#CDCEBB
#CACEBE
#C6CEC2
#C3CEC5
#C0CEC8
#BCCECC
#D1CDB8
#CDCDBC
#C9CDC0
#C5CDC4
#C1CDC8
#BDCDCC
#B8CDD1
Colorpallet from #CDD1B8 to #D1CDB8 and to #B8D1CD
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CED0B8
#CDD0B8
#CDD0B9
#CCD0B9
#CBD1BA
#CBD1BA
#CAD1BB
#CED0B8
#CDD0B9
#CBD0BA
#CAD0BB
#C9D1BC
#C8D1BE
#C6D1BF
#CFCFB8
#CDCFBA
#CBD0BB
#C9D0BD
#C7D0BE
#C5D1C0
#C3D1C2
#D0CEB8
#CDCEBA
#CBCFBC
#C8CFBE
#C6D0C0
#C3D0C2
#C0D1C5
#D0CEB8
#CDCEBB
#CACFBD
#C6CFC0
#C3D0C3
#C0D0C6
#BCD1C9
#D1CDB8
#CDCEBB
#C9CEBF
#C5CFC2
#C1D0C5
#BDD0C9
#B8D1CD
Colorpallet from #CDD1B8 to #D1B8CD and to #B8CDD1
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CECDBB
#CDCDBB
#CDCEBB
#CCCEBB
#CBCFBC
#CBCFBC
#CAD0BC
#CEC9BF
#CDCABF
#CBCBBF
#CACCBF
#C9CDC0
#C8CFC0
#C6D0C0
#CFC5C2
#CDC7C2
#CBC8C3
#C9CAC3
#C7CBC3
#C5CDC4
#C3CFC4
#D0C1C5
#CDC3C5
#CBC5C6
#C8C7C6
#C6C9C7
#C3CBC7
#C0CEC8
#D0BDC9
#CDC0C9
#CAC2CA
#C6C5CA
#C3C8CB
#C0CBCB
#BCCECC
#D1B8CD
#CDBBCE
#C9BFCE
#C5C2CF
#C1C5D0
#BDC9D0
#B8CDD1
Colorpallet from #CDD1B8 to #D1B8CD and to #B8D1CD
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CECDBB
#CDCEBB
#CDCEBB
#CCCFBB
#CBD0BB
#CBD0BB
#CAD1BB
#CEC9BF
#CDCABF
#CBCCBF
#CACDBF
#C9CEBF
#C8CFBF
#C6D1BF
#CFC5C2
#CDC7C2
#CBC9C2
#C9CBC2
#C7CDC2
#C5CFC2
#C3D1C2
#D0C1C5
#CDC4C5
#CBC6C5
#C8C9C5
#C6CBC5
#C3CEC5
#C0D1C5
#D0BDC9
#CDC0C9
#CAC3C9
#C6C7C9
#C3CAC9
#C0CDC9
#BCD1C9
#D1B8CD
#CDBCCD
#C9C0CD
#C5C4CD
#C1C8CD
#BDCCCD
#B8D1CD
Colorpallet from #CDD1B8 to #B8CDD1 and to #B8D1CD
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CDD1B8
#CAD0BC
#CAD0BC
#CAD0BC
#CAD0BC
#CAD1BB
#CAD1BB
#CAD1BB
#C6D0C0
#C6D0C0
#C6D0C0
#C6D0C0
#C6D1BF
#C6D1BF
#C6D1BF
#C3CFC4
#C3CFC4
#C3D0C3
#C3D0C3
#C3D0C3
#C3D1C2
#C3D1C2
#C0CEC8
#C0CEC8
#C0CFC7
#C0CFC7
#C0D0C6
#C0D0C6
#C0D1C5
#BCCECC
#BCCECC
#BCCFCB
#BCCFCB
#BCD0CA
#BCD0CA
#BCD1C9
#B8CDD1
#B8CED0
#B8CED0
#B8CFCF
#B8D0CE
#B8D0CE
#B8D1CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts