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 #B2C8E2 to #B2E2C8 and to #C8B2E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2CCDE
#B3CBDF
#B3C9DF
#B4C8E0
#B5C7E1
#B5C6E1
#B6C4E2
#B2D0DA
#B3CEDB
#B4CBDD
#B5C9DE
#B6C6DF
#B8C4E0
#B9C1E2
#B2D4D6
#B4D0D8
#B6CDDA
#B7C9DC
#B9C5DE
#BBC2E0
#BDBDE2
#B2D9D1
#B4D4D4
#B6CFD6
#B9CAD9
#BBC5DC
#BDC0DF
#C0BAE2
#B2DDCD
#B5D7D0
#B8D1D4
#BBCAD7
#BEC4DA
#C0BEDE
#C4B6E2
#B2E2C8
#B6DACC
#B9D3D0
#BDCBD4
#C0C3D9
#C4BCDD
#C8B2E2
Colorpallet from #B2C8E2 to #B2E2C8 and to #C8E2B2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2CCDE
#B3CCDD
#B3CCDD
#B4CCDC
#B5CCDB
#B5CCDB
#B6CCDA
#B2D0DA
#B3D0D9
#B4D0D8
#B5D0D7
#B6D0D6
#B8D0D4
#B9D0D3
#B2D4D6
#B4D4D4
#B6D4D2
#B7D4D1
#B9D4CF
#BBD4CD
#BDD4CB
#B2D9D1
#B4D9CF
#B6D9CD
#B9D9CA
#BBD9C8
#BDD9C6
#C0D9C3
#B2DDCD
#B5DDCA
#B8DDC8
#BBDDC5
#BEDDC2
#C0DDBF
#C4DDBC
#B2E2C8
#B6E2C4
#B9E2C1
#BDE2BD
#C0E2BA
#C4E2B6
#C8E2B2
Colorpallet from #B2C8E2 to #B2E2C8 and to #E2B2C8
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2CCDE
#B3CBDE
#B5C9DE
#B6C8DE
#B7C7DE
#B8C6DE
#BAC4DE
#B2D0DA
#B4CEDA
#B7CBDA
#B9C9DA
#BCC6DA
#BEC4DA
#C1C1DA
#B2D4D6
#B6D0D6
#B9CDD6
#BDC9D6
#C1C5D6
#C4C2D6
#C9BDD6
#B2D9D1
#B7D4D1
#BCCFD1
#C1CAD1
#C6C5D1
#CBC0D1
#D1BAD1
#B2DDCD
#B8D7CD
#BED1CD
#C4CACD
#CAC4CD
#D0BECD
#D8B6CD
#B2E2C8
#BADAC8
#C1D3C8
#C9CBC8
#D1C3C8
#D8BCC8
#E2B2C8
Colorpallet from #B2C8E2 to #B2E2C8 and to #E2C8B2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2CCDE
#B3CBDD
#B5CBDD
#B6CADC
#B7C9DB
#B8C9DB
#BAC8DA
#B2D0DA
#B4CFD9
#B7CDD8
#B9CCD7
#BCCBD6
#BECAD4
#C1C8D3
#B2D4D6
#B6D2D4
#B9D0D2
#BDCED1
#C1CCCF
#C4CACD
#C9C8CB
#B2D9D1
#B7D6CF
#BCD4CD
#C1D1CA
#C6CEC8
#CBCBC6
#D1C8C3
#B2DDCD
#B8DACA
#BED6C8
#C4D3C5
#CAD0C2
#D0CCBF
#D8C8BC
#B2E2C8
#BADEC4
#C1DAC1
#C9D6BD
#D1D1BA
#D8CDB6
#E2C8B2
Colorpallet from #B2C8E2 to #C8B2E2 and to #C8E2B2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B6C4E2
#B6C5E1
#B6C7DF
#B6C8DE
#B6C9DD
#B6CADC
#B6CCDA
#B9C1E2
#B9C3E0
#B9C6DD
#B9C8DB
#B9CBD8
#B9CDD6
#B9D0D3
#BDBDE2
#BDC1DE
#BDC4DB
#BDC8D7
#BDCCD3
#BDCFD0
#BDD4CB
#C0BAE2
#C0BFDD
#C0C4D8
#C0C9D3
#C0CECE
#C0D3C9
#C0D9C3
#C4B6E2
#C4BCDC
#C4C2D6
#C4C9D0
#C4CFCA
#C4D5C4
#C4DDBC
#C8B2E2
#C8BADA
#C8C1D3
#C8C9CB
#C8D1C3
#C8D8BC
#C8E2B2
Colorpallet from #B2C8E2 to #C8B2E2 and to #E2B2C8
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B6C4E2
#B7C4E1
#B7C4E1
#B8C4E0
#B9C4DF
#B9C4DF
#BAC4DE
#B9C1E2
#BAC1E1
#BCC1DF
#BDC1DE
#BEC1DD
#BFC1DC
#C1C1DA
#BDBDE2
#BFBDE0
#C1BDDE
#C3BDDC
#C5BDDA
#C7BDD8
#C9BDD6
#C0BAE2
#C3BADF
#C5BADD
#C8BADA
#CBBAD7
#CEBAD4
#D1BAD1
#C4B6E2
#C7B6DF
#CAB6DB
#CEB6D8
#D1B6D5
#D4B6D1
#D8B6CD
#C8B2E2
#CCB2DE
#D0B2DA
#D4B2D6
#D9B2D1
#DDB2CD
#E2B2C8
Colorpallet from #B2C8E2 to #C8B2E2 and to #E2C8B2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B6C4E2
#B7C5E1
#B7C5DF
#B8C6DE
#B9C7DD
#B9C7DC
#BAC8DA
#B9C1E2
#BAC2E0
#BCC3DD
#BDC4DB
#BEC5D8
#BFC7D6
#C1C8D3
#BDBDE2
#BFBFDE
#C1C1DB
#C3C2D7
#C5C4D3
#C7C6D0
#C9C8CB
#C0BAE2
#C3BCDD
#C5BED8
#C8C1D3
#CBC3CE
#CEC5C9
#D1C8C3
#C4B6E2
#C7B9DC
#CABCD6
#CEBFD0
#D1C2CA
#D4C4C4
#D8C8BC
#C8B2E2
#CCB6DA
#D0B9D3
#D4BDCB
#D9C0C3
#DDC4BC
#E2C8B2
Colorpallet from #B2C8E2 to #C8E2B2 and to #E2B2C8
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B6CCDA
#B7CBDB
#B7C9DB
#B8C8DC
#B9C7DD
#B9C6DD
#BAC4DE
#B9D0D3
#BACED4
#BCCBD5
#BDC9D6
#BEC6D7
#BFC4D9
#C1C1DA
#BDD4CB
#BFD0CD
#C1CDCF
#C3C9D0
#C5C5D2
#C7C2D4
#C9BDD6
#C0D9C3
#C3D4C5
#C5CFC7
#C8CACA
#CBC5CC
#CEC0CE
#D1BAD1
#C4DDBC
#C7D7BF
#CAD1C1
#CECAC4
#D1C4C7
#D4BECA
#D8B6CD
#C8E2B2
#CCDAB6
#D0D3B9
#D4CBBD
#D9C3C0
#DDBCC4
#E2B2C8
Colorpallet from #B2C8E2 to #C8E2B2 and to #E2C8B2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B6CCDA
#B7CBDA
#B7CBDA
#B8CADA
#B9C9DA
#B9C9DA
#BAC8DA
#B9D0D3
#BACFD3
#BCCDD3
#BDCCD3
#BECBD3
#BFCAD3
#C1C8D3
#BDD4CB
#BFD2CB
#C1D0CB
#C3CECB
#C5CCCB
#C7CACB
#C9C8CB
#C0D9C3
#C3D6C3
#C5D4C3
#C8D1C3
#CBCEC3
#CECBC3
#D1C8C3
#C4DDBC
#C7DABC
#CAD6BC
#CED3BC
#D1D0BC
#D4CCBC
#D8C8BC
#C8E2B2
#CCDEB2
#D0DAB2
#D4D6B2
#D9D1B2
#DDCDB2
#E2C8B2
Colorpallet from #B2C8E2 to #E2B2C8 and to #E2C8B2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#B2C8E2
#BAC4DE
#BAC5DD
#BAC5DD
#BAC6DC
#BAC7DB
#BAC7DB
#BAC8DA
#C1C1DA
#C1C2D9
#C1C3D8
#C1C4D7
#C1C5D6
#C1C7D4
#C1C8D3
#C9BDD6
#C9BFD4
#C9C1D2
#C9C2D1
#C9C4CF
#C9C6CD
#C9C8CB
#D1BAD1
#D1BCCF
#D1BECD
#D1C1CA
#D1C3C8
#D1C5C6
#D1C8C3
#D8B6CD
#D8B9CA
#D8BCC8
#D8BFC5
#D8C2C2
#D8C4BF
#D8C8BC
#E2B2C8
#E2B6C4
#E2B9C1
#E2BDBD
#E2C0BA
#E2C4B6
#E2C8B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts