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 #AEC2D8 to #AED8C2 and to #C2AED8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC6D4
#AEC5D5
#AFC4D5
#AFC3D6
#B0C2D7
#B0C0D7
#B1BFD8
#AEC9D1
#AFC7D2
#B0C5D3
#B1C3D4
#B2C1D5
#B3BFD7
#B4BCD8
#AECDCD
#B0CACF
#B1C6D1
#B3C3D2
#B4C0D4
#B6BCD6
#B8B8D8
#AED0CA
#B0CCCC
#B2C7CE
#B4C3D1
#B6BFD3
#B8BAD5
#BBB5D8
#AED4C6
#B1CFC9
#B3C9CC
#B6C4CF
#B8BED2
#BBB9D4
#BEB2D8
#AED8C2
#B1D1C6
#B4CBC9
#B8C4CD
#BBBDD0
#BEB6D4
#C2AED8
Colorpallet from #AEC2D8 to #AED8C2 and to #C2D8AE
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC6D4
#AEC6D4
#AFC6D3
#AFC6D3
#B0C6D2
#B0C6D2
#B1C6D1
#AEC9D1
#AFC9D0
#B0C9CF
#B1C9CE
#B2C9CD
#B3C9CC
#B4C9CB
#AECDCD
#B0CDCC
#B1CDCA
#B3CDC9
#B4CDC7
#B6CDC6
#B8CDC4
#AED0CA
#B0D0C8
#B2D0C6
#B4D0C4
#B6D0C2
#B8D0C0
#BBD0BD
#AED4C6
#B1D4C3
#B3D4C1
#B6D4BE
#B8D4BC
#BBD4B9
#BED4B6
#AED8C2
#B1D8BF
#B4D8BC
#B8D8B8
#BBD8B5
#BED8B2
#C2D8AE
Colorpallet from #AEC2D8 to #AED8C2 and to #D8AEC2
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC6D4
#AFC5D4
#B0C4D4
#B1C3D4
#B2C2D4
#B4C0D4
#B5BFD4
#AEC9D1
#B0C7D1
#B2C5D1
#B4C3D1
#B6C1D1
#B8BFD1
#BBBCD1
#AECDCD
#B1CACD
#B4C6CD
#B8C3CD
#BBC0CD
#BEBCCD
#C2B8CD
#AED0CA
#B2CCCA
#B7C7CA
#BBC3CA
#BFBFCA
#C4BACA
#C9B5CA
#AED4C6
#B3CFC6
#B9C9C6
#BEC4C6
#C4BEC6
#C9B9C6
#D0B2C6
#AED8C2
#B5D1C2
#BBCBC2
#C2C4C2
#C9BDC2
#D0B6C2
#D8AEC2
Colorpallet from #AEC2D8 to #AED8C2 and to #D8C2AE
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC6D4
#AFC5D4
#B0C5D3
#B1C4D3
#B2C3D2
#B4C3D2
#B5C2D1
#AEC9D1
#B0C8D0
#B2C7CF
#B4C6CE
#B6C5CD
#B8C3CC
#BBC2CB
#AECDCD
#B1CBCC
#B4C9CA
#B8C8C9
#BBC6C7
#BEC4C6
#C2C2C4
#AED0CA
#B2CEC8
#B7CCC6
#BBC9C4
#BFC7C2
#C4C5C0
#C9C2BD
#AED4C6
#B3D1C3
#B9CEC1
#BECBBE
#C4C8BC
#C9C6B9
#D0C2B6
#AED8C2
#B5D4BF
#BBD1BC
#C2CDB8
#C9CAB5
#D0C6B2
#D8C2AE
Colorpallet from #AEC2D8 to #C2AED8 and to #C2D8AE
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#B1BFD8
#B1C0D7
#B1C1D6
#B1C2D5
#B1C3D4
#B1C5D2
#B1C6D1
#B4BCD8
#B4BED6
#B4C0D4
#B4C2D2
#B4C4D0
#B4C6CE
#B4C9CB
#B8B8D8
#B8BBD5
#B8BFD2
#B8C2CE
#B8C5CB
#B8C9C8
#B8CDC4
#BBB5D8
#BBB9D4
#BBBECF
#BBC2CB
#BBC6C7
#BBCBC2
#BBD0BD
#BEB2D8
#BEB7D3
#BEBDCD
#BEC2C8
#BEC8C2
#BECDBD
#BED4B6
#C2AED8
#C2B5D1
#C2BBCB
#C2C2C4
#C2C9BD
#C2D0B6
#C2D8AE
Colorpallet from #AEC2D8 to #C2AED8 and to #D8AEC2
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#B1BFD8
#B2BFD7
#B2BFD7
#B3BFD6
#B4BFD5
#B4BFD5
#B5BFD4
#B4BCD8
#B5BCD7
#B6BCD6
#B7BCD5
#B8BCD4
#BABCD2
#BBBCD1
#B8B8D8
#BAB8D6
#BBB8D4
#BDB8D3
#BEB8D1
#C0B8CF
#C2B8CD
#BBB5D8
#BDB5D6
#BFB5D4
#C2B5D1
#C4B5CF
#C6B5CD
#C9B5CA
#BEB2D8
#C1B2D5
#C4B2D2
#C7B2CF
#CAB2CC
#CCB2CA
#D0B2C6
#C2AED8
#C6AED4
#C9AED1
#CDAECD
#D0AECA
#D4AEC6
#D8AEC2
Colorpallet from #AEC2D8 to #C2AED8 and to #D8C2AE
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#B1BFD8
#B2BFD7
#B2C0D6
#B3C0D5
#B4C1D4
#B4C1D2
#B5C2D1
#B4BCD8
#B5BDD6
#B6BED4
#B7BFD2
#B8C0D0
#BAC1CE
#BBC2CB
#B8B8D8
#BABAD5
#BBBBD2
#BDBDCE
#BEBECB
#C0C0C8
#C2C2C4
#BBB5D8
#BDB7D4
#BFB9CF
#C2BBCB
#C4BDC7
#C6BFC2
#C9C2BD
#BEB2D8
#C1B5D3
#C4B7CD
#C7BAC8
#CABCC2
#CCBFBD
#D0C2B6
#C2AED8
#C6B1D1
#C9B4CB
#CDB8C4
#D0BBBD
#D4BEB6
#D8C2AE
Colorpallet from #AEC2D8 to #C2D8AE and to #D8AEC2
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#B1C6D1
#B2C5D1
#B2C4D2
#B3C3D2
#B4C2D3
#B4C0D3
#B5BFD4
#B4C9CB
#B5C7CC
#B6C5CD
#B7C3CE
#B8C1CF
#BABFD0
#BBBCD1
#B8CDC4
#BACAC5
#BBC6C7
#BDC3C8
#BEC0CA
#C0BCCB
#C2B8CD
#BBD0BD
#BDCCBF
#BFC7C1
#C2C3C3
#C4BFC5
#C6BAC7
#C9B5CA
#BED4B6
#C1CFB9
#C4C9BB
#C7C4BE
#CABEC0
#CCB9C3
#D0B2C6
#C2D8AE
#C6D1B1
#C9CBB4
#CDC4B8
#D0BDBB
#D4B6BE
#D8AEC2
Colorpallet from #AEC2D8 to #C2D8AE and to #D8C2AE
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#B1C6D1
#B2C5D1
#B2C5D1
#B3C4D1
#B4C3D1
#B4C3D1
#B5C2D1
#B4C9CB
#B5C8CB
#B6C7CB
#B7C6CB
#B8C5CB
#BAC3CB
#BBC2CB
#B8CDC4
#BACBC4
#BBC9C4
#BDC8C4
#BEC6C4
#C0C4C4
#C2C2C4
#BBD0BD
#BDCEBD
#BFCCBD
#C2C9BD
#C4C7BD
#C6C5BD
#C9C2BD
#BED4B6
#C1D1B6
#C4CEB6
#C7CBB6
#CAC8B6
#CCC6B6
#D0C2B6
#C2D8AE
#C6D4AE
#C9D1AE
#CDCDAE
#D0CAAE
#D4C6AE
#D8C2AE
Colorpallet from #AEC2D8 to #D8AEC2 and to #D8C2AE
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#AEC2D8
#B5BFD4
#B5BFD4
#B5C0D3
#B5C0D3
#B5C1D2
#B5C1D2
#B5C2D1
#BBBCD1
#BBBDD0
#BBBECF
#BBBFCE
#BBC0CD
#BBC1CC
#BBC2CB
#C2B8CD
#C2BACC
#C2BBCA
#C2BDC9
#C2BEC7
#C2C0C6
#C2C2C4
#C9B5CA
#C9B7C8
#C9B9C6
#C9BBC4
#C9BDC2
#C9BFC0
#C9C2BD
#D0B2C6
#D0B5C3
#D0B7C1
#D0BABE
#D0BCBC
#D0BFB9
#D0C2B6
#D8AEC2
#D8B1BF
#D8B4BC
#D8B8B8
#D8BBB5
#D8BEB2
#D8C2AE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
