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 #C6B4E0 to #C6E0B4 and to #B4C6E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6BBD9
#C6BADA
#C5BADB
#C5B9DC
#C4B8DD
#C4B8DF
#C3B7E0
#C6C2D2
#C5C1D4
#C4BFD6
#C3BED9
#C2BDDB
#C1BCDD
#C0BAE0
#C6C9CB
#C5C7CE
#C3C5D2
#C2C3D5
#C0C1D8
#BFBFDC
#BDBDE0
#C6D0C4
#C4CDC8
#C2CBCD
#C0C8D1
#BEC6D6
#BCC3DA
#BAC0E0
#C6D7BD
#C4D4C3
#C2D0C8
#BFCDCE
#BDCAD3
#BBC6D9
#B8C2E0
#C6E0B4
#C3DCBB
#C0D8C2
#BDD4C9
#BACFD0
#B8CBD7
#B4C6E0
Colorpallet from #C6B4E0 to #C6E0B4 and to #B4E0C6
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6BBD9
#C6BBD9
#C5BBDA
#C5BBDA
#C4BBDB
#C4BBDB
#C3BBDC
#C6C2D2
#C5C2D3
#C4C2D4
#C3C2D5
#C2C2D6
#C1C2D7
#C0C2D8
#C6C9CB
#C5C9CC
#C3C9CE
#C2C9CF
#C0C9D1
#BFC9D2
#BDC9D4
#C6D0C4
#C4D0C6
#C2D0C8
#C0D0C9
#BED0CB
#BCD0CD
#BAD0CF
#C6D7BD
#C4D7BF
#C2D7C1
#BFD7C4
#BDD7C6
#BBD7C8
#B8D7CB
#C6E0B4
#C3E0B7
#C0E0BA
#BDE0BD
#BAE0C0
#B8E0C2
#B4E0C6
Colorpallet from #C6B4E0 to #C6E0B4 and to #E0C6B4
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6BBD9
#C7BAD9
#C7BAD9
#C8B9D9
#C9B8D9
#C9B8D9
#CAB7D9
#C6C2D2
#C7C1D2
#C9BFD2
#CABED2
#CBBDD2
#CCBCD2
#CEBAD2
#C6C9CB
#C8C7CB
#CAC5CB
#CCC3CB
#CEC1CB
#D0BFCB
#D2BDCB
#C6D0C4
#C9CDC4
#CBCBC4
#CEC8C4
#D1C6C4
#D4C3C4
#D7C0C4
#C6D7BD
#C9D4BD
#CDD0BD
#D0CDBD
#D3CABD
#D7C6BD
#DBC2BD
#C6E0B4
#CADCB4
#CED8B4
#D2D4B4
#D7CFB4
#DBCBB4
#E0C6B4
Colorpallet from #C6B4E0 to #C6E0B4 and to #E0B4C6
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6BBD9
#C7BAD9
#C7B9DA
#C8B8DA
#C9B7DB
#C9B5DB
#CAB4DC
#C6C2D2
#C7C0D3
#C9BED4
#CABBD5
#CBB9D6
#CCB7D7
#CEB4D8
#C6C9CB
#C8C6CC
#CAC2CE
#CCBFCF
#CEBCD1
#D0B8D2
#D2B4D4
#C6D0C4
#C9CCC6
#CBC7C8
#CEC3C9
#D1BECB
#D4BACD
#D7B4CF
#C6D7BD
#C9D1BF
#CDCCC1
#D0C6C4
#D3C1C6
#D7BBC8
#DBB4CB
#C6E0B4
#CAD9B7
#CED2BA
#D2CBBD
#D7C4C0
#DBBDC2
#E0B4C6
Colorpallet from #C6B4E0 to #B4C6E0 and to #B4E0C6
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C3B7E0
#C3B8DF
#C3B8DF
#C3B9DE
#C3BADD
#C3BADD
#C3BBDC
#C0BAE0
#C0BBDF
#C0BDDD
#C0BEDC
#C0BFDB
#C0C0DA
#C0C2D8
#BDBDE0
#BDBFDE
#BDC1DC
#BDC3DA
#BDC5D8
#BDC7D6
#BDC9D4
#BAC0E0
#BAC3DD
#BAC5DB
#BAC8D8
#BACAD5
#BACDD2
#BAD0CF
#B8C2E0
#B8C5DD
#B8C9D9
#B8CCD6
#B8CFD3
#B8D3CF
#B8D7CB
#B4C6E0
#B4CADC
#B4CED8
#B4D2D4
#B4D7CF
#B4DBCB
#B4E0C6
Colorpallet from #C6B4E0 to #B4C6E0 and to #E0C6B4
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C3B7E0
#C4B7DF
#C5B7DE
#C6B7DD
#C7B7DC
#C9B7DA
#CAB7D9
#C0BAE0
#C2BADE
#C4BADC
#C7BAD9
#C9BAD7
#CBBAD5
#CEBAD2
#BDBDE0
#C0BDDD
#C4BDD9
#C7BDD6
#CABDD3
#CEBDCF
#D2BDCB
#BAC0E0
#BFC0DC
#C3C0D7
#C8C0D3
#CDC0CE
#D1C0CA
#D7C0C4
#B8C2E0
#BEC2DA
#C3C2D5
#C9C2CF
#CEC2CA
#D4C2C4
#DBC2BD
#B4C6E0
#BBC6D9
#C2C6D2
#C9C6CB
#D0C6C4
#D7C6BD
#E0C6B4
Colorpallet from #C6B4E0 to #B4C6E0 and to #E0B4C6
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C3B7E0
#C4B7DF
#C5B6DF
#C6B6DE
#C7B5DD
#C9B5DD
#CAB4DC
#C0BAE0
#C2B9DF
#C4B8DD
#C7B7DC
#C9B6DB
#CBB5DA
#CEB4D8
#BDBDE0
#C0BCDE
#C4BADC
#C7B9DA
#CAB7D8
#CEB6D6
#D2B4D4
#BAC0E0
#BFBEDD
#C3BCDB
#C8BAD8
#CDB8D5
#D1B6D2
#D7B4CF
#B8C2E0
#BEC0DD
#C3BED9
#C9BBD6
#CEB9D3
#D4B7CF
#DBB4CB
#B4C6E0
#BBC3DC
#C2C0D8
#C9BDD4
#D0BACF
#D7B8CB
#E0B4C6
Colorpallet from #C6B4E0 to #B4E0C6 and to #E0C6B4
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C3BBDC
#C4BADC
#C5BADB
#C6B9DB
#C7B8DA
#C9B8DA
#CAB7D9
#C0C2D8
#C2C1D7
#C4BFD6
#C7BED5
#C9BDD4
#CBBCD3
#CEBAD2
#BDC9D4
#C0C7D3
#C4C5D1
#C7C3D0
#CAC1CE
#CEBFCD
#D2BDCB
#BAD0CF
#BFCDCD
#C3CBCB
#C8C8CA
#CDC6C8
#D1C3C6
#D7C0C4
#B8D7CB
#BED4C9
#C3D0C7
#C9CDC4
#CECAC2
#D4C6C0
#DBC2BD
#B4E0C6
#BBDCC3
#C2D8C0
#C9D4BD
#D0CFBA
#D7CBB8
#E0C6B4
Colorpallet from #C6B4E0 to #B4E0C6 and to #E0B4C6
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C3BBDC
#C4BADC
#C5B9DC
#C6B8DC
#C7B7DC
#C9B5DC
#CAB4DC
#C0C2D8
#C2C0D8
#C4BED8
#C7BBD8
#C9B9D8
#CBB7D8
#CEB4D8
#BDC9D4
#C0C6D4
#C4C2D4
#C7BFD4
#CABCD4
#CEB8D4
#D2B4D4
#BAD0CF
#BFCCCF
#C3C7CF
#C8C3CF
#CDBECF
#D1BACF
#D7B4CF
#B8D7CB
#BED1CB
#C3CCCB
#C9C6CB
#CEC1CB
#D4BBCB
#DBB4CB
#B4E0C6
#BBD9C6
#C2D2C6
#C9CBC6
#D0C4C6
#D7BDC6
#E0B4C6
Colorpallet from #C6B4E0 to #E0C6B4 and to #E0B4C6
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#C6B4E0
#CAB7D9
#CAB7D9
#CAB6DA
#CAB6DA
#CAB5DB
#CAB5DB
#CAB4DC
#CEBAD2
#CEB9D3
#CEB8D4
#CEB7D5
#CEB6D6
#CEB5D7
#CEB4D8
#D2BDCB
#D2BCCC
#D2BACE
#D2B9CF
#D2B7D1
#D2B6D2
#D2B4D4
#D7C0C4
#D7BEC6
#D7BCC8
#D7BAC9
#D7B8CB
#D7B6CD
#D7B4CF
#DBC2BD
#DBC0BF
#DBBEC1
#DBBBC4
#DBB9C6
#DBB7C8
#DBB4CB
#E0C6B4
#E0C3B7
#E0C0BA
#E0BDBD
#E0BAC0
#E0B8C2
#E0B4C6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
