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 #B2C4D2 to #B2D2C4 and to #C4B2D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C6D0
#B2C5D0
#B3C4D1
#B3C4D1
#B4C3D1
#B4C2D2
#B5C1D2
#B2C8CE
#B3C6CF
#B4C5CF
#B5C3D0
#B6C2D1
#B7C0D1
#B8BED2
#B2CBCB
#B3C8CC
#B5C6CD
#B6C3CE
#B8C1CF
#B9BED1
#BBBBD2
#B2CDC9
#B4CACA
#B6C6CC
#B8C3CD
#BAC0CF
#BCBCD0
#BEB8D2
#B2CFC7
#B4CBC9
#B6C7CB
#B9C3CC
#BBBFCE
#BDBBD0
#C0B6D2
#B2D2C4
#B5CDC6
#B8C8C8
#BBC3CB
#BEBECD
#C0B8CF
#C4B2D2
Colorpallet from #B2C4D2 to #B2D2C4 and to #C4D2B2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C6D0
#B2C6D0
#B3C6CF
#B3C6CF
#B4C6CE
#B4C6CE
#B5C6CD
#B2C8CE
#B3C8CD
#B4C8CC
#B5C8CB
#B6C8CA
#B7C8C9
#B8C8C8
#B2CBCB
#B3CBCA
#B5CBC8
#B6CBC7
#B8CBC6
#B9CBC5
#BBCBC3
#B2CDC9
#B4CDC7
#B6CDC5
#B8CDC4
#BACDC2
#BCCDC0
#BECDBE
#B2CFC7
#B4CFC5
#B6CFC2
#B9CFC0
#BBCFBD
#BDCFBB
#C0CFB8
#B2D2C4
#B5D2C1
#B8D2BE
#BBD2BB
#BED2B8
#C0D2B6
#C4D2B2
Colorpallet from #B2C4D2 to #B2D2C4 and to #D2B2C4
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C6D0
#B3C5D0
#B4C4D0
#B4C4D0
#B5C3D0
#B6C2D0
#B7C1D0
#B2C8CE
#B4C6CE
#B5C5CE
#B7C3CE
#B8C2CE
#BAC0CE
#BCBECE
#B2CBCB
#B4C8CB
#B7C6CB
#B9C3CB
#BCC1CB
#BEBECB
#C1BBCB
#B2CDC9
#B5CAC9
#B8C6C9
#BCC3C9
#BFC0C9
#C2BCC9
#C6B8C9
#B2CFC7
#B6CBC7
#BAC7C7
#BEC3C7
#C3BFC7
#C7BBC7
#CCB6C7
#B2D2C4
#B7CDC4
#BCC8C4
#C1C3C4
#C6BEC4
#CCB8C4
#D2B2C4
Colorpallet from #B2C4D2 to #B2D2C4 and to #D2C4B2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C6D0
#B3C6D0
#B4C5CF
#B4C5CF
#B5C5CE
#B6C4CE
#B7C4CD
#B2C8CE
#B4C7CD
#B5C7CC
#B7C6CB
#B8C5CA
#BAC5C9
#BCC4C8
#B2CBCB
#B4CACA
#B7C9C8
#B9C8C7
#BCC7C6
#BEC5C5
#C1C4C3
#B2CDC9
#B5CCC7
#B8CAC5
#BCC9C4
#BFC7C2
#C2C6C0
#C6C4BE
#B2CFC7
#B6CDC5
#BACBC2
#BECAC0
#C3C8BD
#C7C6BB
#CCC4B8
#B2D2C4
#B7D0C1
#BCCEBE
#C1CBBB
#C6C9B8
#CCC7B6
#D2C4B2
Colorpallet from #B2C4D2 to #C4B2D2 and to #C4D2B2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B5C1D2
#B5C2D1
#B5C3D0
#B5C3D0
#B5C4CF
#B5C5CE
#B5C6CD
#B8BED2
#B8C0D0
#B8C1CF
#B8C3CD
#B8C4CC
#B8C6CA
#B8C8C8
#BBBBD2
#BBBED0
#BBC0CD
#BBC3CB
#BBC5C8
#BBC8C6
#BBCBC3
#BEB8D2
#BEBBCF
#BEBFCC
#BEC2C8
#BEC5C5
#BEC9C2
#BECDBE
#C0B6D2
#C0BACE
#C0BECA
#C0C2C6
#C0C6C1
#C0CABD
#C0CFB8
#C4B2D2
#C4B7CD
#C4BCC8
#C4C1C3
#C4C6BE
#C4CCB8
#C4D2B2
Colorpallet from #B2C4D2 to #C4B2D2 and to #D2B2C4
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B5C1D2
#B5C1D2
#B6C1D1
#B6C1D1
#B6C1D1
#B7C1D0
#B7C1D0
#B8BED2
#B9BED1
#B9BED1
#BABED0
#BBBECF
#BBBECF
#BCBECE
#BBBBD2
#BCBBD1
#BDBBD0
#BEBBCF
#BFBBCE
#C0BBCC
#C1BBCB
#BEB8D2
#BFB8D1
#C1B8CF
#C2B8CE
#C3B8CC
#C4B8CB
#C6B8C9
#C0B6D2
#C2B6D0
#C4B6CE
#C6B6CD
#C8B6CB
#CAB6C9
#CCB6C7
#C4B2D2
#C6B2D0
#C8B2CE
#CBB2CB
#CDB2C9
#CFB2C7
#D2B2C4
Colorpallet from #B2C4D2 to #C4B2D2 and to #D2C4B2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B5C1D2
#B5C1D1
#B6C2D0
#B6C2D0
#B6C3CF
#B7C3CE
#B7C4CD
#B8BED2
#B9BFD0
#B9C0CF
#BAC1CD
#BBC2CC
#BBC3CA
#BCC4C8
#BBBBD2
#BCBCD0
#BDBECD
#BEBFCB
#BFC1C8
#C0C2C6
#C1C4C3
#BEB8D2
#BFBACF
#C1BCCC
#C2BEC8
#C3C0C5
#C4C2C2
#C6C4BE
#C0B6D2
#C2B8CE
#C4BACA
#C6BDC6
#C8BFC1
#CAC1BD
#CCC4B8
#C4B2D2
#C6B5CD
#C8B8C8
#CBBBC3
#CDBEBE
#CFC0B8
#D2C4B2
Colorpallet from #B2C4D2 to #C4D2B2 and to #D2B2C4
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B5C6CD
#B5C5CD
#B6C4CE
#B6C4CE
#B6C3CF
#B7C2CF
#B7C1D0
#B8C8C8
#B9C6C9
#B9C5CA
#BAC3CB
#BBC2CC
#BBC0CD
#BCBECE
#BBCBC3
#BCC8C4
#BDC6C6
#BEC3C7
#BFC1C8
#C0BEC9
#C1BBCB
#BECDBE
#BFCAC0
#C1C6C2
#C2C3C3
#C3C0C5
#C4BCC7
#C6B8C9
#C0CFB8
#C2CBBA
#C4C7BD
#C6C3BF
#C8BFC2
#CABBC4
#CCB6C7
#C4D2B2
#C6CDB5
#C8C8B8
#CBC3BB
#CDBEBE
#CFB8C0
#D2B2C4
Colorpallet from #B2C4D2 to #C4D2B2 and to #D2C4B2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B5C6CD
#B5C6CD
#B6C5CD
#B6C5CD
#B6C5CD
#B7C4CD
#B7C4CD
#B8C8C8
#B9C7C8
#B9C7C8
#BAC6C8
#BBC5C8
#BBC5C8
#BCC4C8
#BBCBC3
#BCCAC3
#BDC9C3
#BEC8C3
#BFC7C3
#C0C5C3
#C1C4C3
#BECDBE
#BFCCBE
#C1CABE
#C2C9BE
#C3C7BE
#C4C6BE
#C6C4BE
#C0CFB8
#C2CDB8
#C4CBB8
#C6CAB8
#C8C8B8
#CAC6B8
#CCC4B8
#C4D2B2
#C6D0B2
#C8CEB2
#CBCBB2
#CDC9B2
#CFC7B2
#D2C4B2
Colorpallet from #B2C4D2 to #D2B2C4 and to #D2C4B2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B2C4D2
#B7C1D0
#B7C1D0
#B7C2CF
#B7C2CF
#B7C3CE
#B7C3CE
#B7C4CD
#BCBECE
#BCBFCD
#BCC0CC
#BCC1CB
#BCC2CA
#BCC3C9
#BCC4C8
#C1BBCB
#C1BCCA
#C1BEC8
#C1BFC7
#C1C1C6
#C1C2C5
#C1C4C3
#C6B8C9
#C6BAC7
#C6BCC5
#C6BEC4
#C6C0C2
#C6C2C0
#C6C4BE
#CCB6C7
#CCB8C5
#CCBAC2
#CCBDC0
#CCBFBD
#CCC1BB
#CCC4B8
#D2B2C4
#D2B5C1
#D2B8BE
#D2BBBB
#D2BEB8
#D2C0B6
#D2C4B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts