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 #ABD5CE to #ABCED5 and to #D5ABCE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD4CF
#ACD3CF
#ADD2CF
#AED1CF
#AFD0CE
#B1CFCE
#B2CECE
#ABD3D0
#ADD1D0
#AFCFCF
#B1CECF
#B3CCCF
#B5CACE
#B8C8CE
#ABD2D1
#AECFD1
#B1CDD0
#B5CAD0
#B8C7CF
#BBC4CF
#BFC1CE
#ABD1D2
#AFCDD1
#B4CAD1
#B8C6D0
#BCC2CF
#C1BFCF
#C6BACE
#ABCFD4
#B0CBD3
#B6C6D2
#BBC2D1
#C1BDD0
#C6B9CF
#CDB3CE
#ABCED5
#B2C8D4
#B8C3D3
#BFBDD2
#C6B8D1
#CDB2CF
#D5ABCE
Colorpallet from #ABD5CE to #ABCED5 and to #D5CEAB
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD4CF
#ACD4CE
#ADD4CD
#AED4CC
#AFD4CB
#B1D4C9
#B2D4C8
#ABD3D0
#ADD3CE
#AFD3CC
#B1D3CA
#B3D3C8
#B5D3C6
#B8D3C3
#ABD2D1
#AED2CE
#B1D2CB
#B5D2C7
#B8D2C4
#BBD2C1
#BFD2BD
#ABD1D2
#AFD1CE
#B4D1CA
#B8D1C6
#BCD1C1
#C1D1BD
#C6D1B8
#ABCFD4
#B0CFCF
#B6CFC9
#BBCFC4
#C1CFBE
#C6CFB9
#CDCFB2
#ABCED5
#B2CECE
#B8CEC8
#BFCEC1
#C6CEBA
#CDCEB3
#D5CEAB
Colorpallet from #ABD5CE to #ABCED5 and to #CEABD5
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD4CF
#ACD3CF
#ADD2CF
#AED1CF
#AFD0CF
#B0CFCF
#B1CECF
#ABD3D0
#ADD1D0
#AFCFD0
#B0CED0
#B2CCD0
#B4CAD0
#B6C8D0
#ABD2D1
#AECFD1
#B0CDD1
#B3CAD1
#B6C7D1
#B9C4D1
#BCC1D1
#ABD1D2
#AFCDD2
#B2CAD2
#B6C6D2
#B9C2D2
#BDBFD2
#C1BAD2
#ABCFD4
#AFCBD4
#B4C6D4
#B8C2D4
#BDBDD4
#C1B9D4
#C7B3D4
#ABCED5
#B1C8D5
#B6C3D5
#BCBDD5
#C1B8D5
#C7B2D5
#CEABD5
Colorpallet from #ABD5CE to #ABCED5 and to #CED5AB
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD4CF
#ACD4CE
#ADD4CD
#AED4CC
#AFD5CB
#B0D5C9
#B1D5C8
#ABD3D0
#ADD3CE
#AFD4CC
#B0D4CA
#B2D4C8
#B4D5C6
#B6D5C3
#ABD2D1
#AED2CE
#B0D3CB
#B3D3C7
#B6D4C4
#B9D4C1
#BCD5BD
#ABD1D2
#AFD2CE
#B2D2CA
#B6D3C6
#B9D4C1
#BDD4BD
#C1D5B8
#ABCFD4
#AFD0CF
#B4D1C9
#B8D2C4
#BDD3BE
#C1D4B9
#C7D5B2
#ABCED5
#B1CFCE
#B6D0C8
#BCD1C1
#C1D2BA
#C7D4B3
#CED5AB
Colorpallet from #ABD5CE to #D5ABCE and to #D5CEAB
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#B2CECE
#B2CFCD
#B2D0CC
#B2D1CB
#B2D2CA
#B2D3C9
#B2D4C8
#B8C8CE
#B8CACC
#B8CCCA
#B8CDC9
#B8CFC7
#B8D1C5
#B8D3C3
#BFC1CE
#BFC4CB
#BFC6C9
#BFC9C6
#BFCCC3
#BFCFC0
#BFD2BD
#C6BACE
#C6BECA
#C6C1C7
#C6C5C3
#C6C9C0
#C6CCBC
#C6D1B8
#CDB3CE
#CDB7CA
#CDBCC5
#CDC0C1
#CDC5BC
#CDC9B8
#CDCFB2
#D5ABCE
#D5B1C8
#D5B6C3
#D5BCBD
#D5C1B8
#D5C7B2
#D5CEAB
Colorpallet from #ABD5CE to #D5ABCE and to #CEABD5
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#B2CECE
#B2CECE
#B2CECE
#B2CECE
#B1CECF
#B1CECF
#B1CECF
#B8C8CE
#B8C8CE
#B7C8CF
#B7C8CF
#B7C8CF
#B6C8D0
#B6C8D0
#BFC1CE
#BFC1CE
#BEC1CF
#BEC1CF
#BDC1D0
#BDC1D0
#BCC1D1
#C6BACE
#C5BACF
#C4BACF
#C4BAD0
#C3BAD1
#C2BAD1
#C1BAD2
#CDB3CE
#CCB3CF
#CBB3D0
#CAB3D1
#C9B3D2
#C8B3D3
#C7B3D4
#D5ABCE
#D4ABCF
#D3ABD0
#D2ABD1
#D1ABD2
#CFABD4
#CEABD5
Colorpallet from #ABD5CE to #D5ABCE and to #CED5AB
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#B2CECE
#B2CFCD
#B2D0CC
#B2D1CB
#B1D2CA
#B1D4C9
#B1D5C8
#B8C8CE
#B8CACC
#B7CCCA
#B7CEC9
#B7D0C7
#B6D2C5
#B6D5C3
#BFC1CE
#BFC4CB
#BEC7C9
#BECBC6
#BDCEC3
#BDD1C0
#BCD5BD
#C6BACE
#C5BECA
#C4C3C7
#C4C7C3
#C3CBC0
#C2D0BC
#C1D5B8
#CDB3CE
#CCB8CA
#CBBEC5
#CAC3C1
#C9C9BC
#C8CEB8
#C7D5B2
#D5ABCE
#D4B2C8
#D3B8C3
#D2BFBD
#D1C6B8
#CFCDB2
#CED5AB
Colorpallet from #ABD5CE to #D5CEAB and to #CEABD5
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#B2D4C8
#B2D3C9
#B2D2CA
#B2D1CB
#B1D0CC
#B1CFCE
#B1CECF
#B8D3C3
#B8D1C5
#B7CFC7
#B7CEC9
#B7CCCB
#B6CACD
#B6C8D0
#BFD2BD
#BFCFC0
#BECDC3
#BECAC7
#BDC7CA
#BDC4CD
#BCC1D1
#C6D1B8
#C5CDBC
#C4CAC0
#C4C6C4
#C3C2C9
#C2BFCD
#C1BAD2
#CDCFB2
#CCCBB7
#CBC6BD
#CAC2C2
#C9BDC8
#C8B9CD
#C7B3D4
#D5CEAB
#D4C8B2
#D3C3B8
#D2BDBF
#D1B8C6
#CFB2CD
#CEABD5
Colorpallet from #ABD5CE to #D5CEAB and to #CED5AB
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#B2D4C8
#B2D4C8
#B2D4C8
#B2D4C8
#B1D5C8
#B1D5C8
#B1D5C8
#B8D3C3
#B8D3C3
#B7D4C3
#B7D4C3
#B7D4C3
#B6D5C3
#B6D5C3
#BFD2BD
#BFD2BD
#BED3BD
#BED3BD
#BDD4BD
#BDD4BD
#BCD5BD
#C6D1B8
#C5D2B8
#C4D2B8
#C4D3B8
#C3D4B8
#C2D4B8
#C1D5B8
#CDCFB2
#CCD0B2
#CBD1B2
#CAD2B2
#C9D3B2
#C8D4B2
#C7D5B2
#D5CEAB
#D4CFAB
#D3D0AB
#D2D1AB
#D1D2AB
#CFD4AB
#CED5AB
Colorpallet from #ABD5CE to #CEABD5 and to #CED5AB
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#ABD5CE
#B1CECF
#B1CFCE
#B1D0CD
#B1D1CC
#B1D2CB
#B1D4C9
#B1D5C8
#B6C8D0
#B6CACE
#B6CCCC
#B6CECA
#B6D0C8
#B6D2C6
#B6D5C3
#BCC1D1
#BCC4CE
#BCC7CB
#BCCBC7
#BCCEC4
#BCD1C1
#BCD5BD
#C1BAD2
#C1BECE
#C1C3CA
#C1C7C6
#C1CBC1
#C1D0BD
#C1D5B8
#C7B3D4
#C7B8CF
#C7BEC9
#C7C3C4
#C7C9BE
#C7CEB9
#C7D5B2
#CEABD5
#CEB2CE
#CEB8C8
#CEBFC1
#CEC6BA
#CECDB3
#CED5AB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
