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 #ABCED4 to #ABD4CE and to #CEABD4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCFD3
#ACCED3
#ADCDD3
#AECCD3
#AFCBD4
#B0C9D4
#B1C8D4
#ABD0D2
#ADCED2
#AFCCD3
#B0CAD3
#B2C8D3
#B4C6D4
#B6C3D4
#ABD1D1
#AECED1
#B0CBD2
#B3C7D2
#B6C4D3
#B9C1D3
#BCBDD4
#ABD2D0
#AFCED1
#B2CAD1
#B6C6D2
#B9C1D3
#BDBDD3
#C1B8D4
#ABD3CF
#AFCED0
#B4C8D1
#B8C3D1
#BDBED2
#C1B9D3
#C7B2D4
#ABD4CE
#B1CDCF
#B6C7D0
#BCC0D1
#C1BAD2
#C7B3D3
#CEABD4
Colorpallet from #ABCED4 to #ABD4CE and to #CED4AB
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCFD3
#ACCFD2
#ADCFD1
#AECFD0
#AFCFCF
#B0CFCE
#B1CFCD
#ABD0D2
#ADD0D0
#AFD0CE
#B0D0CD
#B2D0CB
#B4D0C9
#B6D0C7
#ABD1D1
#AED1CE
#B0D1CC
#B3D1C9
#B6D1C6
#B9D1C3
#BCD1C0
#ABD2D0
#AFD2CC
#B2D2C9
#B6D2C5
#B9D2C2
#BDD2BE
#C1D2BA
#ABD3CF
#AFD3CB
#B4D3C6
#B8D3C2
#BDD3BD
#C1D3B9
#C7D3B3
#ABD4CE
#B1D4C8
#B6D4C3
#BCD4BD
#C1D4B8
#C7D4B2
#CED4AB
Colorpallet from #ABCED4 to #ABD4CE and to #D4ABCE
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCFD3
#ACCED3
#ADCDD3
#AECCD3
#AFCBD3
#B1C9D3
#B2C8D3
#ABD0D2
#ADCED2
#AFCCD2
#B1CAD2
#B3C8D2
#B5C6D2
#B8C3D2
#ABD1D1
#AECED1
#B1CBD1
#B5C7D1
#B8C4D1
#BBC1D1
#BFBDD1
#ABD2D0
#AFCED0
#B3CAD0
#B7C6D0
#BCC1D0
#C0BDD0
#C5B8D0
#ABD3CF
#B0CECF
#B6C8CF
#BBC3CF
#C0BECF
#C5B9CF
#CCB2CF
#ABD4CE
#B2CDCE
#B8C7CE
#BFC0CE
#C5BACE
#CCB3CE
#D4ABCE
Colorpallet from #ABCED4 to #ABD4CE and to #D4CEAB
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCFD3
#ACCFD2
#ADCFD1
#AECFD0
#AFCECF
#B1CECE
#B2CECD
#ABD0D2
#ADD0D0
#AFCFCE
#B1CFCD
#B3CFCB
#B5CEC9
#B8CEC7
#ABD1D1
#AED1CE
#B1D0CC
#B5D0C9
#B8CFC6
#BBCFC3
#BFCEC0
#ABD2D0
#AFD1CC
#B3D1C9
#B7D0C5
#BCCFC2
#C0CFBE
#C5CEBA
#ABD3CF
#B0D2CB
#B6D1C6
#BBD1C2
#C0D0BD
#C5CFB9
#CCCEB3
#ABD4CE
#B2D3C8
#B8D2C3
#BFD1BD
#C5D0B8
#CCCFB2
#D4CEAB
Colorpallet from #ABCED4 to #CEABD4 and to #CED4AB
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#B1C8D4
#B1C9D3
#B1CAD2
#B1CBD1
#B1CCD0
#B1CECE
#B1CFCD
#B6C3D4
#B6C5D2
#B6C7D0
#B6C9CE
#B6CBCC
#B6CDCA
#B6D0C7
#BCBDD4
#BCC0D1
#BCC3CE
#BCC7CA
#BCCAC7
#BCCDC4
#BCD1C0
#C1B8D4
#C1BCD0
#C1C0CC
#C1C4C8
#C1C9C3
#C1CDBF
#C1D2BA
#C7B2D4
#C7B7CF
#C7BDC9
#C7C2C4
#C7C7BF
#C7CCBA
#C7D3B3
#CEABD4
#CEB2CD
#CEB8C7
#CEBFC0
#CEC5BA
#CECCB3
#CED4AB
Colorpallet from #ABCED4 to #CEABD4 and to #D4ABCE
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#B1C8D4
#B1C8D4
#B1C8D4
#B1C8D4
#B2C8D3
#B2C8D3
#B2C8D3
#B6C3D4
#B6C3D4
#B7C3D3
#B7C3D3
#B7C3D3
#B8C3D2
#B8C3D2
#BCBDD4
#BCBDD4
#BDBDD3
#BDBDD3
#BEBDD2
#BEBDD2
#BFBDD1
#C1B8D4
#C2B8D3
#C2B8D3
#C3B8D2
#C4B8D1
#C4B8D1
#C5B8D0
#C7B2D4
#C8B2D3
#C9B2D2
#C9B2D2
#CAB2D1
#CBB2D0
#CCB2CF
#CEABD4
#CFABD3
#D0ABD2
#D1ABD1
#D2ABD0
#D3ABCF
#D4ABCE
Colorpallet from #ABCED4 to #CEABD4 and to #D4CEAB
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#B1C8D4
#B1C9D3
#B1CAD2
#B1CBD1
#B2CCD0
#B2CDCE
#B2CECD
#B6C3D4
#B6C5D2
#B7C7D0
#B7C8CE
#B7CACC
#B8CCCA
#B8CEC7
#BCBDD4
#BCC0D1
#BDC2CE
#BDC5CA
#BEC8C7
#BECBC4
#BFCEC0
#C1B8D4
#C2BCD0
#C2BFCC
#C3C3C8
#C4C6C3
#C4CABF
#C5CEBA
#C7B2D4
#C8B6CF
#C9BBC9
#C9BFC4
#CAC4BF
#CBC8BA
#CCCEB3
#CEABD4
#CFB1CD
#D0B6C7
#D1BCC0
#D2C1BA
#D3C7B3
#D4CEAB
Colorpallet from #ABCED4 to #CED4AB and to #D4ABCE
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#B1CFCD
#B1CECE
#B1CDCF
#B1CCD0
#B2CBD1
#B2C9D2
#B2C8D3
#B6D0C7
#B6CEC9
#B7CCCB
#B7CACC
#B7C8CE
#B8C6D0
#B8C3D2
#BCD1C0
#BCCEC3
#BDCBC5
#BDC7C8
#BEC4CB
#BEC1CE
#BFBDD1
#C1D2BA
#C2CEBE
#C2CAC1
#C3C6C5
#C4C1C8
#C4BDCC
#C5B8D0
#C7D3B3
#C8CEB7
#C9C8BC
#C9C3C0
#CABEC5
#CBB9C9
#CCB2CF
#CED4AB
#CFCDB1
#D0C7B6
#D1C0BC
#D2BAC1
#D3B3C7
#D4ABCE
Colorpallet from #ABCED4 to #CED4AB and to #D4CEAB
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#B1CFCD
#B1CFCD
#B1CFCD
#B1CFCD
#B2CECD
#B2CECD
#B2CECD
#B6D0C7
#B6D0C7
#B7CFC7
#B7CFC7
#B7CFC7
#B8CEC7
#B8CEC7
#BCD1C0
#BCD1C0
#BDD0C0
#BDD0C0
#BECFC0
#BECFC0
#BFCEC0
#C1D2BA
#C2D1BA
#C2D1BA
#C3D0BA
#C4CFBA
#C4CFBA
#C5CEBA
#C7D3B3
#C8D2B3
#C9D1B3
#C9D1B3
#CAD0B3
#CBCFB3
#CCCEB3
#CED4AB
#CFD3AB
#D0D2AB
#D1D1AB
#D2D0AB
#D3CFAB
#D4CEAB
Colorpallet from #ABCED4 to #D4ABCE and to #D4CEAB
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#ABCED4
#B2C8D3
#B2C9D2
#B2CAD1
#B2CBD0
#B2CCCF
#B2CDCE
#B2CECD
#B8C3D2
#B8C5D0
#B8C7CE
#B8C8CD
#B8CACB
#B8CCC9
#B8CEC7
#BFBDD1
#BFC0CE
#BFC2CC
#BFC5C9
#BFC8C6
#BFCBC3
#BFCEC0
#C5B8D0
#C5BCCC
#C5BFC9
#C5C3C5
#C5C6C2
#C5CABE
#C5CEBA
#CCB2CF
#CCB6CB
#CCBBC6
#CCBFC2
#CCC4BD
#CCC8B9
#CCCEB3
#D4ABCE
#D4B1C8
#D4B6C3
#D4BCBD
#D4C1B8
#D4C7B2
#D4CEAB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts