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 #B1DAD5 to #B1D5DA and to #DAB1D5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1D9D6
#B2D8D6
#B3D7D6
#B4D6D6
#B5D5D5
#B7D4D5
#B8D3D5
#B1D8D7
#B3D6D7
#B5D4D6
#B7D3D6
#B9D1D6
#BBCFD5
#BECDD5
#B1D8D7
#B4D5D7
#B7D2D6
#BBCFD6
#BECCD6
#C1CAD5
#C5C6D5
#B1D7D8
#B5D3D8
#B9D0D7
#BDCCD7
#C2C8D6
#C6C5D6
#CBC0D5
#B1D6D9
#B6D1D8
#BCCDD8
#C1C8D7
#C6C3D6
#CBBFD6
#D2B9D5
#B1D5DA
#B8CFD9
#BEC9D8
#C5C4D8
#CBBED7
#D2B8D6
#DAB1D5
Colorpallet from #B1DAD5 to #B1D5DA and to #DAD5B1
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1D9D6
#B2D9D5
#B3D9D4
#B4D9D3
#B5D9D2
#B7D9D0
#B8D9CF
#B1D8D7
#B3D8D5
#B5D8D3
#B7D8D0
#B9D8CE
#BBD8CC
#BED8C9
#B1D8D7
#B4D8D4
#B7D8D1
#BBD8CE
#BED8CB
#C1D8C8
#C5D8C4
#B1D7D8
#B5D7D4
#B9D7D0
#BDD7CC
#C2D7C7
#C6D7C3
#CBD7BE
#B1D6D9
#B6D6D4
#BCD6CE
#C1D6C9
#C6D6C4
#CBD6BF
#D2D6B8
#B1D5DA
#B8D5D3
#BED5CD
#C5D5C6
#CBD5C0
#D2D5B9
#DAD5B1
Colorpallet from #B1DAD5 to #B1D5DA and to #D5B1DA
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1D9D6
#B2D8D6
#B3D7D6
#B4D6D6
#B5D5D6
#B6D4D6
#B7D3D6
#B1D8D7
#B3D6D7
#B5D4D7
#B7D3D7
#B9D1D7
#BBCFD7
#BDCDD7
#B1D8D7
#B4D5D7
#B6D2D7
#B9CFD7
#BCCCD7
#BFCAD7
#C2C6D7
#B1D7D8
#B5D3D8
#B8D0D8
#BCCCD8
#C0C8D8
#C3C5D8
#C8C0D8
#B1D6D9
#B6D1D9
#BACDD9
#BFC8D9
#C4C3D9
#C8BFD9
#CEB9D9
#B1D5DA
#B7CFDA
#BDC9DA
#C2C4DA
#C8BEDA
#CEB8DA
#D5B1DA
Colorpallet from #B1DAD5 to #B1D5DA and to #D5DAB1
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1D9D6
#B2D9D5
#B3D9D4
#B4D9D3
#B5DAD2
#B6DAD0
#B7DACF
#B1D8D7
#B3D8D5
#B5D9D3
#B7D9D0
#B9D9CE
#BBDACC
#BDDAC9
#B1D8D7
#B4D8D4
#B6D9D1
#B9D9CE
#BCD9CB
#BFDAC8
#C2DAC4
#B1D7D8
#B5D7D4
#B8D8D0
#BCD8CC
#C0D9C7
#C3D9C3
#C8DABE
#B1D6D9
#B6D7D4
#BAD7CE
#BFD8C9
#C4D9C4
#C8D9BF
#CEDAB8
#B1D5DA
#B7D6D3
#BDD7CD
#C2D7C6
#C8D8C0
#CED9B9
#D5DAB1
Colorpallet from #B1DAD5 to #DAB1D5 and to #DAD5B1
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B8D3D5
#B8D4D4
#B8D5D3
#B8D6D2
#B8D7D1
#B8D8D0
#B8D9CF
#BECDD5
#BECFD3
#BED1D1
#BED2CF
#BED4CD
#BED6CB
#BED8C9
#C5C6D5
#C5C9D2
#C5CCD0
#C5CFCD
#C5D2CA
#C5D4C7
#C5D8C4
#CBC0D5
#CBC4D1
#CBC7CE
#CBCBCA
#CBCFC6
#CBD2C3
#CBD7BE
#D2B9D5
#D2BED0
#D2C2CC
#D2C7C7
#D2CCC2
#D2D0BE
#D2D6B8
#DAB1D5
#DAB7CF
#DABDC9
#DAC2C4
#DAC8BE
#DACEB8
#DAD5B1
Colorpallet from #B1DAD5 to #DAB1D5 and to #D5B1DA
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B8D3D5
#B8D3D5
#B8D3D5
#B8D3D5
#B7D3D6
#B7D3D6
#B7D3D6
#BECDD5
#BECDD5
#BECDD6
#BECDD6
#BDCDD6
#BDCDD7
#BDCDD7
#C5C6D5
#C5C6D5
#C4C6D6
#C4C6D6
#C3C6D6
#C3C6D7
#C2C6D7
#CBC0D5
#CBC0D5
#CAC0D6
#CAC0D6
#C9C0D7
#C9C0D7
#C8C0D8
#D2B9D5
#D1B9D6
#D1B9D6
#D0B9D7
#CFB9D8
#CFB9D8
#CEB9D9
#DAB1D5
#D9B1D6
#D8B1D7
#D8B1D7
#D7B1D8
#D6B1D9
#D5B1DA
Colorpallet from #B1DAD5 to #DAB1D5 and to #D5DAB1
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B8D3D5
#B8D4D4
#B8D5D3
#B8D6D2
#B7D7D1
#B7D9D0
#B7DACF
#BECDD5
#BECFD3
#BED1D1
#BED3CF
#BDD5CD
#BDD7CB
#BDDAC9
#C5C6D5
#C5C9D2
#C4CCD0
#C4D0CD
#C3D3CA
#C3D6C7
#C2DAC4
#CBC0D5
#CBC4D1
#CAC8CE
#CACCCA
#C9D1C6
#C9D5C3
#C8DABE
#D2B9D5
#D1BED0
#D1C4CC
#D0C9C7
#CFCEC2
#CFD3BE
#CEDAB8
#DAB1D5
#D9B8CF
#D8BEC9
#D8C5C4
#D7CBBE
#D6D2B8
#D5DAB1
Colorpallet from #B1DAD5 to #DAD5B1 and to #D5B1DA
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B8D9CF
#B8D8D0
#B8D7D1
#B8D6D2
#B7D5D3
#B7D4D5
#B7D3D6
#BED8C9
#BED6CB
#BED4CD
#BED3D0
#BDD1D2
#BDCFD4
#BDCDD7
#C5D8C4
#C5D5C7
#C4D2CA
#C4CFCD
#C3CCD0
#C3CAD3
#C2C6D7
#CBD7BE
#CBD3C2
#CAD0C6
#CACCCA
#C9C8CF
#C9C5D3
#C8C0D8
#D2D6B8
#D1D1BD
#D1CDC3
#D0C8C8
#CFC3CD
#CFBFD2
#CEB9D9
#DAD5B1
#D9CFB8
#D8C9BE
#D8C4C5
#D7BECB
#D6B8D2
#D5B1DA
Colorpallet from #B1DAD5 to #DAD5B1 and to #D5DAB1
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B8D9CF
#B8D9CF
#B8D9CF
#B8D9CF
#B7DACF
#B7DACF
#B7DACF
#BED8C9
#BED8C9
#BED9C9
#BED9C9
#BDD9C9
#BDDAC9
#BDDAC9
#C5D8C4
#C5D8C4
#C4D9C4
#C4D9C4
#C3D9C4
#C3DAC4
#C2DAC4
#CBD7BE
#CBD7BE
#CAD8BE
#CAD8BE
#C9D9BE
#C9D9BE
#C8DABE
#D2D6B8
#D1D7B8
#D1D7B8
#D0D8B8
#CFD9B8
#CFD9B8
#CEDAB8
#DAD5B1
#D9D6B1
#D8D7B1
#D8D7B1
#D7D8B1
#D6D9B1
#D5DAB1
Colorpallet from #B1DAD5 to #D5B1DA and to #D5DAB1
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B1DAD5
#B7D3D6
#B7D4D5
#B7D5D4
#B7D6D3
#B7D7D2
#B7D9D0
#B7DACF
#BDCDD7
#BDCFD5
#BDD1D3
#BDD3D0
#BDD5CE
#BDD7CC
#BDDAC9
#C2C6D7
#C2C9D4
#C2CCD1
#C2D0CE
#C2D3CB
#C2D6C8
#C2DAC4
#C8C0D8
#C8C4D4
#C8C8D0
#C8CCCC
#C8D1C7
#C8D5C3
#C8DABE
#CEB9D9
#CEBED4
#CEC4CE
#CEC9C9
#CECEC4
#CED3BF
#CEDAB8
#D5B1DA
#D5B8D3
#D5BECD
#D5C5C6
#D5CBC0
#D5D2B9
#D5DAB1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts