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 #B1C3D7 to #B1D7C3 and to #C3B1D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C6D4
#B1C5D4
#B2C4D5
#B2C3D5
#B3C2D6
#B3C1D6
#B4C0D7
#B1C9D1
#B2C7D2
#B3C5D3
#B4C3D4
#B5C1D5
#B6BFD6
#B7BDD7
#B1CDCD
#B2CACF
#B4C7D0
#B5C4D2
#B7C1D3
#B8BED5
#BABAD7
#B1D0CA
#B3CCCC
#B5C8CE
#B7C4D0
#B9C0D2
#BBBCD4
#BDB7D7
#B1D3C7
#B3CECA
#B5C9CC
#B8C5CF
#BAC0D1
#BCBBD4
#BFB5D7
#B1D7C3
#B4D1C6
#B7CBC9
#BAC5CD
#BDBFD0
#BFB9D3
#C3B1D7
Colorpallet from #B1C3D7 to #B1D7C3 and to #C3D7B1
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C6D4
#B1C6D4
#B2C6D3
#B2C6D3
#B3C6D2
#B3C6D2
#B4C6D1
#B1C9D1
#B2C9D0
#B3C9CF
#B4C9CE
#B5C9CD
#B6C9CC
#B7C9CB
#B1CDCD
#B2CDCC
#B4CDCA
#B5CDC9
#B7CDC8
#B8CDC7
#BACDC5
#B1D0CA
#B3D0C8
#B5D0C6
#B7D0C5
#B9D0C3
#BBD0C1
#BDD0BF
#B1D3C7
#B3D3C5
#B5D3C3
#B8D3C0
#BAD3BE
#BCD3BC
#BFD3B9
#B1D7C3
#B4D7C0
#B7D7BD
#BAD7BA
#BDD7B7
#BFD7B5
#C3D7B1
Colorpallet from #B1C3D7 to #B1D7C3 and to #D7B1C3
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C6D4
#B2C5D4
#B3C4D4
#B4C3D4
#B5C2D4
#B6C1D4
#B7C0D4
#B1C9D1
#B3C7D1
#B5C5D1
#B7C3D1
#B9C1D1
#BBBFD1
#BDBDD1
#B1CDCD
#B4CACD
#B7C7CD
#BAC4CD
#BDC1CD
#BFBECD
#C3BACD
#B1D0CA
#B5CCCA
#B9C8CA
#BDC4CA
#C0C0CA
#C4BCCA
#C9B7CA
#B1D3C7
#B6CEC7
#BBC9C7
#BFC5C7
#C4C0C7
#C9BBC7
#CFB5C7
#B1D7C3
#B7D1C3
#BDCBC3
#C3C5C3
#C9BFC3
#CFB9C3
#D7B1C3
Colorpallet from #B1C3D7 to #B1D7C3 and to #D7C3B1
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C6D4
#B2C6D4
#B3C5D3
#B4C5D3
#B5C4D2
#B6C4D2
#B7C3D1
#B1C9D1
#B3C8D0
#B5C7CF
#B7C6CE
#B9C5CD
#BBC4CC
#BDC3CB
#B1CDCD
#B4CBCC
#B7CACA
#BAC8C9
#BDC7C8
#BFC5C7
#C3C3C5
#B1D0CA
#B5CEC8
#B9CCC6
#BDCAC5
#C0C8C3
#C4C6C1
#C9C3BF
#B1D3C7
#B6D0C5
#BBCEC3
#BFCBC0
#C4C9BE
#C9C6BC
#CFC3B9
#B1D7C3
#B7D4C0
#BDD1BD
#C3CDBA
#C9CAB7
#CFC7B5
#D7C3B1
Colorpallet from #B1C3D7 to #C3B1D7 and to #C3D7B1
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B4C0D7
#B4C1D6
#B4C2D5
#B4C3D4
#B4C4D3
#B4C5D2
#B4C6D1
#B7BDD7
#B7BFD5
#B7C1D3
#B7C3D1
#B7C5CF
#B7C7CD
#B7C9CB
#BABAD7
#BABDD4
#BAC0D1
#BAC3CE
#BAC6CB
#BAC9C9
#BACDC5
#BDB7D7
#BDBBD3
#BDBFCF
#BDC3CB
#BDC7C8
#BDCBC4
#BDD0BF
#BFB5D7
#BFBAD2
#BFBFCD
#BFC3C9
#BFC8C4
#BFCDBF
#BFD3B9
#C3B1D7
#C3B7D1
#C3BDCB
#C3C3C5
#C3C9BF
#C3CFB9
#C3D7B1
Colorpallet from #B1C3D7 to #C3B1D7 and to #D7B1C3
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B4C0D7
#B4C0D7
#B5C0D6
#B5C0D6
#B6C0D5
#B6C0D5
#B7C0D4
#B7BDD7
#B8BDD6
#B9BDD5
#BABDD4
#BBBDD3
#BCBDD2
#BDBDD1
#BABAD7
#BBBAD5
#BDBAD4
#BEBAD2
#C0BAD1
#C1BACF
#C3BACD
#BDB7D7
#BFB7D5
#C1B7D3
#C3B7D1
#C5B7CF
#C7B7CD
#C9B7CA
#BFB5D7
#C2B5D4
#C4B5D2
#C7B5CF
#C9B5CD
#CCB5CA
#CFB5C7
#C3B1D7
#C6B1D4
#C9B1D1
#CDB1CD
#D0B1CA
#D3B1C7
#D7B1C3
Colorpallet from #B1C3D7 to #C3B1D7 and to #D7C3B1
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B4C0D7
#B4C0D6
#B5C1D5
#B5C1D4
#B6C2D3
#B6C2D2
#B7C3D1
#B7BDD7
#B8BED5
#B9BFD3
#BAC0D1
#BBC1CF
#BCC2CD
#BDC3CB
#BABAD7
#BBBBD4
#BDBDD1
#BEBECE
#C0C0CB
#C1C1C9
#C3C3C5
#BDB7D7
#BFB9D3
#C1BBCF
#C3BDCB
#C5BFC8
#C7C1C4
#C9C3BF
#BFB5D7
#C2B7D2
#C4B9CD
#C7BCC9
#C9BEC4
#CCC0BF
#CFC3B9
#C3B1D7
#C6B4D1
#C9B7CB
#CDBAC5
#D0BDBF
#D3BFB9
#D7C3B1
Colorpallet from #B1C3D7 to #C3D7B1 and to #D7B1C3
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B4C6D1
#B4C5D1
#B5C4D2
#B5C3D2
#B6C2D3
#B6C1D3
#B7C0D4
#B7C9CB
#B8C7CC
#B9C5CD
#BAC3CE
#BBC1CF
#BCBFD0
#BDBDD1
#BACDC5
#BBCAC6
#BDC7C8
#BEC4C9
#C0C1CA
#C1BECB
#C3BACD
#BDD0BF
#BFCCC1
#C1C8C3
#C3C4C4
#C5C0C6
#C7BCC8
#C9B7CA
#BFD3B9
#C2CEBB
#C4C9BD
#C7C5C0
#C9C0C2
#CCBBC4
#CFB5C7
#C3D7B1
#C6D1B4
#C9CBB7
#CDC5BA
#D0BFBD
#D3B9BF
#D7B1C3
Colorpallet from #B1C3D7 to #C3D7B1 and to #D7C3B1
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B4C6D1
#B4C6D1
#B5C5D1
#B5C5D1
#B6C4D1
#B6C4D1
#B7C3D1
#B7C9CB
#B8C8CB
#B9C7CB
#BAC6CB
#BBC5CB
#BCC4CB
#BDC3CB
#BACDC5
#BBCBC5
#BDCAC5
#BEC8C5
#C0C7C5
#C1C5C5
#C3C3C5
#BDD0BF
#BFCEBF
#C1CCBF
#C3CABF
#C5C8BF
#C7C6BF
#C9C3BF
#BFD3B9
#C2D0B9
#C4CEB9
#C7CBB9
#C9C9B9
#CCC6B9
#CFC3B9
#C3D7B1
#C6D4B1
#C9D1B1
#CDCDB1
#D0CAB1
#D3C7B1
#D7C3B1
Colorpallet from #B1C3D7 to #D7B1C3 and to #D7C3B1
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B1C3D7
#B7C0D4
#B7C0D4
#B7C1D3
#B7C1D3
#B7C2D2
#B7C2D2
#B7C3D1
#BDBDD1
#BDBED0
#BDBFCF
#BDC0CE
#BDC1CD
#BDC2CC
#BDC3CB
#C3BACD
#C3BBCC
#C3BDCA
#C3BEC9
#C3C0C8
#C3C1C7
#C3C3C5
#C9B7CA
#C9B9C8
#C9BBC6
#C9BDC5
#C9BFC3
#C9C1C1
#C9C3BF
#CFB5C7
#CFB7C5
#CFB9C3
#CFBCC0
#CFBEBE
#CFC0BC
#CFC3B9
#D7B1C3
#D7B4C0
#D7B7BD
#D7BABA
#D7BDB7
#D7BFB5
#D7C3B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
