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 #E2E4A3 to #E2A3E4 and to #E4E2A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2DAAD
#E2DCAB
#E2DDAA
#E2DFA8
#E2E0A7
#E2E2A5
#E2E4A3
#E2CFB8
#E2D2B5
#E2D5B1
#E2D9AE
#E3DCAB
#E3DFA7
#E3E3A3
#E2C5C2
#E2CABD
#E2CFB8
#E2D3B3
#E3D8AE
#E3DDA9
#E3E3A3
#E2BACD
#E2C1C6
#E2C7C0
#E2CEB9
#E3D4B2
#E3DBAB
#E3E3A3
#E2B0D7
#E2B8CF
#E3C0C6
#E3C8BE
#E3D0B6
#E4D8AD
#E4E2A3
#E2A3E4
#E2ADDA
#E3B7CF
#E3C1C5
#E3CBBA
#E4D5B0
#E4E2A3
Colorpallet from #E2E4A3 to #E2A3E4 and to #E4A3E2
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2DAAD
#E2DAAD
#E2DAAD
#E2DAAD
#E2DAAD
#E2DAAD
#E2DAAD
#E2CFB8
#E2CFB8
#E2CFB8
#E2CFB8
#E3CFB7
#E3CFB7
#E3CFB7
#E2C5C2
#E2C5C2
#E2C5C2
#E2C5C2
#E3C5C1
#E3C5C1
#E3C5C1
#E2BACD
#E2BACD
#E2BACC
#E2BACC
#E3BACC
#E3BACB
#E3BACB
#E2B0D7
#E2B0D7
#E3B0D6
#E3B0D6
#E3B0D6
#E4B0D5
#E4B0D5
#E2A3E4
#E2A3E4
#E3A3E3
#E3A3E3
#E3A3E3
#E4A3E2
#E4A3E2
Colorpallet from #E2E4A3 to #E2A3E4 and to #A3E2E4
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2DAAD
#E0DCAD
#DFDDAD
#DDDFAD
#DCE0AD
#DAE2AD
#D8E4AD
#E2CFB8
#DFD2B8
#DCD5B8
#D8D9B8
#D5DCB8
#D2DFB8
#CEE3B8
#E2C5C2
#DDCAC2
#D8CFC2
#D4D3C2
#CFD8C2
#CADDC2
#C4E3C2
#E2BACD
#DCC1CD
#D5C7CD
#CFCECD
#C8D4CD
#C2DBCD
#BAE3CD
#E2B0D7
#DAB8D7
#D2C0D7
#CAC8D7
#C2D0D7
#BAD8D7
#B0E2D7
#E2A3E4
#D8ADE4
#CEB7E4
#C4C1E4
#BACBE4
#B0D5E4
#A3E2E4
Colorpallet from #E2E4A3 to #E2A3E4 and to #A3E4E2
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2DAAD
#E0DCAD
#DFDDAD
#DDDFAD
#DCE0AD
#DAE2AD
#D8E4AD
#E2CFB8
#DFD2B8
#DCD6B8
#D8D9B8
#D5DCB7
#D2E0B7
#CEE4B7
#E2C5C2
#DDCAC2
#D8CFC2
#D4D4C2
#CFD9C1
#CADEC1
#C4E4C1
#E2BACD
#DCC1CD
#D5C7CC
#CFCECC
#C8D5CC
#C2DCCB
#BAE4CB
#E2B0D7
#DAB8D7
#D2C1D6
#CAC9D6
#C2D1D6
#BADAD5
#B0E4D5
#E2A3E4
#D8ADE4
#CEB8E3
#C4C2E3
#BACDE3
#B0D7E2
#A3E4E2
Colorpallet from #E2E4A3 to #E4E2A3 and to #E4A3E2
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E2A5
#E2E1A6
#E2DFA8
#E2DEA9
#E2DCAB
#E2DAAD
#E3E3A3
#E3E0A6
#E3DDA9
#E3D9AD
#E3D6B0
#E3D3B3
#E3CFB7
#E3E3A3
#E3DEA8
#E3D9AD
#E3D5B1
#E3D0B6
#E3CBBB
#E3C5C1
#E3E3A3
#E3DCA9
#E3D6B0
#E3CFB6
#E3C9BD
#E3C2C3
#E3BACB
#E4E2A3
#E4DAAB
#E4D2B3
#E4CABB
#E4C2C3
#E4BACB
#E4B0D5
#E4E2A3
#E4D8AD
#E4CEB7
#E4C4C1
#E4BACB
#E4B0D5
#E4A3E2
Colorpallet from #E2E4A3 to #E4E2A3 and to #A3E2E4
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E0E4A5
#DFE4A6
#DDE4A8
#DCE4A9
#DAE4AB
#D8E4AD
#E3E3A3
#E0E3A6
#DCE3AA
#D9E3AD
#D6E3B0
#D2E3B4
#CEE3B8
#E3E3A3
#DEE3A8
#D9E3AD
#D4E3B2
#CFE3B7
#CAE3BC
#C4E3C2
#E3E3A3
#DCE3AA
#D6E3B0
#CFE3B7
#C9E3BE
#C2E3C5
#BAE3CD
#E4E2A3
#DCE2AB
#D3E2B4
#CBE2BC
#C3E2C4
#BAE2CD
#B0E2D7
#E4E2A3
#DAE2AD
#CFE2B8
#C5E2C2
#BAE2CD
#B0E2D7
#A3E2E4
Colorpallet from #E2E4A3 to #E4E2A3 and to #A3E4E2
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E0E4A5
#DFE4A6
#DDE4A8
#DCE4A9
#DAE4AB
#D8E4AD
#E3E3A3
#E0E3A6
#DCE3A9
#D9E3AD
#D6E4B0
#D2E4B3
#CEE4B7
#E3E3A3
#DEE3A8
#D9E3AD
#D4E3B1
#CFE4B6
#CAE4BB
#C4E4C1
#E3E3A3
#DCE3A9
#D6E3B0
#CFE3B6
#C9E4BD
#C2E4C3
#BAE4CB
#E4E2A3
#DCE2AB
#D3E3B3
#CBE3BB
#C3E3C3
#BAE4CB
#B0E4D5
#E4E2A3
#DAE2AD
#CFE3B7
#C5E3C1
#BAE3CB
#B0E4D5
#A3E4E2
Colorpallet from #E2E4A3 to #E4A3E2 and to #A3E2E4
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2DAAD
#E0DCAD
#DFDDAD
#DDDFAD
#DCE0AD
#DAE2AD
#D8E4AD
#E3CFB7
#E0D2B7
#DCD5B7
#D9D9B7
#D6DCB8
#D2DFB8
#CEE3B8
#E3C5C1
#DECAC1
#D9CFC1
#D4D3C1
#CFD8C2
#CADDC2
#C4E3C2
#E3BACB
#DCC1CB
#D6C7CC
#CFCECC
#C9D4CC
#C2DBCD
#BAE3CD
#E4B0D5
#DCB8D5
#D3C0D6
#CBC8D6
#C3D0D6
#BAD8D7
#B0E2D7
#E4A3E2
#DAADE2
#CFB7E3
#C5C1E3
#BACBE3
#B0D5E4
#A3E2E4
Colorpallet from #E2E4A3 to #E4A3E2 and to #A3E4E2
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2DAAD
#E0DCAD
#DFDDAD
#DDDFAD
#DCE0AD
#DAE2AD
#D8E4AD
#E3CFB7
#E0D2B7
#DCD6B7
#D9D9B7
#D6DCB7
#D2E0B7
#CEE4B7
#E3C5C1
#DECAC1
#D9CFC1
#D4D4C1
#CFD9C1
#CADEC1
#C4E4C1
#E3BACB
#DCC1CB
#D6C7CB
#CFCECB
#C9D5CB
#C2DCCB
#BAE4CB
#E4B0D5
#DCB8D5
#D3C1D5
#CBC9D5
#C3D1D5
#BADAD5
#B0E4D5
#E4A3E2
#DAADE2
#CFB8E2
#C5C2E2
#BACDE2
#B0D7E2
#A3E4E2
Colorpallet from #E2E4A3 to #A3E2E4 and to #A3E4E2
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#E2E4A3
#D8E4AD
#D8E4AD
#D8E4AD
#D8E4AD
#D8E4AD
#D8E4AD
#D8E4AD
#CEE3B8
#CEE3B8
#CEE3B8
#CEE3B8
#CEE4B7
#CEE4B7
#CEE4B7
#C4E3C2
#C4E3C2
#C4E3C2
#C4E3C2
#C4E4C1
#C4E4C1
#C4E4C1
#BAE3CD
#BAE3CD
#BAE3CC
#BAE3CC
#BAE4CC
#BAE4CB
#BAE4CB
#B0E2D7
#B0E2D7
#B0E3D6
#B0E3D6
#B0E3D6
#B0E4D5
#B0E4D5
#A3E2E4
#A3E2E4
#A3E3E3
#A3E3E3
#A3E3E3
#A3E4E2
#A3E4E2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts