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 #C5B4E0 to #C5E0B4 and to #B4C5E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5BBD9
#C5BADA
#C4BADB
#C4B9DC
#C3B8DD
#C3B8DF
#C2B7E0
#C5C2D2
#C4C1D4
#C3BFD6
#C3BED9
#C2BCDB
#C1BBDD
#C0B9E0
#C5C9CB
#C4C7CE
#C2C5D2
#C1C3D5
#C0C1D8
#BFBFDC
#BDBCE0
#C5D0C4
#C3CDC8
#C1CBCD
#C0C8D1
#BEC5D6
#BCC2DA
#BABFE0
#C5D7BD
#C3D4C3
#C1D0C8
#BECDCE
#BCCAD3
#BAC6D9
#B7C2E0
#C5E0B4
#C2DCBB
#C0D7C2
#BDD3C9
#BACFD0
#B7CAD7
#B4C5E0
Colorpallet from #C5B4E0 to #C5E0B4 and to #B4E0C5
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5BBD9
#C5BBD9
#C4BBDA
#C4BBDA
#C3BBDB
#C3BBDB
#C2BBDC
#C5C2D2
#C4C2D3
#C3C2D4
#C3C2D4
#C2C2D5
#C1C2D6
#C0C2D7
#C5C9CB
#C4C9CC
#C2C9CE
#C1C9CF
#C0C9D0
#BFC9D1
#BDC9D3
#C5D0C4
#C3D0C6
#C1D0C8
#C0D0C9
#BED0CB
#BCD0CD
#BAD0CF
#C5D7BD
#C3D7BF
#C1D7C1
#BED7C3
#BCD7C5
#BAD7C7
#B7D7CA
#C5E0B4
#C2E0B7
#C0E0B9
#BDE0BC
#BAE0BF
#B7E0C2
#B4E0C5
Colorpallet from #C5B4E0 to #C5E0B4 and to #E0C5B4
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5BBD9
#C6BAD9
#C6BAD9
#C7B9D9
#C8B8D9
#C8B8D9
#C9B7D9
#C5C2D2
#C6C1D2
#C8BFD2
#C9BED2
#CBBCD2
#CCBBD2
#CEB9D2
#C5C9CB
#C7C7CB
#C9C5CB
#CBC3CB
#CDC1CB
#CFBFCB
#D2BCCB
#C5D0C4
#C8CDC4
#CACBC4
#CDC8C4
#D0C5C4
#D3C2C4
#D6BFC4
#C5D7BD
#C9D4BD
#CCD0BD
#D0CDBD
#D3CABD
#D7C6BD
#DBC2BD
#C5E0B4
#C9DCB4
#CED7B4
#D2D3B4
#D6CFB4
#DBCAB4
#E0C5B4
Colorpallet from #C5B4E0 to #C5E0B4 and to #E0B4C5
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5BBD9
#C6BAD9
#C6B9DA
#C7B8DA
#C8B7DB
#C8B5DB
#C9B4DC
#C5C2D2
#C6C0D3
#C8BED4
#C9BBD4
#CBB9D5
#CCB7D6
#CEB4D7
#C5C9CB
#C7C6CC
#C9C2CE
#CBBFCF
#CDBCD0
#CFB8D1
#D2B4D3
#C5D0C4
#C8CCC6
#CAC7C8
#CDC3C9
#D0BECB
#D3BACD
#D6B4CF
#C5D7BD
#C9D1BF
#CCCCC1
#D0C6C3
#D3C1C5
#D7BBC7
#DBB4CA
#C5E0B4
#C9D9B7
#CED2B9
#D2CBBC
#D6C4BF
#DBBDC2
#E0B4C5
Colorpallet from #C5B4E0 to #B4C5E0 and to #B4E0C5
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C2B7E0
#C2B8DF
#C2B8DF
#C2B9DE
#C2BADD
#C2BADD
#C2BBDC
#C0B9E0
#C0BADF
#C0BCDD
#C0BDDC
#C0BFDA
#C0C0D9
#C0C2D7
#BDBCE0
#BDBEDE
#BDC0DC
#BDC2DA
#BDC4D8
#BDC6D6
#BDC9D3
#BABFE0
#BAC2DD
#BAC4DB
#BAC7D8
#BACAD5
#BACDD2
#BAD0CF
#B7C2E0
#B7C5DC
#B7C9D9
#B7CCD5
#B7CFD2
#B7D3CE
#B7D7CA
#B4C5E0
#B4C9DC
#B4CED7
#B4D2D3
#B4D6CF
#B4DBCA
#B4E0C5
Colorpallet from #C5B4E0 to #B4C5E0 and to #E0C5B4
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C2B7E0
#C3B7DF
#C4B7DE
#C5B7DD
#C6B7DC
#C8B7DA
#C9B7D9
#C0B9E0
#C2B9DE
#C4B9DC
#C7B9D9
#C9B9D7
#CBB9D5
#CEB9D2
#BDBCE0
#C0BCDD
#C4BCD9
#C7BCD6
#CABCD3
#CEBCCF
#D2BCCB
#BABFE0
#BEBFDC
#C3BFD7
#C7BFD3
#CCBFCE
#D0BFCA
#D6BFC4
#B7C2E0
#BDC2DA
#C3C2D5
#C8C2CF
#CEC2CA
#D4C2C4
#DBC2BD
#B4C5E0
#BBC5D9
#C2C5D2
#C9C5CB
#D0C5C4
#D7C5BD
#E0C5B4
Colorpallet from #C5B4E0 to #B4C5E0 and to #E0B4C5
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C2B7E0
#C3B7DF
#C4B6DF
#C5B6DE
#C6B5DD
#C8B5DD
#C9B4DC
#C0B9E0
#C2B8DF
#C4B7DD
#C7B7DC
#C9B6DA
#CBB5D9
#CEB4D7
#BDBCE0
#C0BBDE
#C4B9DC
#C7B8DA
#CAB7D8
#CEB6D6
#D2B4D3
#BABFE0
#BEBDDD
#C3BBDB
#C7BAD8
#CCB8D5
#D0B6D2
#D6B4CF
#B7C2E0
#BDC0DC
#C3BED9
#C8BBD5
#CEB9D2
#D4B7CE
#DBB4CA
#B4C5E0
#BBC2DC
#C2C0D7
#C9BDD3
#D0BACF
#D7B7CA
#E0B4C5
Colorpallet from #C5B4E0 to #B4E0C5 and to #E0C5B4
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C2BBDC
#C3BADC
#C4BADB
#C5B9DB
#C6B8DA
#C8B8DA
#C9B7D9
#C0C2D7
#C2C1D6
#C4BFD5
#C7BED5
#C9BCD4
#CBBBD3
#CEB9D2
#BDC9D3
#C0C7D2
#C4C5D0
#C7C3CF
#CAC1CE
#CEBFCD
#D2BCCB
#BAD0CF
#BECDCD
#C3CBCB
#C7C8CA
#CCC5C8
#D0C2C6
#D6BFC4
#B7D7CA
#BDD4C8
#C3D0C6
#C8CDC4
#CECAC2
#D4C6C0
#DBC2BD
#B4E0C5
#BBDCC2
#C2D7C0
#C9D3BD
#D0CFBA
#D7CAB7
#E0C5B4
Colorpallet from #C5B4E0 to #B4E0C5 and to #E0B4C5
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C2BBDC
#C3BADC
#C4B9DC
#C5B8DC
#C6B7DC
#C8B5DC
#C9B4DC
#C0C2D7
#C2C0D7
#C4BED7
#C7BBD7
#C9B9D7
#CBB7D7
#CEB4D7
#BDC9D3
#C0C6D3
#C4C2D3
#C7BFD3
#CABCD3
#CEB8D3
#D2B4D3
#BAD0CF
#BECCCF
#C3C7CF
#C7C3CF
#CCBECF
#D0BACF
#D6B4CF
#B7D7CA
#BDD1CA
#C3CCCA
#C8C6CA
#CEC1CA
#D4BBCA
#DBB4CA
#B4E0C5
#BBD9C5
#C2D2C5
#C9CBC5
#D0C4C5
#D7BDC5
#E0B4C5
Colorpallet from #C5B4E0 to #E0C5B4 and to #E0B4C5
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C5B4E0
#C9B7D9
#C9B7D9
#C9B6DA
#C9B6DA
#C9B5DB
#C9B5DB
#C9B4DC
#CEB9D2
#CEB8D3
#CEB7D4
#CEB7D4
#CEB6D5
#CEB5D6
#CEB4D7
#D2BCCB
#D2BBCC
#D2B9CE
#D2B8CF
#D2B7D0
#D2B6D1
#D2B4D3
#D6BFC4
#D6BDC6
#D6BBC8
#D6BAC9
#D6B8CB
#D6B6CD
#D6B4CF
#DBC2BD
#DBC0BF
#DBBEC1
#DBBBC3
#DBB9C5
#DBB7C7
#DBB4CA
#E0C5B4
#E0C2B7
#E0C0B9
#E0BDBC
#E0BABF
#E0B7C2
#E0B4C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
