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 #C4E0A4 to #C4A4E0 and to #E0C4A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4D6AE
#C5D7AC
#C5D8AB
#C6D9A9
#C7DAA8
#C7DBA6
#C8DCA4
#C4CDB7
#C5CFB4
#C7D0B1
#C8D2AE
#CAD3AB
#CBD5A8
#CDD7A4
#C4C3C1
#C6C6BC
#C8C8B8
#CACBB3
#CCCDAE
#CED0AA
#D1D3A4
#C4BACA
#C7BDC4
#CAC0BE
#CDC4B8
#D0C7B2
#D2CAAC
#D6CEA4
#C4B0D4
#C8B4CC
#CBB8C5
#CFBCBD
#D2C1B5
#D6C5AE
#DACAA4
#C4A4E0
#C8A9D6
#CDAECD
#D1B3C3
#D6B8BA
#DABEB0
#E0C4A4
Colorpallet from #C4E0A4 to #C4A4E0 and to #E0A4C4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4D6AE
#C5D6AD
#C5D6AC
#C6D6AC
#C7D6AB
#C7D6AA
#C8D6A9
#C4CDB7
#C5CDB6
#C7CDB4
#C8CDB3
#CACDB1
#CBCDB0
#CDCDAE
#C4C3C1
#C6C3BF
#C8C3BD
#CAC3BA
#CCC3B8
#CEC3B6
#D1C3B3
#C4BACA
#C7BAC7
#CABAC4
#CDBAC1
#D0BABE
#D2BABC
#D6BAB8
#C4B0D4
#C8B0D0
#CBB0CD
#CFB0C9
#D2B0C6
#D6B0C2
#DAB0BE
#C4A4E0
#C8A4DC
#CDA4D7
#D1A4D3
#D6A4CE
#DAA4CA
#E0A4C4
Colorpallet from #C4E0A4 to #C4A4E0 and to #A4C4E0
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4D6AE
#C3D7AE
#C2D8AE
#C2D9AE
#C1DAAE
#C0DBAE
#BFDCAE
#C4CDB7
#C2CFB7
#C1D0B7
#BFD2B7
#BED3B7
#BCD5B7
#BAD7B7
#C4C3C1
#C2C6C1
#BFC8C1
#BDCBC1
#BACDC1
#B8D0C1
#B5D3C1
#C4BACA
#C1BDCA
#BEC0CA
#BAC4CA
#B7C7CA
#B4CACA
#B0CECA
#C4B0D4
#C0B4D4
#BCB8D4
#B8BCD4
#B3C1D4
#AFC5D4
#AACAD4
#C4A4E0
#BFA9E0
#BAAEE0
#B5B3E0
#B0B8E0
#AABEE0
#A4C4E0
Colorpallet from #C4E0A4 to #C4A4E0 and to #A4E0C4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4D6AE
#C3D8AD
#C2D9AC
#C2DBAC
#C1DCAB
#C0DEAA
#BFE0A9
#C4CDB7
#C2D0B6
#C1D3B4
#BFD6B3
#BED9B1
#BCDCB0
#BAE0AE
#C4C3C1
#C2C8BF
#BFCCBD
#BDD1BA
#BAD6B8
#B8DAB6
#B5E0B3
#C4BACA
#C1C0C7
#BEC6C4
#BACCC1
#B7D2BE
#B4D8BC
#B0E0B8
#C4B0D4
#C0B8D0
#BCBFCD
#B8C7C9
#B3CFC6
#AFD6C2
#AAE0BE
#C4A4E0
#BFAEDC
#BAB7D7
#B5C1D3
#B0CACE
#AAD4CA
#A4E0C4
Colorpallet from #C4E0A4 to #E0C4A4 and to #E0A4C4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C8DCA4
#C8DBA5
#C8DAA6
#C8D9A6
#C8D8A7
#C8D7A8
#C8D6A9
#CDD7A4
#CDD5A6
#CDD4A7
#CDD2A9
#CDD1AA
#CDCFAC
#CDCDAE
#D1D3A4
#D1D0A6
#D1CEA9
#D1CBAB
#D1C9AE
#D1C6B0
#D1C3B3
#D6CEA4
#D6CBA7
#D6C8AA
#D6C4AE
#D6C1B1
#D6BEB4
#D6BAB8
#DACAA4
#DAC6A8
#DAC2AC
#DABEB0
#DAB9B5
#DAB5B9
#DAB0BE
#E0C4A4
#E0BFA9
#E0BAAE
#E0B5B3
#E0B0B8
#E0AABE
#E0A4C4
Colorpallet from #C4E0A4 to #E0C4A4 and to #A4C4E0
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C8DCA4
#C7DCA6
#C5DCA7
#C4DCA9
#C2DCAA
#C1DCAC
#BFDCAE
#CDD7A4
#CAD7A7
#C7D7AA
#C4D7AD
#C1D7B0
#BED7B3
#BAD7B7
#D1D3A4
#CDD3A9
#C8D3AD
#C4D3B2
#BFD3B7
#BBD3BB
#B5D3C1
#D6CEA4
#D0CEAA
#CACEB0
#C4CEB6
#BECEBC
#B8CEC2
#B0CECA
#DACAA4
#D2CAAC
#CBCAB3
#C3CABB
#BBCAC3
#B4CACA
#AACAD4
#E0C4A4
#D6C4AE
#CDC4B7
#C3C4C1
#BAC4CA
#B0C4D4
#A4C4E0
Colorpallet from #C4E0A4 to #E0C4A4 and to #A4E0C4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C8DCA4
#C7DDA5
#C5DDA6
#C4DEA6
#C2DFA7
#C1DFA8
#BFE0A9
#CDD7A4
#CAD8A6
#C7DAA7
#C4DBA9
#C1DDAA
#BEDEAC
#BAE0AE
#D1D3A4
#CDD5A6
#C8D7A9
#C4D9AB
#BFDBAE
#BBDDB0
#B5E0B3
#D6CEA4
#D0D1A7
#CAD4AA
#C4D7AE
#BEDAB1
#B8DCB4
#B0E0B8
#DACAA4
#D2CEA8
#CBD1AC
#C3D5B0
#BBD8B5
#B4DCB9
#AAE0BE
#E0C4A4
#D6C8A9
#CDCDAE
#C3D1B3
#BAD6B8
#B0DABE
#A4E0C4
Colorpallet from #C4E0A4 to #E0A4C4 and to #A4C4E0
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C8D6A9
#C7D7AA
#C5D8AB
#C4D9AB
#C2DAAC
#C1DBAD
#BFDCAE
#CDCDAE
#CACFAF
#C7D0B1
#C4D2B2
#C1D3B4
#BED5B5
#BAD7B7
#D1C3B3
#CDC6B5
#C8C8B7
#C4CBBA
#BFCDBC
#BBD0BE
#B5D3C1
#D6BAB8
#D0BDBB
#CAC0BE
#C4C4C1
#BEC7C4
#B8CAC6
#B0CECA
#DAB0BE
#D2B4C2
#CBB8C5
#C3BCC9
#BBC1CC
#B4C5D0
#AACAD4
#E0A4C4
#D6A9C8
#CDAECD
#C3B3D1
#BAB8D6
#B0BEDA
#A4C4E0
Colorpallet from #C4E0A4 to #E0A4C4 and to #A4E0C4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C8D6A9
#C7D8A9
#C5D9A9
#C4DBA9
#C2DCA9
#C1DEA9
#BFE0A9
#CDCDAE
#CAD0AE
#C7D3AE
#C4D6AE
#C1D9AE
#BEDCAE
#BAE0AE
#D1C3B3
#CDC8B3
#C8CCB3
#C4D1B3
#BFD6B3
#BBDAB3
#B5E0B3
#D6BAB8
#D0C0B8
#CAC6B8
#C4CCB8
#BED2B8
#B8D8B8
#B0E0B8
#DAB0BE
#D2B8BE
#CBBFBE
#C3C7BE
#BBCFBE
#B4D6BE
#AAE0BE
#E0A4C4
#D6AEC4
#CDB7C4
#C3C1C4
#BACAC4
#B0D4C4
#A4E0C4
Colorpallet from #C4E0A4 to #A4C4E0 and to #A4E0C4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#C4E0A4
#BFDCAE
#BFDDAD
#BFDDAC
#BFDEAC
#BFDFAB
#BFDFAA
#BFE0A9
#BAD7B7
#BAD8B6
#BADAB4
#BADBB3
#BADDB1
#BADEB0
#BAE0AE
#B5D3C1
#B5D5BF
#B5D7BD
#B5D9BA
#B5DBB8
#B5DDB6
#B5E0B3
#B0CECA
#B0D1C7
#B0D4C4
#B0D7C1
#B0DABE
#B0DCBC
#B0E0B8
#AACAD4
#AACED0
#AAD1CD
#AAD5C9
#AAD8C6
#AADCC2
#AAE0BE
#A4C4E0
#A4C8DC
#A4CDD7
#A4D1D3
#A4D6CE
#A4DACA
#A4E0C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
