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 #B4CDE1 to #B4E1CD and to #CDB4E1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4D0DE
#B5CFDE
#B5CEDF
#B6CDDF
#B7CCE0
#B7CAE0
#B8C9E1
#B4D3DB
#B5D1DC
#B7CFDD
#B8CCDE
#B9CADF
#BAC8E0
#BCC5E1
#B4D7D7
#B6D3D9
#B8D0DA
#BACCDC
#BCC9DD
#BEC5DF
#C0C1E1
#B4DAD4
#B7D5D6
#B9D1D8
#BCCCDA
#BEC7DC
#C1C3DE
#C4BDE1
#B4DDD1
#B7D7D4
#BAD1D6
#BECCD9
#C1C6DB
#C4C0DE
#C8B9E1
#B4E1CD
#B8DAD0
#BCD3D3
#C0CBD7
#C4C4DA
#C8BDDD
#CDB4E1
Colorpallet from #B4CDE1 to #B4E1CD and to #CDE1B4
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4D0DE
#B5D0DD
#B5D0DD
#B6D0DC
#B7D0DB
#B7D0DB
#B8D0DA
#B4D3DB
#B5D3DA
#B7D3D8
#B8D3D7
#B9D3D6
#BAD3D5
#BCD3D3
#B4D7D7
#B6D7D5
#B8D7D3
#BAD7D1
#BCD7CF
#BED7CD
#C0D7CB
#B4DAD4
#B7DAD1
#B9DACF
#BCDACC
#BEDACA
#C1DAC7
#C4DAC4
#B4DDD1
#B7DDCE
#BADDCB
#BEDDC7
#C1DDC4
#C4DDC1
#C8DDBD
#B4E1CD
#B8E1C9
#BCE1C5
#C0E1C1
#C4E1BD
#C8E1B9
#CDE1B4
Colorpallet from #B4CDE1 to #B4E1CD and to #E1B4CD
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4D0DE
#B5CFDE
#B6CEDE
#B7CDDE
#B8CCDE
#BACADE
#BBC9DE
#B4D3DB
#B6D1DB
#B8CFDB
#BBCCDB
#BDCADB
#BFC8DB
#C2C5DB
#B4D7D7
#B8D3D7
#BBD0D7
#BFCCD7
#C2C9D7
#C6C5D7
#CAC1D7
#B4DAD4
#B9D5D4
#BDD1D4
#C2CCD4
#C7C7D4
#CBC3D4
#D1BDD4
#B4DDD1
#BAD7D1
#C0D1D1
#C5CCD1
#CBC6D1
#D1C0D1
#D8B9D1
#B4E1CD
#BBDACD
#C2D3CD
#CACBCD
#D1C4CD
#D8BDCD
#E1B4CD
Colorpallet from #B4CDE1 to #B4E1CD and to #E1CDB4
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4D0DE
#B5D0DD
#B6CFDD
#B7CFDC
#B8CEDB
#BACEDB
#BBCDDA
#B4D3DB
#B6D2DA
#B8D1D8
#BBD0D7
#BDCFD6
#BFCED5
#C2CDD3
#B4D7D7
#B8D5D5
#BBD4D3
#BFD2D1
#C2D1CF
#C6CFCD
#CACDCB
#B4DAD4
#B9D8D1
#BDD6CF
#C2D4CC
#C7D2CA
#CBD0C7
#D1CDC4
#B4DDD1
#BADACE
#C0D8CB
#C5D5C7
#CBD3C4
#D1D0C1
#D8CDBD
#B4E1CD
#BBDEC9
#C2DBC5
#CAD7C1
#D1D4BD
#D8D1B9
#E1CDB4
Colorpallet from #B4CDE1 to #CDB4E1 and to #CDE1B4
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B8C9E1
#B8CAE0
#B8CBDF
#B8CCDE
#B8CDDD
#B8CFDB
#B8D0DA
#BCC5E1
#BCC7DF
#BCC9DD
#BCCCDA
#BCCED8
#BCD0D6
#BCD3D3
#C0C1E1
#C0C5DD
#C0C8DA
#C0CCD6
#C0CFD3
#C0D3CF
#C0D7CB
#C4BDE1
#C4C2DC
#C4C6D8
#C4CBD3
#C4D0CE
#C4D4CA
#C4DAC4
#C8B9E1
#C8BFDB
#C8C5D5
#C8CAD0
#C8D0CA
#C8D6C4
#C8DDBD
#CDB4E1
#CDBBDA
#CDC2D3
#CDCACB
#CDD1C4
#CDD8BD
#CDE1B4
Colorpallet from #B4CDE1 to #CDB4E1 and to #E1B4CD
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B8C9E1
#B8C9E1
#B9C9E0
#B9C9E0
#BAC9DF
#BAC9DF
#BBC9DE
#BCC5E1
#BDC5E0
#BEC5DF
#BFC5DE
#C0C5DD
#C1C5DC
#C2C5DB
#C0C1E1
#C2C1DF
#C3C1DE
#C5C1DC
#C6C1DB
#C8C1D9
#CAC1D7
#C4BDE1
#C6BDDF
#C8BDDD
#CABDDB
#CCBDD9
#CEBDD7
#D1BDD4
#C8B9E1
#CBB9DE
#CDB9DC
#D0B9D9
#D2B9D7
#D5B9D4
#D8B9D1
#CDB4E1
#D0B4DE
#D3B4DB
#D7B4D7
#DAB4D4
#DDB4D1
#E1B4CD
Colorpallet from #B4CDE1 to #CDB4E1 and to #E1CDB4
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B8C9E1
#B8CAE0
#B9CADF
#B9CBDE
#BACCDD
#BACCDB
#BBCDDA
#BCC5E1
#BDC6DF
#BEC8DD
#BFC9DA
#C0CAD8
#C1CBD6
#C2CDD3
#C0C1E1
#C2C3DD
#C3C5DA
#C5C7D6
#C6C9D3
#C8CBCF
#CACDCB
#C4BDE1
#C6C0DC
#C8C2D8
#CAC5D3
#CCC7CE
#CECACA
#D1CDC4
#C8B9E1
#CBBCDB
#CDBFD5
#D0C3D0
#D2C6CA
#D5C9C4
#D8CDBD
#CDB4E1
#D0B8DA
#D3BCD3
#D7C0CB
#DAC4C4
#DDC8BD
#E1CDB4
Colorpallet from #B4CDE1 to #CDE1B4 and to #E1B4CD
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B8D0DA
#B8CFDB
#B9CEDB
#B9CDDC
#BACCDD
#BACADD
#BBC9DE
#BCD3D3
#BDD1D4
#BECFD6
#BFCCD7
#C0CAD8
#C1C8D9
#C2C5DB
#C0D7CB
#C2D3CD
#C3D0CF
#C5CCD1
#C6C9D3
#C8C5D5
#CAC1D7
#C4DAC4
#C6D5C7
#C8D1C9
#CACCCC
#CCC7CE
#CEC3D1
#D1BDD4
#C8DDBD
#CBD7C0
#CDD1C3
#D0CCC7
#D2C6CA
#D5C0CD
#D8B9D1
#CDE1B4
#D0DAB8
#D3D3BC
#D7CBC0
#DAC4C4
#DDBDC8
#E1B4CD
Colorpallet from #B4CDE1 to #CDE1B4 and to #E1CDB4
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B8D0DA
#B8D0DA
#B9CFDA
#B9CFDA
#BACEDA
#BACEDA
#BBCDDA
#BCD3D3
#BDD2D3
#BED1D3
#BFD0D3
#C0CFD3
#C1CED3
#C2CDD3
#C0D7CB
#C2D5CB
#C3D4CB
#C5D2CB
#C6D1CB
#C8CFCB
#CACDCB
#C4DAC4
#C6D8C4
#C8D6C4
#CAD4C4
#CCD2C4
#CED0C4
#D1CDC4
#C8DDBD
#CBDABD
#CDD8BD
#D0D5BD
#D2D3BD
#D5D0BD
#D8CDBD
#CDE1B4
#D0DEB4
#D3DBB4
#D7D7B4
#DAD4B4
#DDD1B4
#E1CDB4
Colorpallet from #B4CDE1 to #E1B4CD and to #E1CDB4
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#B4CDE1
#BBC9DE
#BBCADD
#BBCADD
#BBCBDC
#BBCCDB
#BBCCDB
#BBCDDA
#C2C5DB
#C2C6DA
#C2C8D8
#C2C9D7
#C2CAD6
#C2CBD5
#C2CDD3
#CAC1D7
#CAC3D5
#CAC5D3
#CAC7D1
#CAC9CF
#CACBCD
#CACDCB
#D1BDD4
#D1C0D1
#D1C2CF
#D1C5CC
#D1C7CA
#D1CAC7
#D1CDC4
#D8B9D1
#D8BCCE
#D8BFCB
#D8C3C7
#D8C6C4
#D8C9C1
#D8CDBD
#E1B4CD
#E1B8C9
#E1BCC5
#E1C0C1
#E1C4BD
#E1C8B9
#E1CDB4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts