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 #BDEAD5 to #BDD5EA and to #EABDD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDE7D8
#BEE6D8
#BFE6D7
#C0E5D7
#C1E4D6
#C3E4D6
#C4E3D5
#BDE3DC
#BFE2DB
#C1E1DA
#C4E0D9
#C6DFD8
#C8DDD6
#CBDCD5
#BDE0DF
#C1DEDD
#C4DCDC
#C8DADA
#CBD8D9
#CFD6D7
#D3D4D5
#BDDDE2
#C2DAE0
#C6D8DE
#CBD5DC
#D0D3DA
#D4D0D8
#DACDD5
#BDD9E6
#C3D6E3
#C9D3E1
#CED0DE
#D4CDDB
#DACAD8
#E1C6D5
#BDD5EA
#C4D1E7
#CBCDE3
#D3C9E0
#DAC6DD
#E1C2D9
#EABDD5
Colorpallet from #BDEAD5 to #BDD5EA and to #EAD5BD
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDE7D8
#BEE7D7
#BFE7D6
#C0E7D5
#C1E7D4
#C3E7D2
#C4E7D1
#BDE3DC
#BFE3DA
#C1E3D7
#C4E3D5
#C6E3D2
#C8E3D0
#CBE3CD
#BDE0DF
#C1E0DB
#C4E0D8
#C8E0D4
#CBE0D1
#CFE0CD
#D3E0C9
#BDDDE2
#C2DDDE
#C6DDD9
#CBDDD5
#D0DDD0
#D4DDCC
#DADDC6
#BDD9E6
#C3D9E0
#C9D9DA
#CED9D5
#D4D9CF
#DAD9C9
#E1D9C2
#BDD5EA
#C4D5E3
#CBD5DC
#D3D5D4
#DAD5CD
#E1D5C6
#EAD5BD
Colorpallet from #BDEAD5 to #BDD5EA and to #D5BDEA
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDE7D8
#BEE6D8
#BEE6D8
#BFE5D8
#C0E4D8
#C0E4D8
#C1E3D8
#BDE3DC
#BEE2DC
#C0E1DC
#C1E0DC
#C2DFDC
#C3DDDC
#C5DCDC
#BDE0DF
#BFDEDF
#C1DCDF
#C3DADF
#C5D8DF
#C7D6DF
#C9D4DF
#BDDDE2
#BFDAE2
#C2D8E2
#C4D5E2
#C7D3E2
#C9D0E2
#CCCDE2
#BDD9E6
#C0D6E6
#C3D3E6
#C6D0E6
#C9CDE6
#CCCAE6
#D0C6E6
#BDD5EA
#C1D1EA
#C5CDEA
#C9C9EA
#CCC6EA
#D0C2EA
#D5BDEA
Colorpallet from #BDEAD5 to #BDD5EA and to #D5EABD
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDE7D8
#BEE7D7
#BEE8D6
#BFE8D5
#C0E9D4
#C0E9D2
#C1EAD1
#BDE3DC
#BEE4DA
#C0E5D7
#C1E6D5
#C2E7D2
#C3E9D0
#C5EACD
#BDE0DF
#BFE2DB
#C1E3D8
#C3E5D4
#C5E6D1
#C7E8CD
#C9EAC9
#BDDDE2
#BFDFDE
#C2E1D9
#C4E3D5
#C7E5D0
#C9E7CC
#CCEAC6
#BDD9E6
#C0DCE0
#C3DEDA
#C6E1D5
#C9E4CF
#CCE7C9
#D0EAC2
#BDD5EA
#C1D8E3
#C5DCDC
#C9DFD4
#CCE2CD
#D0E6C6
#D5EABD
Colorpallet from #BDEAD5 to #EABDD5 and to #EAD5BD
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#C4E3D5
#C4E4D4
#C4E4D4
#C4E5D3
#C4E6D2
#C4E6D2
#C4E7D1
#CBDCD5
#CBDDD4
#CBDED2
#CBDFD1
#CBE0D0
#CBE2CF
#CBE3CD
#D3D4D5
#D3D6D3
#D3D8D1
#D3DACF
#D3DCCD
#D3DECB
#D3E0C9
#DACDD5
#DAD0D3
#DAD2D0
#DAD5CE
#DAD7CB
#DADAC9
#DADDC6
#E1C6D5
#E1C9D2
#E1CCCF
#E1CFCC
#E1D2C9
#E1D5C6
#E1D9C2
#EABDD5
#EAC1D1
#EAC5CD
#EAC9C9
#EACCC6
#EAD0C2
#EAD5BD
Colorpallet from #BDEAD5 to #EABDD5 and to #D5BDEA
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#C4E3D5
#C4E3D5
#C3E3D6
#C3E3D6
#C2E3D7
#C2E3D7
#C1E3D8
#CBDCD5
#CADCD6
#C9DCD7
#C8DCD8
#C7DCD9
#C6DCDB
#C5DCDC
#D3D4D5
#D1D4D7
#D0D4D8
#CED4DA
#CDD4DB
#CBD4DD
#C9D4DF
#DACDD5
#D8CDD7
#D6CDD9
#D3CDDB
#D1CDDD
#CFCDDF
#CCCDE2
#E1C6D5
#DEC6D8
#DCC6DA
#D9C6DD
#D6C6E0
#D3C6E3
#D0C6E6
#EABDD5
#E7BDD8
#E3BDDC
#E0BDDF
#DDBDE2
#D9BDE6
#D5BDEA
Colorpallet from #BDEAD5 to #EABDD5 and to #D5EABD
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#C4E3D5
#C4E4D4
#C3E5D4
#C3E6D3
#C2E7D2
#C2E9D2
#C1EAD1
#CBDCD5
#CADED4
#C9E0D2
#C8E3D1
#C7E5D0
#C6E7CF
#C5EACD
#D3D4D5
#D1D8D3
#D0DBD1
#CEDFCF
#CDE2CD
#CBE6CB
#C9EAC9
#DACDD5
#D8D2D3
#D6D6D0
#D3DBCE
#D1E0CB
#CFE4C9
#CCEAC6
#E1C6D5
#DECCD2
#DCD2CF
#D9D7CC
#D6DDC9
#D3E3C6
#D0EAC2
#EABDD5
#E7C4D1
#E3CBCD
#E0D3C9
#DDDAC6
#D9E1C2
#D5EABD
Colorpallet from #BDEAD5 to #EAD5BD and to #D5BDEA
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#C4E7D1
#C4E6D2
#C3E6D3
#C3E5D4
#C2E4D5
#C2E4D7
#C1E3D8
#CBE3CD
#CAE2CF
#C9E1D2
#C8E0D4
#C7DFD7
#C6DDD9
#C5DCDC
#D3E0C9
#D1DECD
#D0DCD0
#CEDAD4
#CDD8D7
#CBD6DB
#C9D4DF
#DADDC6
#D8DACA
#D6D8CF
#D3D5D3
#D1D3D8
#CFD0DC
#CCCDE2
#E1D9C2
#DED6C8
#DCD3CE
#D9D0D3
#D6CDD9
#D3CADF
#D0C6E6
#EAD5BD
#E7D1C4
#E3CDCB
#E0C9D3
#DDC6DA
#D9C2E1
#D5BDEA
Colorpallet from #BDEAD5 to #EAD5BD and to #D5EABD
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#C4E7D1
#C4E7D1
#C3E8D1
#C3E8D1
#C2E9D1
#C2E9D1
#C1EAD1
#CBE3CD
#CAE4CD
#C9E5CD
#C8E6CD
#C7E7CD
#C6E9CD
#C5EACD
#D3E0C9
#D1E2C9
#D0E3C9
#CEE5C9
#CDE6C9
#CBE8C9
#C9EAC9
#DADDC6
#D8DFC6
#D6E1C6
#D3E3C6
#D1E5C6
#CFE7C6
#CCEAC6
#E1D9C2
#DEDCC2
#DCDEC2
#D9E1C2
#D6E4C2
#D3E7C2
#D0EAC2
#EAD5BD
#E7D8BD
#E3DCBD
#E0DFBD
#DDE2BD
#D9E6BD
#D5EABD
Colorpallet from #BDEAD5 to #D5BDEA and to #D5EABD
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#BDEAD5
#C1E3D8
#C1E4D7
#C1E5D6
#C1E6D5
#C1E7D4
#C1E9D2
#C1EAD1
#C5DCDC
#C5DEDA
#C5E0D7
#C5E3D5
#C5E5D2
#C5E7D0
#C5EACD
#C9D4DF
#C9D8DB
#C9DBD8
#C9DFD4
#C9E2D1
#C9E6CD
#C9EAC9
#CCCDE2
#CCD2DE
#CCD6D9
#CCDBD5
#CCE0D0
#CCE4CC
#CCEAC6
#D0C6E6
#D0CCE0
#D0D2DA
#D0D7D5
#D0DDCF
#D0E3C9
#D0EAC2
#D5BDEA
#D5C4E3
#D5CBDC
#D5D3D4
#D5DACD
#D5E1C6
#D5EABD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts