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 #B3C4D2 to #B3D2C4 and to #C4B3D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C6D0
#B3C5D0
#B4C4D1
#B4C4D1
#B5C3D1
#B5C2D2
#B6C1D2
#B3C8CE
#B4C7CF
#B5C5CF
#B5C4D0
#B6C2D1
#B7C1D1
#B8BFD2
#B3CBCB
#B4C9CC
#B6C6CD
#B7C4CE
#B8C1CF
#B9BFD1
#BBBCD2
#B3CDC9
#B5CACA
#B7C7CC
#B8C3CD
#BAC0CF
#BCBDD0
#BEB9D2
#B3CFC7
#B5CBC9
#B7C7CB
#BAC3CC
#BCBFCE
#BEBBD0
#C1B6D2
#B3D2C4
#B6CDC6
#B8C8C8
#BBC3CB
#BEBECD
#C1B9CF
#C4B3D2
Colorpallet from #B3C4D2 to #B3D2C4 and to #C4D2B3
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C6D0
#B3C6D0
#B4C6CF
#B4C6CF
#B5C6CE
#B5C6CE
#B6C6CD
#B3C8CE
#B4C8CD
#B5C8CC
#B5C8CB
#B6C8CA
#B7C8C9
#B8C8C8
#B3CBCB
#B4CBCA
#B6CBC8
#B7CBC7
#B8CBC6
#B9CBC5
#BBCBC3
#B3CDC9
#B5CDC7
#B7CDC5
#B8CDC4
#BACDC2
#BCCDC0
#BECDBE
#B3CFC7
#B5CFC5
#B7CFC3
#BACFC0
#BCCFBE
#BECFBC
#C1CFB9
#B3D2C4
#B6D2C1
#B8D2BF
#BBD2BC
#BED2B9
#C1D2B6
#C4D2B3
Colorpallet from #B3C4D2 to #B3D2C4 and to #D2B3C4
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C6D0
#B4C5D0
#B5C4D0
#B5C4D0
#B6C3D0
#B7C2D0
#B8C1D0
#B3C8CE
#B5C7CE
#B6C5CE
#B8C4CE
#B9C2CE
#BBC1CE
#BDBFCE
#B3CBCB
#B5C9CB
#B8C6CB
#BAC4CB
#BDC1CB
#BFBFCB
#C2BCCB
#B3CDC9
#B6CAC9
#B9C7C9
#BDC3C9
#C0C0C9
#C3BDC9
#C7B9C9
#B3CFC7
#B7CBC7
#BBC7C7
#BFC3C7
#C3BFC7
#C7BBC7
#CCB6C7
#B3D2C4
#B8CDC4
#BDC8C4
#C2C3C4
#C7BEC4
#CCB9C4
#D2B3C4
Colorpallet from #B3C4D2 to #B3D2C4 and to #D2C4B3
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C6D0
#B4C6D0
#B5C5CF
#B5C5CF
#B6C5CE
#B7C4CE
#B8C4CD
#B3C8CE
#B5C7CD
#B6C7CC
#B8C6CB
#B9C5CA
#BBC5C9
#BDC4C8
#B3CBCB
#B5CACA
#B8C9C8
#BAC8C7
#BDC7C6
#BFC5C5
#C2C4C3
#B3CDC9
#B6CCC7
#B9CAC5
#BDC9C4
#C0C7C2
#C3C6C0
#C7C4BE
#B3CFC7
#B7CDC5
#BBCBC3
#BFCAC0
#C3C8BE
#C7C6BC
#CCC4B9
#B3D2C4
#B8D0C1
#BDCEBF
#C2CBBC
#C7C9B9
#CCC7B6
#D2C4B3
Colorpallet from #B3C4D2 to #C4B3D2 and to #C4D2B3
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B6C1D2
#B6C2D1
#B6C3D0
#B6C3D0
#B6C4CF
#B6C5CE
#B6C6CD
#B8BFD2
#B8C0D0
#B8C2CF
#B8C3CD
#B8C5CC
#B8C6CA
#B8C8C8
#BBBCD2
#BBBED0
#BBC1CD
#BBC3CB
#BBC6C8
#BBC8C6
#BBCBC3
#BEB9D2
#BEBCCF
#BEBFCC
#BEC3C8
#BEC6C5
#BEC9C2
#BECDBE
#C1B6D2
#C1BACE
#C1BECA
#C1C2C6
#C1C6C2
#C1CABE
#C1CFB9
#C4B3D2
#C4B8CD
#C4BDC8
#C4C2C3
#C4C7BE
#C4CCB9
#C4D2B3
Colorpallet from #B3C4D2 to #C4B3D2 and to #D2B3C4
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B6C1D2
#B6C1D2
#B7C1D1
#B7C1D1
#B7C1D1
#B8C1D0
#B8C1D0
#B8BFD2
#B9BFD1
#BABFD1
#BABFD0
#BBBFCF
#BCBFCF
#BDBFCE
#BBBCD2
#BCBCD1
#BDBCD0
#BEBCCF
#BFBCCE
#C1BCCC
#C2BCCB
#BEB9D2
#BFB9D1
#C1B9CF
#C2B9CE
#C4B9CC
#C5B9CB
#C7B9C9
#C1B6D2
#C3B6D0
#C5B6CE
#C6B6CD
#C8B6CB
#CAB6C9
#CCB6C7
#C4B3D2
#C6B3D0
#C8B3CE
#CBB3CB
#CDB3C9
#CFB3C7
#D2B3C4
Colorpallet from #B3C4D2 to #C4B3D2 and to #D2C4B3
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B6C1D2
#B6C1D1
#B7C2D0
#B7C2D0
#B7C3CF
#B8C3CE
#B8C4CD
#B8BFD2
#B9C0D0
#BAC1CF
#BAC1CD
#BBC2CC
#BCC3CA
#BDC4C8
#BBBCD2
#BCBDD0
#BDBFCD
#BEC0CB
#BFC1C8
#C1C2C6
#C2C4C3
#BEB9D2
#BFBBCF
#C1BDCC
#C2BEC8
#C4C0C5
#C5C2C2
#C7C4BE
#C1B6D2
#C3B8CE
#C5BACA
#C6BDC6
#C8BFC2
#CAC1BE
#CCC4B9
#C4B3D2
#C6B6CD
#C8B8C8
#CBBBC3
#CDBEBE
#CFC1B9
#D2C4B3
Colorpallet from #B3C4D2 to #C4D2B3 and to #D2B3C4
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B6C6CD
#B6C5CD
#B7C4CE
#B7C4CE
#B7C3CF
#B8C2CF
#B8C1D0
#B8C8C8
#B9C7C9
#BAC5CA
#BAC4CB
#BBC2CC
#BCC1CD
#BDBFCE
#BBCBC3
#BCC9C4
#BDC6C6
#BEC4C7
#BFC1C8
#C1BFC9
#C2BCCB
#BECDBE
#BFCAC0
#C1C7C2
#C2C3C3
#C4C0C5
#C5BDC7
#C7B9C9
#C1CFB9
#C3CBBB
#C5C7BD
#C6C3C0
#C8BFC2
#CABBC4
#CCB6C7
#C4D2B3
#C6CDB6
#C8C8B8
#CBC3BB
#CDBEBE
#CFB9C1
#D2B3C4
Colorpallet from #B3C4D2 to #C4D2B3 and to #D2C4B3
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B6C6CD
#B6C6CD
#B7C5CD
#B7C5CD
#B7C5CD
#B8C4CD
#B8C4CD
#B8C8C8
#B9C7C8
#BAC7C8
#BAC6C8
#BBC5C8
#BCC5C8
#BDC4C8
#BBCBC3
#BCCAC3
#BDC9C3
#BEC8C3
#BFC7C3
#C1C5C3
#C2C4C3
#BECDBE
#BFCCBE
#C1CABE
#C2C9BE
#C4C7BE
#C5C6BE
#C7C4BE
#C1CFB9
#C3CDB9
#C5CBB9
#C6CAB9
#C8C8B9
#CAC6B9
#CCC4B9
#C4D2B3
#C6D0B3
#C8CEB3
#CBCBB3
#CDC9B3
#CFC7B3
#D2C4B3
Colorpallet from #B3C4D2 to #D2B3C4 and to #D2C4B3
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B3C4D2
#B8C1D0
#B8C1D0
#B8C2CF
#B8C2CF
#B8C3CE
#B8C3CE
#B8C4CD
#BDBFCE
#BDC0CD
#BDC1CC
#BDC1CB
#BDC2CA
#BDC3C9
#BDC4C8
#C2BCCB
#C2BDCA
#C2BFC8
#C2C0C7
#C2C1C6
#C2C2C5
#C2C4C3
#C7B9C9
#C7BBC7
#C7BDC5
#C7BEC4
#C7C0C2
#C7C2C0
#C7C4BE
#CCB6C7
#CCB8C5
#CCBAC3
#CCBDC0
#CCBFBE
#CCC1BC
#CCC4B9
#D2B3C4
#D2B6C1
#D2B8BF
#D2BBBC
#D2BEB9
#D2C1B6
#D2C4B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts