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 #B4C2D8 to #B4D8C2 and to #C2B4D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C6D4
#B4C5D5
#B5C4D5
#B5C3D6
#B5C2D7
#B6C1D7
#B6C0D8
#B4C9D1
#B5C7D2
#B5C5D3
#B6C4D4
#B7C2D5
#B7C0D7
#B8BED8
#B4CDCD
#B5CACF
#B6C7D1
#B7C4D2
#B8C1D4
#BABFD6
#BBBBD8
#B4D0CA
#B5CCCC
#B7C9CE
#B8C5D1
#BAC1D3
#BBBED5
#BDB9D8
#B4D4C6
#B6CFC9
#B8CBCC
#B9C6CF
#BBC1D2
#BDBDD4
#BFB7D8
#B4D8C2
#B6D2C6
#B8CCC9
#BBC7CD
#BDC1D0
#BFBBD4
#C2B4D8
Colorpallet from #B4C2D8 to #B4D8C2 and to #C2D8B4
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C6D4
#B4C6D4
#B5C6D3
#B5C6D3
#B5C6D3
#B6C6D2
#B6C6D2
#B4C9D1
#B5C9D0
#B5C9CF
#B6C9CF
#B7C9CE
#B7C9CD
#B8C9CC
#B4CDCD
#B5CDCC
#B6CDCB
#B7CDCA
#B8CDC9
#BACDC8
#BBCDC7
#B4D0CA
#B5D0C9
#B7D0C7
#B8D0C6
#BAD0C4
#BBD0C3
#BDD0C1
#B4D4C6
#B6D4C4
#B8D4C2
#B9D4C1
#BBD4BF
#BDD4BD
#BFD4BB
#B4D8C2
#B6D8C0
#B8D8BE
#BBD8BB
#BDD8B9
#BFD8B7
#C2D8B4
Colorpallet from #B4C2D8 to #B4D8C2 and to #D8B4C2
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C6D4
#B5C5D4
#B6C4D4
#B7C3D4
#B8C2D4
#B9C1D4
#BAC0D4
#B4C9D1
#B6C7D1
#B8C5D1
#BAC4D1
#BCC2D1
#BEC0D1
#C0BED1
#B4CDCD
#B7CACD
#B9C7CD
#BCC4CD
#BFC1CD
#C2BFCD
#C5BBCD
#B4D0CA
#B8CCCA
#BBC9CA
#BFC5CA
#C3C1CA
#C6BECA
#CBB9CA
#B4D4C6
#B9CFC6
#BDCBC6
#C2C6C6
#C7C1C6
#CBBDC6
#D1B7C6
#B4D8C2
#BAD2C2
#C0CCC2
#C5C7C2
#CBC1C2
#D1BBC2
#D8B4C2
Colorpallet from #B4C2D8 to #B4D8C2 and to #D8C2B4
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C6D4
#B5C5D4
#B6C5D3
#B7C4D3
#B8C3D3
#B9C3D2
#BAC2D2
#B4C9D1
#B6C8D0
#B8C7CF
#BAC6CF
#BCC5CE
#BEC3CD
#C0C2CC
#B4CDCD
#B7CBCC
#B9C9CB
#BCC8CA
#BFC6C9
#C2C4C8
#C5C2C7
#B4D0CA
#B8CEC9
#BBCCC7
#BFC9C6
#C3C7C4
#C6C5C3
#CBC2C1
#B4D4C6
#B9D1C4
#BDCEC2
#C2CBC1
#C7C8BF
#CBC6BD
#D1C2BB
#B4D8C2
#BAD4C0
#C0D1BE
#C5CDBB
#CBCAB9
#D1C6B7
#D8C2B4
Colorpallet from #B4C2D8 to #C2B4D8 and to #C2D8B4
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B6C0D8
#B6C1D7
#B6C2D6
#B6C3D5
#B6C4D4
#B6C5D3
#B6C6D2
#B8BED8
#B8C0D6
#B8C2D4
#B8C3D2
#B8C5D0
#B8C7CE
#B8C9CC
#BBBBD8
#BBBED5
#BBC1D3
#BBC4D0
#BBC7CD
#BBC9CA
#BBCDC7
#BDB9D8
#BDBDD4
#BDC0D1
#BDC4CD
#BDC8C9
#BDCBC6
#BDD0C1
#BFB7D8
#BFBCD3
#BFC0CF
#BFC5CA
#BFCAC5
#BFCEC1
#BFD4BB
#C2B4D8
#C2BAD2
#C2C0CC
#C2C5C7
#C2CBC1
#C2D1BB
#C2D8B4
Colorpallet from #B4C2D8 to #C2B4D8 and to #D8B4C2
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B6C0D8
#B7C0D7
#B7C0D7
#B8C0D6
#B9C0D5
#B9C0D5
#BAC0D4
#B8BED8
#B9BED7
#BBBED6
#BCBED5
#BDBED4
#BEBED2
#C0BED1
#BBBBD8
#BDBBD6
#BEBBD4
#C0BBD3
#C1BBD1
#C3BBCF
#C5BBCD
#BDB9D8
#BFB9D6
#C1B9D4
#C4B9D1
#C6B9CF
#C8B9CD
#CBB9CA
#BFB7D8
#C2B7D5
#C5B7D2
#C8B7CF
#CBB7CC
#CDB7CA
#D1B7C6
#C2B4D8
#C6B4D4
#C9B4D1
#CDB4CD
#D0B4CA
#D4B4C6
#D8B4C2
Colorpallet from #B4C2D8 to #C2B4D8 and to #D8C2B4
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B6C0D8
#B7C0D7
#B7C1D6
#B8C1D5
#B9C1D4
#B9C2D3
#BAC2D2
#B8BED8
#B9BFD6
#BBBFD4
#BCC0D2
#BDC1D0
#BEC1CE
#C0C2CC
#BBBBD8
#BDBCD5
#BEBDD3
#C0BED0
#C1BFCD
#C3C1CA
#C5C2C7
#BDB9D8
#BFBAD4
#C1BCD1
#C4BDCD
#C6BFC9
#C8C0C6
#CBC2C1
#BFB7D8
#C2B9D3
#C5BBCF
#C8BCCA
#CBBEC5
#CDC0C1
#D1C2BB
#C2B4D8
#C6B6D2
#C9B8CC
#CDBBC7
#D0BDC1
#D4BFBB
#D8C2B4
Colorpallet from #B4C2D8 to #C2D8B4 and to #D8B4C2
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B6C6D2
#B7C5D2
#B7C4D3
#B8C3D3
#B9C2D3
#B9C1D4
#BAC0D4
#B8C9CC
#B9C7CD
#BBC5CE
#BCC4CE
#BDC2CF
#BEC0D0
#C0BED1
#BBCDC7
#BDCAC8
#BEC7C9
#C0C4CA
#C1C1CB
#C3BFCC
#C5BBCD
#BDD0C1
#BFCCC2
#C1C9C4
#C4C5C5
#C6C1C7
#C8BEC8
#CBB9CA
#BFD4BB
#C2CFBD
#C5CBBF
#C8C6C0
#CBC1C2
#CDBDC4
#D1B7C6
#C2D8B4
#C6D2B6
#C9CCB8
#CDC7BB
#D0C1BD
#D4BBBF
#D8B4C2
Colorpallet from #B4C2D8 to #C2D8B4 and to #D8C2B4
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B6C6D2
#B7C5D2
#B7C5D2
#B8C4D2
#B9C3D2
#B9C3D2
#BAC2D2
#B8C9CC
#B9C8CC
#BBC7CC
#BCC6CC
#BDC5CC
#BEC3CC
#C0C2CC
#BBCDC7
#BDCBC7
#BEC9C7
#C0C8C7
#C1C6C7
#C3C4C7
#C5C2C7
#BDD0C1
#BFCEC1
#C1CCC1
#C4C9C1
#C6C7C1
#C8C5C1
#CBC2C1
#BFD4BB
#C2D1BB
#C5CEBB
#C8CBBB
#CBC8BB
#CDC6BB
#D1C2BB
#C2D8B4
#C6D4B4
#C9D1B4
#CDCDB4
#D0CAB4
#D4C6B4
#D8C2B4
Colorpallet from #B4C2D8 to #D8B4C2 and to #D8C2B4
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#B4C2D8
#BAC0D4
#BAC0D4
#BAC1D3
#BAC1D3
#BAC1D3
#BAC2D2
#BAC2D2
#C0BED1
#C0BFD0
#C0BFCF
#C0C0CF
#C0C1CE
#C0C1CD
#C0C2CC
#C5BBCD
#C5BCCC
#C5BDCB
#C5BECA
#C5BFC9
#C5C1C8
#C5C2C7
#CBB9CA
#CBBAC9
#CBBCC7
#CBBDC6
#CBBFC4
#CBC0C3
#CBC2C1
#D1B7C6
#D1B9C4
#D1BBC2
#D1BCC1
#D1BEBF
#D1C0BD
#D1C2BB
#D8B4C2
#D8B6C0
#D8B8BE
#D8BBBB
#D8BDB9
#D8BFB7
#D8C2B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts