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 #BFE2E6 to #BFE6E2 and to #E2BFE6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE3E5
#C0E2E5
#C1E1E5
#C2E0E5
#C3DFE6
#C4DDE6
#C5DCE6
#BFE3E5
#C1E1E5
#C3DFE5
#C4DDE5
#C6DBE6
#C8D9E6
#CAD7E6
#BFE4E4
#C2E1E4
#C4DEE5
#C7DBE5
#CAD8E5
#CDD5E6
#D0D1E6
#BFE5E3
#C3E1E3
#C6DDE4
#CAD9E4
#CDD5E5
#D1D1E5
#D5CCE6
#BFE5E3
#C3E0E3
#C8DBE4
#CCD6E4
#D1D1E5
#D5CCE5
#DBC6E6
#BFE6E2
#C5E0E3
#CADAE3
#D0D3E4
#D5CDE5
#DBC7E5
#E2BFE6
Colorpallet from #BFE2E6 to #BFE6E2 and to #E2E6BF
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE3E5
#C0E3E4
#C1E3E3
#C2E3E3
#C3E3E2
#C4E3E1
#C5E3E0
#BFE3E5
#C1E3E3
#C3E3E1
#C4E3E0
#C6E3DE
#C8E3DC
#CAE3DA
#BFE4E4
#C2E4E1
#C4E4DF
#C7E4DC
#CAE4D9
#CDE4D6
#D0E4D3
#BFE5E3
#C3E5DF
#C6E5DC
#CAE5D8
#CDE5D5
#D1E5D1
#D5E5CD
#BFE5E3
#C3E5DF
#C8E5DA
#CCE5D6
#D1E5D1
#D5E5CD
#DBE5C7
#BFE6E2
#C5E6DC
#CAE6D7
#D0E6D1
#D5E6CC
#DBE6C6
#E2E6BF
Colorpallet from #BFE2E6 to #BFE6E2 and to #E6BFE2
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE3E5
#C0E2E5
#C1E1E5
#C2E0E5
#C3DFE5
#C4DDE5
#C5DCE5
#BFE3E5
#C1E1E5
#C3DFE5
#C5DDE5
#C7DBE5
#C9D9E5
#CBD7E5
#BFE4E4
#C2E1E4
#C5DEE4
#C8DBE4
#CBD8E4
#CED5E4
#D2D1E4
#BFE5E3
#C3E1E3
#C7DDE3
#CBD9E3
#CFD5E3
#D3D1E3
#D8CCE3
#BFE5E3
#C4E0E3
#C9DBE3
#CED6E3
#D3D1E3
#D8CCE3
#DEC6E3
#BFE6E2
#C5E0E2
#CBDAE2
#D2D3E2
#D8CDE2
#DEC7E2
#E6BFE2
Colorpallet from #BFE2E6 to #BFE6E2 and to #E6E2BF
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE3E5
#C0E3E4
#C1E3E3
#C2E3E3
#C3E2E2
#C4E2E1
#C5E2E0
#BFE3E5
#C1E3E3
#C3E3E1
#C5E3E0
#C7E2DE
#C9E2DC
#CBE2DA
#BFE4E4
#C2E4E1
#C5E3DF
#C8E3DC
#CBE3D9
#CEE2D6
#D2E2D3
#BFE5E3
#C3E5DF
#C7E4DC
#CBE4D8
#CFE3D5
#D3E3D1
#D8E2CD
#BFE5E3
#C4E5DF
#C9E4DA
#CEE4D6
#D3E3D1
#D8E3CD
#DEE2C7
#BFE6E2
#C5E5DC
#CBE5D7
#D2E4D1
#D8E3CC
#DEE3C6
#E6E2BF
Colorpallet from #BFE2E6 to #E2BFE6 and to #E2E6BF
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#C5DCE6
#C5DDE5
#C5DEE4
#C5DFE3
#C5E0E2
#C5E2E1
#C5E3E0
#CAD7E6
#CAD9E4
#CADBE2
#CADDE0
#CADFDE
#CAE1DC
#CAE3DA
#D0D1E6
#D0D4E3
#D0D7E0
#D0DADD
#D0DDDA
#D0E0D7
#D0E4D3
#D5CCE6
#D5D0E2
#D5D4DE
#D5D8DA
#D5DCD6
#D5E0D2
#D5E5CD
#DBC6E6
#DBCBE1
#DBD0DC
#DBD5D7
#DBDAD2
#DBDFCD
#DBE5C7
#E2BFE6
#E2C5E0
#E2CBDA
#E2D2D3
#E2D8CD
#E2DEC7
#E2E6BF
Colorpallet from #BFE2E6 to #E2BFE6 and to #E6BFE2
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#C5DCE6
#C5DCE6
#C5DCE6
#C5DCE6
#C5DCE5
#C5DCE5
#C5DCE5
#CAD7E6
#CAD7E6
#CAD7E6
#CAD7E6
#CBD7E5
#CBD7E5
#CBD7E5
#D0D1E6
#D0D1E6
#D1D1E5
#D1D1E5
#D1D1E5
#D2D1E4
#D2D1E4
#D5CCE6
#D5CCE6
#D6CCE5
#D6CCE5
#D7CCE4
#D7CCE4
#D8CCE3
#DBC6E6
#DBC6E6
#DCC6E5
#DCC6E5
#DDC6E4
#DDC6E4
#DEC6E3
#E2BFE6
#E3BFE5
#E3BFE5
#E4BFE4
#E5BFE3
#E5BFE3
#E6BFE2
Colorpallet from #BFE2E6 to #E2BFE6 and to #E6E2BF
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#C5DCE6
#C5DDE5
#C5DEE4
#C5DFE3
#C5E0E2
#C5E1E1
#C5E2E0
#CAD7E6
#CAD9E4
#CADBE2
#CADCE0
#CBDEDE
#CBE0DC
#CBE2DA
#D0D1E6
#D0D4E3
#D1D6E0
#D1D9DD
#D1DCDA
#D2DFD7
#D2E2D3
#D5CCE6
#D5D0E2
#D6D3DE
#D6D7DA
#D7DAD6
#D7DED2
#D8E2CD
#DBC6E6
#DBCAE1
#DCCFDC
#DCD3D7
#DDD8D2
#DDDCCD
#DEE2C7
#E2BFE6
#E3C5E0
#E3CADA
#E4D0D3
#E5D5CD
#E5DBC7
#E6E2BF
Colorpallet from #BFE2E6 to #E2E6BF and to #E6BFE2
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#C5E3E0
#C5E2E1
#C5E1E2
#C5E0E2
#C5DFE3
#C5DDE4
#C5DCE5
#CAE3DA
#CAE1DC
#CADFDE
#CADDDF
#CBDBE1
#CBD9E3
#CBD7E5
#D0E4D3
#D0E1D6
#D1DED8
#D1DBDB
#D1D8DE
#D2D5E1
#D2D1E4
#D5E5CD
#D5E1D1
#D6DDD4
#D6D9D8
#D7D5DB
#D7D1DF
#D8CCE3
#DBE5C7
#DBE0CB
#DCDBD0
#DCD6D4
#DDD1D9
#DDCCDD
#DEC6E3
#E2E6BF
#E3E0C5
#E3DACA
#E4D3D0
#E5CDD5
#E5C7DB
#E6BFE2
Colorpallet from #BFE2E6 to #E2E6BF and to #E6E2BF
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#C5E3E0
#C5E3E0
#C5E3E0
#C5E3E0
#C5E2E0
#C5E2E0
#C5E2E0
#CAE3DA
#CAE3DA
#CAE3DA
#CAE3DA
#CBE2DA
#CBE2DA
#CBE2DA
#D0E4D3
#D0E4D3
#D1E3D3
#D1E3D3
#D1E3D3
#D2E2D3
#D2E2D3
#D5E5CD
#D5E5CD
#D6E4CD
#D6E4CD
#D7E3CD
#D7E3CD
#D8E2CD
#DBE5C7
#DBE5C7
#DCE4C7
#DCE4C7
#DDE3C7
#DDE3C7
#DEE2C7
#E2E6BF
#E3E5BF
#E3E5BF
#E4E4BF
#E5E3BF
#E5E3BF
#E6E2BF
Colorpallet from #BFE2E6 to #E6BFE2 and to #E6E2BF
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#BFE2E6
#C5DCE5
#C5DDE4
#C5DEE3
#C5DFE3
#C5E0E2
#C5E1E1
#C5E2E0
#CBD7E5
#CBD9E3
#CBDBE1
#CBDCE0
#CBDEDE
#CBE0DC
#CBE2DA
#D2D1E4
#D2D4E1
#D2D6DF
#D2D9DC
#D2DCD9
#D2DFD6
#D2E2D3
#D8CCE3
#D8D0DF
#D8D3DC
#D8D7D8
#D8DAD5
#D8DED1
#D8E2CD
#DEC6E3
#DECADF
#DECFDA
#DED3D6
#DED8D1
#DEDCCD
#DEE2C7
#E6BFE2
#E6C5DC
#E6CAD7
#E6D0D1
#E6D5CC
#E6DBC6
#E6E2BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
