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 #B2DDE5 to #B2E5DD and to #DDB2E5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DEE4
#B3DDE4
#B4DBE4
#B5DAE4
#B6D9E5
#B8D8E5
#B9D6E5
#B2E0E2
#B4DDE2
#B6DBE3
#B9D8E3
#BBD5E4
#BDD2E4
#C0CFE5
#B2E1E1
#B5DDE2
#B9D9E2
#BCD5E3
#BFD1E4
#C3CDE4
#C7C8E5
#B2E2E0
#B6DDE1
#BBD7E2
#BFD2E2
#C4CDE3
#C8C8E4
#CEC1E5
#B2E3DF
#B7DDE0
#BDD6E1
#C2D0E2
#C8C9E3
#CDC3E4
#D4BBE5
#B2E5DD
#B9DDDE
#C0D5E0
#C7CDE1
#CEC4E2
#D4BCE3
#DDB2E5
Colorpallet from #B2DDE5 to #B2E5DD and to #DDE5B2
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DEE4
#B3DEE3
#B4DEE2
#B5DEE1
#B6DEE0
#B8DEDE
#B9DEDD
#B2E0E2
#B4E0E0
#B6E0DE
#B9E0DC
#BBE0DA
#BDE0D8
#C0E0D5
#B2E1E1
#B5E1DE
#B9E1DB
#BCE1D7
#BFE1D4
#C3E1D1
#C7E1CD
#B2E2E0
#B6E2DC
#BBE2D7
#BFE2D3
#C4E2CE
#C8E2CA
#CEE2C4
#B2E3DF
#B7E3D9
#BDE3D4
#C2E3CE
#C8E3C9
#CDE3C3
#D4E3BC
#B2E5DD
#B9E5D6
#C0E5CF
#C7E5C8
#CEE5C1
#D4E5BB
#DDE5B2
Colorpallet from #B2DDE5 to #B2E5DD and to #E5B2DD
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DEE4
#B3DDE4
#B5DBE4
#B6DAE4
#B7D9E4
#B8D8E4
#BAD6E4
#B2E0E2
#B5DDE2
#B7DBE2
#BAD8E2
#BCD5E2
#BFD2E2
#C2CFE2
#B2E1E1
#B6DDE1
#BAD9E1
#BED5E1
#C1D1E1
#C5CDE1
#CAC8E1
#B2E2E0
#B7DDE0
#BDD7E0
#C2D2E0
#C7CDE0
#CCC8E0
#D3C1E0
#B2E3DF
#B9DDDF
#BFD6DF
#C6D0DF
#CCC9DF
#D3C3DF
#DBBBDF
#B2E5DD
#BADDDD
#C2D5DD
#CACDDD
#D3C4DD
#DBBCDD
#E5B2DD
Colorpallet from #B2DDE5 to #B2E5DD and to #E5DDB2
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DEE4
#B3DEE3
#B5DEE2
#B6DEE1
#B7DDE0
#B8DDDE
#BADDDD
#B2E0E2
#B5E0E0
#B7DFDE
#BADFDC
#BCDEDA
#BFDED8
#C2DDD5
#B2E1E1
#B6E0DE
#BAE0DB
#BEDFD7
#C1DED4
#C5DED1
#CADDCD
#B2E2E0
#B7E1DC
#BDE0D7
#C2E0D3
#C7DFCE
#CCDECA
#D3DDC4
#B2E3DF
#B9E2D9
#BFE1D4
#C6E0CE
#CCDFC9
#D3DEC3
#DBDDBC
#B2E5DD
#BAE4D6
#C2E2CF
#CAE1C8
#D3E0C1
#DBDFBB
#E5DDB2
Colorpallet from #B2DDE5 to #DDB2E5 and to #DDE5B2
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B9D6E5
#B9D7E4
#B9D9E2
#B9DAE1
#B9DBE0
#B9DCDF
#B9DEDD
#C0CFE5
#C0D2E2
#C0D4E0
#C0D7DD
#C0DADB
#C0DDD8
#C0E0D5
#C7C8E5
#C7CCE1
#C7D0DD
#C7D4D9
#C7D8D6
#C7DCD2
#C7E1CD
#CEC1E5
#CEC6E0
#CECCDA
#CED1D5
#CED6D0
#CEDBCB
#CEE2C4
#D4BBE5
#D4C1DE
#D4C8D8
#D4CED1
#D4D5CB
#D4DBC4
#D4E3BC
#DDB2E5
#DDBADD
#DDC2D5
#DDCACD
#DDD3C4
#DDDBBC
#DDE5B2
Colorpallet from #B2DDE5 to #DDB2E5 and to #E5B2DD
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B9D6E5
#B9D6E5
#B9D6E5
#B9D6E5
#BAD6E4
#BAD6E4
#BAD6E4
#C0CFE5
#C0CFE5
#C1CFE4
#C1CFE4
#C1CFE3
#C2CFE3
#C2CFE2
#C7C8E5
#C7C8E4
#C8C8E4
#C8C8E3
#C9C8E2
#C9C8E2
#CAC8E1
#CEC1E5
#CFC1E4
#D0C1E3
#D0C1E3
#D1C1E2
#D2C1E1
#D3C1E0
#D4BBE5
#D5BBE4
#D6BBE3
#D7BBE2
#D8BBE1
#DABBE0
#DBBBDF
#DDB2E5
#DEB2E4
#E0B2E2
#E1B2E1
#E2B2E0
#E3B2DF
#E5B2DD
Colorpallet from #B2DDE5 to #DDB2E5 and to #E5DDB2
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B9D6E5
#B9D7E4
#B9D8E2
#B9D9E1
#BADAE0
#BADCDF
#BADDDD
#C0CFE5
#C0D1E2
#C1D3E0
#C1D6DD
#C1D8DB
#C2DAD8
#C2DDD5
#C7C8E5
#C7CBE1
#C8CFDD
#C8D2D9
#C9D5D6
#C9D9D2
#CADDCD
#CEC1E5
#CFC5E0
#D0CADA
#D0CED5
#D1D3D0
#D2D7CB
#D3DDC4
#D4BBE5
#D5C0DE
#D6C6D8
#D7CBD1
#D8D1CB
#DAD6C4
#DBDDBC
#DDB2E5
#DEB9DD
#E0C0D5
#E1C7CD
#E2CEC4
#E3D4BC
#E5DDB2
Colorpallet from #B2DDE5 to #DDE5B2 and to #E5B2DD
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B9DEDD
#B9DDDE
#B9DBDF
#B9DAE0
#BAD9E1
#BAD8E3
#BAD6E4
#C0E0D5
#C0DDD7
#C1DBD9
#C1D8DB
#C1D5DD
#C2D2DF
#C2CFE2
#C7E1CD
#C7DDD0
#C8D9D3
#C8D5D7
#C9D1DA
#C9CDDD
#CAC8E1
#CEE2C4
#CFDDC8
#D0D7CD
#D0D2D1
#D1CDD6
#D2C8DA
#D3C1E0
#D4E3BC
#D5DDC2
#D6D6C7
#D7D0CD
#D8C9D2
#DAC3D8
#DBBBDF
#DDE5B2
#DEDDB9
#E0D5C0
#E1CDC7
#E2C4CE
#E3BCD4
#E5B2DD
Colorpallet from #B2DDE5 to #DDE5B2 and to #E5DDB2
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B9DEDD
#B9DEDD
#B9DEDD
#B9DEDD
#BADDDD
#BADDDD
#BADDDD
#C0E0D5
#C0E0D5
#C1DFD5
#C1DFD5
#C1DED5
#C2DED5
#C2DDD5
#C7E1CD
#C7E0CD
#C8E0CD
#C8DFCD
#C9DECD
#C9DECD
#CADDCD
#CEE2C4
#CFE1C4
#D0E0C4
#D0E0C4
#D1DFC4
#D2DEC4
#D3DDC4
#D4E3BC
#D5E2BC
#D6E1BC
#D7E0BC
#D8DFBC
#DADEBC
#DBDDBC
#DDE5B2
#DEE4B2
#E0E2B2
#E1E1B2
#E2E0B2
#E3DFB2
#E5DDB2
Colorpallet from #B2DDE5 to #E5B2DD and to #E5DDB2
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#B2DDE5
#BAD6E4
#BAD7E3
#BAD8E2
#BAD9E1
#BADAE0
#BADCDE
#BADDDD
#C2CFE2
#C2D1E0
#C2D3DE
#C2D6DC
#C2D8DA
#C2DAD8
#C2DDD5
#CAC8E1
#CACBDE
#CACFDB
#CAD2D7
#CAD5D4
#CAD9D1
#CADDCD
#D3C1E0
#D3C5DC
#D3CAD7
#D3CED3
#D3D3CE
#D3D7CA
#D3DDC4
#DBBBDF
#DBC0D9
#DBC6D4
#DBCBCE
#DBD1C9
#DBD6C3
#DBDDBC
#E5B2DD
#E5B9D6
#E5C0CF
#E5C7C8
#E5CEC1
#E5D4BB
#E5DDB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
