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 #CCB2DD to #CCDDB2 and to #B2CCDD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB9D6
#CBB9D7
#CBB8D8
#CAB8D9
#C9B7DA
#C9B7DC
#C8B6DD
#CCC0CF
#CBBFD1
#C9BED3
#C8BDD6
#C7BCD8
#C6BBDA
#C4BADD
#CCC7C8
#CAC6CB
#C8C4CF
#C6C3D2
#C4C1D5
#C2C0D9
#C0BEDD
#CCCEC1
#C9CCC5
#C7CACA
#C4C9CE
#C1C7D3
#BEC5D7
#BBC3DD
#CCD4BB
#C9D2C0
#C5D0C6
#C2CECB
#BFCCD1
#BBCAD6
#B7C7DD
#CCDDB2
#C8DAB9
#C4D8C0
#C0D5C7
#BBD2CE
#B7CFD4
#B2CCDD
Colorpallet from #CCB2DD to #CCDDB2 and to #B2DDCC
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB9D6
#CBB9D7
#CBB9D7
#CAB9D8
#C9B9D9
#C9B9D9
#C8B9DA
#CCC0CF
#CBC0D0
#C9C0D2
#C8C0D3
#C7C0D5
#C6C0D6
#C4C0D8
#CCC7C8
#CAC7CA
#C8C7CC
#C6C7CE
#C4C7D0
#C2C7D2
#C0C7D5
#CCCEC1
#C9CEC4
#C7CEC6
#C4CEC9
#C1CECC
#BECECF
#BBCED2
#CCD4BB
#C9D4BE
#C5D4C1
#C2D4C5
#BFD4C8
#BBD4CB
#B7D4CF
#CCDDB2
#C8DDB6
#C4DDBA
#C0DDBE
#BBDDC3
#B7DDC7
#B2DDCC
Colorpallet from #CCB2DD to #CCDDB2 and to #DDCCB2
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB9D6
#CCB9D6
#CDB8D6
#CDB8D6
#CEB7D6
#CEB7D6
#CFB6D6
#CCC0CF
#CDBFCF
#CEBECF
#CEBDCF
#CFBCCF
#D0BBCF
#D1BACF
#CCC7C8
#CDC6C8
#CFC4C8
#D0C3C8
#D1C1C8
#D2C0C8
#D4BEC8
#CCCEC1
#CECCC1
#D0CAC1
#D1C9C1
#D3C7C1
#D5C5C1
#D7C3C1
#CCD4BB
#CED2BB
#D0D0BB
#D3CEBB
#D5CCBB
#D7CABB
#DAC7BB
#CCDDB2
#CFDAB2
#D1D8B2
#D4D5B2
#D7D2B2
#DACFB2
#DDCCB2
Colorpallet from #CCB2DD to #CCDDB2 and to #DDB2CC
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB9D6
#CCB8D7
#CDB7D7
#CDB6D8
#CEB5D9
#CEB3D9
#CFB2DA
#CCC0CF
#CDBED0
#CEBCD2
#CEB9D3
#CFB7D5
#D0B5D6
#D1B2D8
#CCC7C8
#CDC4CA
#CFC0CC
#D0BDCE
#D1BAD0
#D2B6D2
#D4B2D5
#CCCEC1
#CECAC4
#D0C5C6
#D1C1C9
#D3BCCC
#D5B8CF
#D7B2D2
#CCD4BB
#CECFBE
#D0C9C1
#D3C4C5
#D5BEC8
#D7B9CB
#DAB2CF
#CCDDB2
#CFD6B6
#D1CFBA
#D4C8BE
#D7C1C3
#DABBC7
#DDB2CC
Colorpallet from #CCB2DD to #B2CCDD and to #B2DDCC
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#C8B6DD
#C8B6DD
#C8B7DC
#C8B7DC
#C8B8DB
#C8B8DB
#C8B9DA
#C4BADD
#C4BBDC
#C4BCDB
#C4BDDB
#C4BEDA
#C4BFD9
#C4C0D8
#C0BEDD
#C0BFDC
#C0C1DA
#C0C2D9
#C0C4D8
#C0C5D7
#C0C7D5
#BBC3DD
#BBC5DB
#BBC7D9
#BBC8D8
#BBCAD6
#BBCCD4
#BBCED2
#B7C7DD
#B7C9DB
#B7CBD9
#B7CDD6
#B7CFD4
#B7D1D2
#B7D4CF
#B2CCDD
#B2CFDA
#B2D1D8
#B2D4D5
#B2D7D2
#B2DACF
#B2DDCC
Colorpallet from #CCB2DD to #B2CCDD and to #DDCCB2
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#C8B6DD
#C9B6DC
#CAB6DB
#CBB6DA
#CCB6D9
#CEB6D7
#CFB6D6
#C4BADD
#C6BADB
#C8BAD9
#CABAD6
#CCBAD4
#CEBAD2
#D1BACF
#C0BEDD
#C3BEDA
#C6BED6
#CABED3
#CDBED0
#D0BECC
#D4BEC8
#BBC3DD
#BFC3D9
#C4C3D4
#C8C3D0
#CDC3CB
#D1C3C7
#D7C3C1
#B7C7DD
#BDC7D8
#C2C7D2
#C8C7CD
#CDC7C7
#D3C7C2
#DAC7BB
#B2CCDD
#B9CCD6
#C0CCCF
#C7CCC8
#CECCC1
#D4CCBB
#DDCCB2
Colorpallet from #CCB2DD to #B2CCDD and to #DDB2CC
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#C8B6DD
#C9B5DD
#CAB5DC
#CBB4DC
#CCB3DB
#CEB3DB
#CFB2DA
#C4BADD
#C6B9DC
#C8B7DB
#CAB6DB
#CCB5DA
#CEB4D9
#D1B2D8
#C0BEDD
#C3BCDC
#C6BADA
#CAB8D9
#CDB6D8
#D0B4D7
#D4B2D5
#BBC3DD
#BFC0DB
#C4BED9
#C8BBD8
#CDB8D6
#D1B5D4
#D7B2D2
#B7C7DD
#BDC4DB
#C2C0D9
#C8BDD6
#CDBAD4
#D3B6D2
#DAB2CF
#B2CCDD
#B9C8DA
#C0C4D8
#C7C0D5
#CEBBD2
#D4B7CF
#DDB2CC
Colorpallet from #CCB2DD to #B2DDCC and to #DDCCB2
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#C8B9DA
#C9B9D9
#CAB8D9
#CBB8D8
#CCB7D7
#CEB7D7
#CFB6D6
#C4C0D8
#C6BFD7
#C8BED5
#CABDD4
#CCBCD2
#CEBBD1
#D1BACF
#C0C7D5
#C3C6D3
#C6C4D1
#CAC3CF
#CDC1CD
#D0C0CB
#D4BEC8
#BBCED2
#BFCCCF
#C4CACD
#C8C9CA
#CDC7C7
#D1C5C4
#D7C3C1
#B7D4CF
#BDD2CC
#C2D0C9
#C8CEC5
#CDCCC2
#D3CABF
#DAC7BB
#B2DDCC
#B9DAC8
#C0D8C4
#C7D5C0
#CED2BB
#D4CFB7
#DDCCB2
Colorpallet from #CCB2DD to #B2DDCC and to #DDB2CC
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#C8B9DA
#C9B8DA
#CAB7DA
#CBB6DA
#CCB5DA
#CEB3DA
#CFB2DA
#C4C0D8
#C6BED8
#C8BCD8
#CAB9D8
#CCB7D8
#CEB5D8
#D1B2D8
#C0C7D5
#C3C4D5
#C6C0D5
#CABDD5
#CDBAD5
#D0B6D5
#D4B2D5
#BBCED2
#BFCAD2
#C4C5D2
#C8C1D2
#CDBCD2
#D1B8D2
#D7B2D2
#B7D4CF
#BDCFCF
#C2C9CF
#C8C4CF
#CDBECF
#D3B9CF
#DAB2CF
#B2DDCC
#B9D6CC
#C0CFCC
#C7C8CC
#CEC1CC
#D4BBCC
#DDB2CC
Colorpallet from #CCB2DD to #DDCCB2 and to #DDB2CC
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CCB2DD
#CFB6D6
#CFB5D7
#CFB5D7
#CFB4D8
#CFB3D9
#CFB3D9
#CFB2DA
#D1BACF
#D1B9D0
#D1B7D2
#D1B6D3
#D1B5D5
#D1B4D6
#D1B2D8
#D4BEC8
#D4BCCA
#D4BACC
#D4B8CE
#D4B6D0
#D4B4D2
#D4B2D5
#D7C3C1
#D7C0C4
#D7BEC6
#D7BBC9
#D7B8CC
#D7B5CF
#D7B2D2
#DAC7BB
#DAC4BE
#DAC0C1
#DABDC5
#DABAC8
#DAB6CB
#DAB2CF
#DDCCB2
#DDC8B6
#DDC4BA
#DDC0BE
#DDBBC3
#DDB7C7
#DDB2CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
