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 #D5DABE to #D5BEDA and to #DAD5BE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5D6C2
#D5D6C1
#D5D7C1
#D5D7C0
#D6D8BF
#D6D8BF
#D6D9BE
#D5D1C7
#D5D2C6
#D6D3C4
#D6D4C3
#D6D5C1
#D7D7C0
#D7D8BE
#D5CDCB
#D5CFC9
#D6D1C7
#D6D2C5
#D6D4C3
#D7D6C1
#D7D8BE
#D5C8D0
#D5CACD
#D6CDCA
#D6CFC7
#D7D2C4
#D7D4C2
#D8D7BE
#D5C4D4
#D6C7D0
#D6CACD
#D7CDC9
#D8D0C6
#D8D2C2
#D9D6BE
#D5BEDA
#D6C2D6
#D7C5D1
#D7C9CD
#D8CDC8
#D9D0C4
#DAD5BE
Colorpallet from #D5DABE to #D5BEDA and to #DABED5
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5D6C2
#D5D6C2
#D5D6C2
#D5D6C2
#D6D6C2
#D6D6C2
#D6D6C2
#D5D1C7
#D5D1C7
#D6D1C6
#D6D1C6
#D6D1C6
#D7D1C5
#D7D1C5
#D5CDCB
#D5CDCB
#D6CDCA
#D6CDCA
#D6CDCA
#D7CDC9
#D7CDC9
#D5C8D0
#D5C8D0
#D6C8CF
#D6C8CF
#D7C8CE
#D7C8CE
#D8C8CD
#D5C4D4
#D6C4D3
#D6C4D3
#D7C4D2
#D8C4D1
#D8C4D1
#D9C4D0
#D5BEDA
#D6BED9
#D7BED8
#D7BED8
#D8BED7
#D9BED6
#DABED5
Colorpallet from #D5DABE to #D5BEDA and to #BED5DA
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5D6C2
#D4D6C2
#D4D7C2
#D3D7C2
#D2D8C2
#D2D8C2
#D1D9C2
#D5D1C7
#D4D2C7
#D3D3C7
#D2D4C7
#D1D5C7
#CFD7C7
#CED8C7
#D5CDCB
#D3CFCB
#D1D1CB
#D0D2CB
#CED4CB
#CCD6CB
#CAD8CB
#D5C8D0
#D3CAD0
#D0CDD0
#CECFD0
#CBD2D0
#C9D4D0
#C6D7D0
#D5C4D4
#D2C7D4
#CFCAD4
#CCCDD4
#C9D0D4
#C7D2D4
#C3D6D4
#D5BEDA
#D1C2DA
#CEC5DA
#CAC9DA
#C6CDDA
#C3D0DA
#BED5DA
Colorpallet from #D5DABE to #D5BEDA and to #BEDAD5
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5D6C2
#D4D7C2
#D4D7C2
#D3D8C2
#D2D9C2
#D2D9C2
#D1DAC2
#D5D1C7
#D4D2C7
#D3D4C6
#D2D5C6
#D1D7C6
#CFD8C5
#CEDAC5
#D5CDCB
#D3CFCB
#D1D1CA
#D0D3CA
#CED5CA
#CCD7C9
#CADAC9
#D5C8D0
#D3CBD0
#D0CECF
#CED1CF
#CBD4CE
#C9D6CE
#C6DACD
#D5C4D4
#D2C8D3
#CFCBD3
#CCCFD2
#C9D2D1
#C7D6D1
#C3DAD0
#D5BEDA
#D1C2D9
#CEC7D8
#CACBD8
#C6D0D7
#C3D4D6
#BEDAD5
Colorpallet from #D5DABE to #DAD5BE and to #DABED5
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D6D9BE
#D6D9BF
#D6D8BF
#D6D8C0
#D6D7C1
#D6D7C1
#D6D6C2
#D7D8BE
#D7D7BF
#D7D6C0
#D7D5C1
#D7D4C2
#D7D2C4
#D7D1C5
#D7D8BE
#D7D6C0
#D7D4C2
#D7D3C3
#D7D1C5
#D7CFC7
#D7CDC9
#D8D7BE
#D8D5C0
#D8D2C3
#D8D0C5
#D8CDC8
#D8CBCA
#D8C8CD
#D9D6BE
#D9D3C1
#D9D0C4
#D9CDC7
#D9CACA
#D9C8CC
#D9C4D0
#DAD5BE
#DAD1C2
#DACEC5
#DACAC9
#DAC6CD
#DAC3D0
#DABED5
Colorpallet from #D5DABE to #DAD5BE and to #BED5DA
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D6D9BE
#D5D9BF
#D4D9BF
#D4D9C0
#D3D9C1
#D2D9C1
#D1D9C2
#D7D8BE
#D6D8BF
#D4D8C1
#D3D8C2
#D1D8C4
#D0D8C5
#CED8C7
#D7D8BE
#D5D8C0
#D3D8C2
#D1D8C4
#CFD8C6
#CDD8C8
#CAD8CB
#D8D7BE
#D5D7C1
#D2D7C4
#CFD7C7
#CCD7CA
#CAD7CC
#C6D7D0
#D9D6BE
#D5D6C2
#D2D6C5
#CED6C9
#CBD6CC
#C7D6D0
#C3D6D4
#DAD5BE
#D6D5C2
#D1D5C7
#CDD5CB
#C8D5D0
#C4D5D4
#BED5DA
Colorpallet from #D5DABE to #DAD5BE and to #BEDAD5
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D6D9BE
#D5D9BF
#D4D9BF
#D4D9C0
#D3DAC1
#D2DAC1
#D1DAC2
#D7D8BE
#D6D8BF
#D4D9C0
#D3D9C1
#D1D9C2
#D0DAC4
#CEDAC5
#D7D8BE
#D5D8C0
#D3D9C2
#D1D9C3
#CFD9C5
#CDDAC7
#CADAC9
#D8D7BE
#D5D7C0
#D2D8C3
#CFD8C5
#CCD9C8
#CAD9CA
#C6DACD
#D9D6BE
#D5D7C1
#D2D7C4
#CED8C7
#CBD9CA
#C7D9CC
#C3DAD0
#DAD5BE
#D6D6C2
#D1D7C5
#CDD7C9
#C8D8CD
#C4D9D0
#BEDAD5
Colorpallet from #D5DABE to #DABED5 and to #BED5DA
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D6D6C2
#D5D6C2
#D4D7C2
#D4D7C2
#D3D8C2
#D2D8C2
#D1D9C2
#D7D1C5
#D6D2C5
#D4D3C6
#D3D4C6
#D1D5C6
#D0D7C7
#CED8C7
#D7CDC9
#D5CFC9
#D3D1CA
#D1D2CA
#CFD4CA
#CDD6CB
#CAD8CB
#D8C8CD
#D5CACD
#D2CDCE
#CFCFCE
#CCD2CF
#CAD4CF
#C6D7D0
#D9C4D0
#D5C7D1
#D2CAD1
#CECDD2
#CBD0D3
#C7D2D3
#C3D6D4
#DABED5
#D6C2D6
#D1C5D7
#CDC9D7
#C8CDD8
#C4D0D9
#BED5DA
Colorpallet from #D5DABE to #DABED5 and to #BEDAD5
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D6D6C2
#D5D7C2
#D4D7C2
#D4D8C2
#D3D9C2
#D2D9C2
#D1DAC2
#D7D1C5
#D6D2C5
#D4D4C5
#D3D5C5
#D1D7C5
#D0D8C5
#CEDAC5
#D7CDC9
#D5CFC9
#D3D1C9
#D1D3C9
#CFD5C9
#CDD7C9
#CADAC9
#D8C8CD
#D5CBCD
#D2CECD
#CFD1CD
#CCD4CD
#CAD6CD
#C6DACD
#D9C4D0
#D5C8D0
#D2CBD0
#CECFD0
#CBD2D0
#C7D6D0
#C3DAD0
#DABED5
#D6C2D5
#D1C7D5
#CDCBD5
#C8D0D5
#C4D4D5
#BEDAD5
Colorpallet from #D5DABE to #BED5DA and to #BEDAD5
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D5DABE
#D1D9C2
#D1D9C2
#D1D9C2
#D1D9C2
#D1DAC2
#D1DAC2
#D1DAC2
#CED8C7
#CED8C7
#CED9C6
#CED9C6
#CED9C6
#CEDAC5
#CEDAC5
#CAD8CB
#CAD8CB
#CAD9CA
#CAD9CA
#CAD9CA
#CADAC9
#CADAC9
#C6D7D0
#C6D7D0
#C6D8CF
#C6D8CF
#C6D9CE
#C6D9CE
#C6DACD
#C3D6D4
#C3D7D3
#C3D7D3
#C3D8D2
#C3D9D1
#C3D9D1
#C3DAD0
#BED5DA
#BED6D9
#BED7D8
#BED7D8
#BED8D7
#BED9D6
#BEDAD5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts