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 #B4C2D5 to #B4D5C2 and to #C2B4D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C5D2
#B4C4D2
#B5C3D3
#B5C3D3
#B5C2D4
#B6C1D4
#B6C0D5
#B4C8CF
#B5C6D0
#B5C5D1
#B6C3D2
#B7C2D3
#B7C0D4
#B8BED5
#B4CBCC
#B5C8CD
#B6C6CF
#B7C3D0
#B8C1D2
#BABED3
#BBBBD5
#B4CEC9
#B5CBCB
#B7C7CD
#B8C4CF
#BAC1D1
#BBBDD3
#BDB9D5
#B4D1C6
#B6CDC8
#B8C9CB
#B9C5CD
#BBC0D0
#BDBCD2
#BFB7D5
#B4D5C2
#B6D0C5
#B8CAC8
#BBC5CB
#BDC0CE
#BFBBD1
#C2B4D5
Colorpallet from #B4C2D5 to #B4D5C2 and to #C2D5B4
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C5D2
#B4C5D2
#B5C5D1
#B5C5D1
#B5C5D1
#B6C5D0
#B6C5D0
#B4C8CF
#B5C8CE
#B5C8CD
#B6C8CD
#B7C8CC
#B7C8CB
#B8C8CA
#B4CBCC
#B5CBCB
#B6CBCA
#B7CBC9
#B8CBC8
#BACBC6
#BBCBC5
#B4CEC9
#B5CEC8
#B7CEC6
#B8CEC5
#BACEC3
#BBCEC2
#BDCEC0
#B4D1C6
#B6D1C4
#B8D1C2
#B9D1C1
#BBD1BF
#BDD1BD
#BFD1BB
#B4D5C2
#B6D5C0
#B8D5BE
#BBD5BB
#BDD5B9
#BFD5B7
#C2D5B4
Colorpallet from #B4C2D5 to #B4D5C2 and to #D5B4C2
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C5D2
#B5C4D2
#B6C3D2
#B6C3D2
#B7C2D2
#B8C1D2
#B9C0D2
#B4C8CF
#B6C6CF
#B8C5CF
#B9C3CF
#BBC2CF
#BDC0CF
#BFBECF
#B4CBCC
#B7C8CC
#B9C6CC
#BCC3CC
#BEC1CC
#C1BECC
#C4BBCC
#B4CEC9
#B7CBC9
#BBC7C9
#BEC4C9
#C1C1C9
#C5BDC9
#C9B9C9
#B4D1C6
#B8CDC6
#BCC9C6
#C0C5C6
#C5C0C6
#C9BCC6
#CEB7C6
#B4D5C2
#B9D0C2
#BFCAC2
#C4C5C2
#C9C0C2
#CEBBC2
#D5B4C2
Colorpallet from #B4C2D5 to #B4D5C2 and to #D5C2B4
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C5D2
#B5C5D2
#B6C4D1
#B6C4D1
#B7C3D1
#B8C3D0
#B9C2D0
#B4C8CF
#B6C7CE
#B8C6CD
#B9C5CD
#BBC4CC
#BDC3CB
#BFC2CA
#B4CBCC
#B7CACB
#B9C8CA
#BCC7C9
#BEC5C8
#C1C4C6
#C4C2C5
#B4CEC9
#B7CCC8
#BBCAC6
#BEC8C5
#C1C6C3
#C5C4C2
#C9C2C0
#B4D1C6
#B8CFC4
#BCCCC2
#C0CAC1
#C5C7BF
#C9C5BD
#CEC2BB
#B4D5C2
#B9D2C0
#BFCFBE
#C4CCBB
#C9C9B9
#CEC6B7
#D5C2B4
Colorpallet from #B4C2D5 to #C2B4D5 and to #C2D5B4
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B6C0D5
#B6C1D4
#B6C2D3
#B6C2D3
#B6C3D2
#B6C4D1
#B6C5D0
#B8BED5
#B8C0D3
#B8C1D1
#B8C3D0
#B8C4CE
#B8C6CC
#B8C8CA
#BBBBD5
#BBBED2
#BBC0D0
#BBC3CD
#BBC5CB
#BBC8C8
#BBCBC5
#BDB9D5
#BDBCD2
#BDC0CE
#BDC3CB
#BDC6C8
#BDCAC4
#BDCEC0
#BFB7D5
#BFBBD1
#BFBFCD
#BFC3C9
#BFC8C4
#BFCCC0
#BFD1BB
#C2B4D5
#C2B9D0
#C2BFCA
#C2C4C5
#C2C9C0
#C2CEBB
#C2D5B4
Colorpallet from #B4C2D5 to #C2B4D5 and to #D5B4C2
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B6C0D5
#B6C0D5
#B7C0D4
#B7C0D4
#B8C0D3
#B8C0D3
#B9C0D2
#B8BED5
#B9BED4
#BABED3
#BBBED2
#BCBED1
#BEBED0
#BFBECF
#BBBBD5
#BCBBD4
#BEBBD2
#BFBBD1
#C1BBCF
#C2BBCE
#C4BBCC
#BDB9D5
#BFB9D3
#C1B9D1
#C3B9CF
#C5B9CD
#C7B9CB
#C9B9C9
#BFB7D5
#C1B7D3
#C4B7D0
#C6B7CE
#C9B7CB
#CBB7C9
#CEB7C6
#C2B4D5
#C5B4D2
#C8B4CF
#CBB4CC
#CEB4C9
#D1B4C6
#D5B4C2
Colorpallet from #B4C2D5 to #C2B4D5 and to #D5C2B4
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B6C0D5
#B6C0D4
#B7C1D3
#B7C1D3
#B8C1D2
#B8C2D1
#B9C2D0
#B8BED5
#B9BFD3
#BABFD1
#BBC0D0
#BCC1CE
#BEC1CC
#BFC2CA
#BBBBD5
#BCBCD2
#BEBDD0
#BFBECD
#C1BFCB
#C2C1C8
#C4C2C5
#BDB9D5
#BFBAD2
#C1BCCE
#C3BDCB
#C5BFC8
#C7C0C4
#C9C2C0
#BFB7D5
#C1B9D1
#C4BBCD
#C6BCC9
#C9BEC4
#CBC0C0
#CEC2BB
#C2B4D5
#C5B6D0
#C8B8CA
#CBBBC5
#CEBDC0
#D1BFBB
#D5C2B4
Colorpallet from #B4C2D5 to #C2D5B4 and to #D5B4C2
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B6C5D0
#B6C4D0
#B7C3D1
#B7C3D1
#B8C2D1
#B8C1D2
#B9C0D2
#B8C8CA
#B9C6CB
#BAC5CC
#BBC3CC
#BCC2CD
#BEC0CE
#BFBECF
#BBCBC5
#BCC8C6
#BEC6C7
#BFC3C8
#C1C1C9
#C2BECB
#C4BBCC
#BDCEC0
#BFCBC1
#C1C7C3
#C3C4C4
#C5C1C6
#C7BDC7
#C9B9C9
#BFD1BB
#C1CDBD
#C4C9BF
#C6C5C0
#C9C0C2
#CBBCC4
#CEB7C6
#C2D5B4
#C5D0B6
#C8CAB8
#CBC5BB
#CEC0BD
#D1BBBF
#D5B4C2
Colorpallet from #B4C2D5 to #C2D5B4 and to #D5C2B4
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B6C5D0
#B6C5D0
#B7C4D0
#B7C4D0
#B8C3D0
#B8C3D0
#B9C2D0
#B8C8CA
#B9C7CA
#BAC6CA
#BBC5CA
#BCC4CA
#BEC3CA
#BFC2CA
#BBCBC5
#BCCAC5
#BEC8C5
#BFC7C5
#C1C5C5
#C2C4C5
#C4C2C5
#BDCEC0
#BFCCC0
#C1CAC0
#C3C8C0
#C5C6C0
#C7C4C0
#C9C2C0
#BFD1BB
#C1CFBB
#C4CCBB
#C6CABB
#C9C7BB
#CBC5BB
#CEC2BB
#C2D5B4
#C5D2B4
#C8CFB4
#CBCCB4
#CEC9B4
#D1C6B4
#D5C2B4
Colorpallet from #B4C2D5 to #D5B4C2 and to #D5C2B4
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B4C2D5
#B9C0D2
#B9C0D2
#B9C1D1
#B9C1D1
#B9C1D1
#B9C2D0
#B9C2D0
#BFBECF
#BFBFCE
#BFBFCD
#BFC0CD
#BFC1CC
#BFC1CB
#BFC2CA
#C4BBCC
#C4BCCB
#C4BDCA
#C4BEC9
#C4BFC8
#C4C1C6
#C4C2C5
#C9B9C9
#C9BAC8
#C9BCC6
#C9BDC5
#C9BFC3
#C9C0C2
#C9C2C0
#CEB7C6
#CEB9C4
#CEBBC2
#CEBCC1
#CEBEBF
#CEC0BD
#CEC2BB
#D5B4C2
#D5B6C0
#D5B8BE
#D5BBBB
#D5BDB9
#D5BFB7
#D5C2B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts