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 #B2D3ED to #B2EDD3 and to #D3B2ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D7E9
#B3D6EA
#B4D4EA
#B4D3EB
#B5D1EC
#B6D0EC
#B7CEED
#B2DBE5
#B4D8E6
#B6D5E8
#B7D2E9
#B9CFEA
#BBCCEB
#BDC8ED
#B2DFE1
#B5DBE3
#B7D6E5
#BAD2E7
#BCCDE9
#BFC9EB
#C2C3ED
#B2E4DC
#B5DEDF
#B9D8E1
#BCD2E4
#BFCCE7
#C3C6EA
#C7BEED
#B2E8D8
#B6E0DB
#BAD9DF
#BED1E2
#C3CAE5
#C7C2E9
#CCB9ED
#B2EDD3
#B7E4D7
#BDDADB
#C2D1DF
#C7C7E4
#CCBEE8
#D3B2ED
Colorpallet from #B2D3ED to #B2EDD3 and to #D3EDB2
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D7E9
#B3D7E8
#B4D7E7
#B4D7E7
#B5D7E6
#B6D7E5
#B7D7E4
#B2DBE5
#B4DBE3
#B6DBE1
#B7DBE0
#B9DBDE
#BBDBDC
#BDDBDA
#B2DFE1
#B5DFDE
#B7DFDC
#BADFD9
#BCDFD7
#BFDFD4
#C2DFD1
#B2E4DC
#B5E4D9
#B9E4D5
#BCE4D2
#BFE4CF
#C3E4CB
#C7E4C7
#B2E8D8
#B6E8D4
#BAE8D0
#BEE8CC
#C3E8C7
#C7E8C3
#CCE8BE
#B2EDD3
#B7EDCE
#BDEDC8
#C2EDC3
#C7EDBE
#CCEDB9
#D3EDB2
Colorpallet from #B2D3ED to #B2EDD3 and to #EDB2D3
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D7E9
#B3D6E9
#B5D4E9
#B6D3E9
#B8D1E9
#B9D0E9
#BBCEE9
#B2DBE5
#B5D8E5
#B8D5E5
#BBD2E5
#BECFE5
#C1CCE5
#C5C8E5
#B2DFE1
#B6DBE1
#BBD6E1
#BFD2E1
#C4CDE1
#C8C9E1
#CEC3E1
#B2E4DC
#B8DEDC
#BED8DC
#C4D2DC
#CACCDC
#D0C6DC
#D8BEDC
#B2E8D8
#BAE0D8
#C1D9D8
#C9D1D8
#D0CAD8
#D8C2D8
#E1B9D8
#B2EDD3
#BBE4D3
#C5DAD3
#CED1D3
#D8C7D3
#E1BED3
#EDB2D3
Colorpallet from #B2D3ED to #B2EDD3 and to #EDD3B2
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D7E9
#B3D6E8
#B5D6E7
#B6D5E7
#B8D4E6
#B9D4E5
#BBD3E4
#B2DBE5
#B5DAE3
#B8D8E1
#BBD7E0
#BED6DE
#C1D5DC
#C5D3DA
#B2DFE1
#B6DDDE
#BBDBDC
#BFD9D9
#C4D7D7
#C8D5D4
#CED3D1
#B2E4DC
#B8E1D9
#BEDFD5
#C4DCD2
#CAD9CF
#D0D6CB
#D8D3C7
#B2E8D8
#BAE5D4
#C1E1D0
#C9DECC
#D0DBC7
#D8D7C3
#E1D3BE
#B2EDD3
#BBE9CE
#C5E5C8
#CEE1C3
#D8DCBE
#E1D8B9
#EDD3B2
Colorpallet from #B2D3ED to #D3B2ED and to #D3EDB2
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B7CEED
#B7CFEC
#B7D1EA
#B7D2E9
#B7D4E7
#B7D5E6
#B7D7E4
#BDC8ED
#BDCBEA
#BDCEE7
#BDD1E4
#BDD4E1
#BDD7DE
#BDDBDA
#C2C3ED
#C2C7E9
#C2CCE4
#C2D0E0
#C2D5DB
#C2D9D7
#C2DFD1
#C7BEED
#C7C4E7
#C7CAE1
#C7D0DB
#C7D6D5
#C7DCCF
#C7E4C7
#CCB9ED
#CCC1E5
#CCC8DE
#CCD0D6
#CCD7CF
#CCDFC7
#CCE8BE
#D3B2ED
#D3BBE4
#D3C5DA
#D3CED1
#D3D8C7
#D3E1BE
#D3EDB2
Colorpallet from #B2D3ED to #D3B2ED and to #EDB2D3
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B7CEED
#B8CEEC
#B8CEEC
#B9CEEB
#BACEEA
#BACEEA
#BBCEE9
#BDC8ED
#BEC8EC
#C0C8EA
#C1C8E9
#C2C8E8
#C3C8E7
#C5C8E5
#C2C3ED
#C4C3EB
#C6C3E9
#C8C3E7
#CAC3E5
#CCC3E3
#CEC3E1
#C7BEED
#CABEEA
#CCBEE8
#CFBEE5
#D2BEE2
#D5BEDF
#D8BEDC
#CCB9ED
#CFB9EA
#D3B9E6
#D6B9E3
#D9B9E0
#DDB9DC
#E1B9D8
#D3B2ED
#D7B2E9
#DBB2E5
#DFB2E1
#E4B2DC
#E8B2D8
#EDB2D3
Colorpallet from #B2D3ED to #D3B2ED and to #EDD3B2
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B7CEED
#B8CFEC
#B8D0EA
#B9D0E9
#BAD1E7
#BAD2E6
#BBD3E4
#BDC8ED
#BECAEA
#C0CCE7
#C1CDE4
#C2CFE1
#C3D1DE
#C5D3DA
#C2C3ED
#C4C6E9
#C6C8E4
#C8CBE0
#CACDDB
#CCD0D7
#CED3D1
#C7BEED
#CAC1E7
#CCC5E1
#CFC8DB
#D2CBD5
#D5CFCF
#D8D3C7
#CCB9ED
#CFBDE5
#D3C1DE
#D6C5D6
#D9CACF
#DDCEC7
#E1D3BE
#D3B2ED
#D7B7E4
#DBBDDA
#DFC2D1
#E4C7C7
#E8CCBE
#EDD3B2
Colorpallet from #B2D3ED to #D3EDB2 and to #EDB2D3
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B7D7E4
#B8D6E5
#B8D4E6
#B9D3E6
#BAD1E7
#BAD0E8
#BBCEE9
#BDDBDA
#BED8DC
#C0D5DE
#C1D2DF
#C2CFE1
#C3CCE3
#C5C8E5
#C2DFD1
#C4DBD4
#C6D6D6
#C8D2D9
#CACDDB
#CCC9DE
#CEC3E1
#C7E4C7
#CADECA
#CCD8CE
#CFD2D1
#D2CCD4
#D5C6D8
#D8BEDC
#CCE8BE
#CFE0C2
#D3D9C6
#D6D1CA
#D9CACF
#DDC2D3
#E1B9D8
#D3EDB2
#D7E4B7
#DBDABD
#DFD1C2
#E4C7C7
#E8BECC
#EDB2D3
Colorpallet from #B2D3ED to #D3EDB2 and to #EDD3B2
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B7D7E4
#B8D6E4
#B8D6E4
#B9D5E4
#BAD4E4
#BAD4E4
#BBD3E4
#BDDBDA
#BEDADA
#C0D8DA
#C1D7DA
#C2D6DA
#C3D5DA
#C5D3DA
#C2DFD1
#C4DDD1
#C6DBD1
#C8D9D1
#CAD7D1
#CCD5D1
#CED3D1
#C7E4C7
#CAE1C7
#CCDFC7
#CFDCC7
#D2D9C7
#D5D6C7
#D8D3C7
#CCE8BE
#CFE5BE
#D3E1BE
#D6DEBE
#D9DBBE
#DDD7BE
#E1D3BE
#D3EDB2
#D7E9B2
#DBE5B2
#DFE1B2
#E4DCB2
#E8D8B2
#EDD3B2
Colorpallet from #B2D3ED to #EDB2D3 and to #EDD3B2
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#B2D3ED
#BBCEE9
#BBCFE8
#BBD0E7
#BBD0E7
#BBD1E6
#BBD2E5
#BBD3E4
#C5C8E5
#C5CAE3
#C5CCE1
#C5CDE0
#C5CFDE
#C5D1DC
#C5D3DA
#CEC3E1
#CEC6DE
#CEC8DC
#CECBD9
#CECDD7
#CED0D4
#CED3D1
#D8BEDC
#D8C1D9
#D8C5D5
#D8C8D2
#D8CBCF
#D8CFCB
#D8D3C7
#E1B9D8
#E1BDD4
#E1C1D0
#E1C5CC
#E1CAC7
#E1CEC3
#E1D3BE
#EDB2D3
#EDB7CE
#EDBDC8
#EDC2C3
#EDC7BE
#EDCCB9
#EDD3B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts