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 #BCD2E8 to #BCE8D2 and to #D2BCE8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD6E4
#BDD5E5
#BDD3E5
#BED2E6
#BFD1E7
#BFD0E7
#C0CEE8
#BCD9E1
#BDD7E2
#BED5E3
#BFD2E4
#C0D0E5
#C2CEE7
#C3CBE8
#BCDDDD
#BED9DF
#C0D6E1
#C1D2E2
#C3CFE4
#C5CBE6
#C7C7E8
#BCE0DA
#BEDCDC
#C0D7DE
#C3D3E1
#C5CEE3
#C7CAE5
#CAC4E8
#BCE4D6
#BFDED9
#C2D8DC
#C5D3DF
#C8CDE2
#CAC7E4
#CEC0E8
#BCE8D2
#C0E1D6
#C3DAD9
#C7D3DD
#CACCE0
#CEC5E4
#D2BCE8
Colorpallet from #BCD2E8 to #BCE8D2 and to #D2E8BC
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD6E4
#BDD6E4
#BDD6E3
#BED6E3
#BFD6E2
#BFD6E2
#C0D6E1
#BCD9E1
#BDD9E0
#BED9DF
#BFD9DE
#C0D9DD
#C2D9DB
#C3D9DA
#BCDDDD
#BEDDDB
#C0DDDA
#C1DDD8
#C3DDD7
#C5DDD5
#C7DDD3
#BCE0DA
#BEE0D8
#C0E0D6
#C3E0D3
#C5E0D1
#C7E0CF
#CAE0CC
#BCE4D6
#BFE4D3
#C2E4D1
#C5E4CE
#C8E4CB
#CAE4C8
#CEE4C5
#BCE8D2
#C0E8CE
#C3E8CB
#C7E8C7
#CAE8C4
#CEE8C0
#D2E8BC
Colorpallet from #BCD2E8 to #BCE8D2 and to #E8BCD2
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD6E4
#BDD5E4
#BED3E4
#BFD2E4
#C0D1E4
#C2D0E4
#C3CEE4
#BCD9E1
#BED7E1
#C0D5E1
#C3D2E1
#C5D0E1
#C7CEE1
#CACBE1
#BCDDDD
#BFD9DD
#C3D6DD
#C6D2DD
#C9CFDD
#CDCBDD
#D1C7DD
#BCE0DA
#C0DCDA
#C5D7DA
#C9D3DA
#CECEDA
#D2CADA
#D8C4DA
#BCE4D6
#C2DED6
#C7D8D6
#CDD3D6
#D2CDD6
#D8C7D6
#DFC0D6
#BCE8D2
#C3E1D2
#CADAD2
#D1D3D2
#D8CCD2
#DFC5D2
#E8BCD2
Colorpallet from #BCD2E8 to #BCE8D2 and to #E8D2BC
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD6E4
#BDD5E4
#BED5E3
#BFD4E3
#C0D3E2
#C2D3E2
#C3D2E1
#BCD9E1
#BED8E0
#C0D7DF
#C3D6DE
#C5D5DD
#C7D3DB
#CAD2DA
#BCDDDD
#BFDBDB
#C3D9DA
#C6D8D8
#C9D6D7
#CDD4D5
#D1D2D3
#BCE0DA
#C0DED8
#C5DCD6
#C9D9D3
#CED7D1
#D2D5CF
#D8D2CC
#BCE4D6
#C2E1D3
#C7DED1
#CDDBCE
#D2D8CB
#D8D6C8
#DFD2C5
#BCE8D2
#C3E4CE
#CAE1CB
#D1DDC7
#D8DAC4
#DFD6C0
#E8D2BC
Colorpallet from #BCD2E8 to #D2BCE8 and to #D2E8BC
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#C0CEE8
#C0CFE7
#C0D1E6
#C0D2E5
#C0D3E4
#C0D4E2
#C0D6E1
#C3CBE8
#C3CDE6
#C3CFE4
#C3D2E1
#C3D4DF
#C3D6DD
#C3D9DA
#C7C7E8
#C7CBE5
#C7CEE1
#C7D2DE
#C7D5DB
#C7D9D7
#C7DDD3
#CAC4E8
#CAC8E4
#CACDDF
#CAD1DB
#CAD6D6
#CADAD2
#CAE0CC
#CEC0E8
#CEC6E2
#CECCDD
#CED1D7
#CED7D2
#CEDDCC
#CEE4C5
#D2BCE8
#D2C3E1
#D2CADA
#D2D1D3
#D2D8CC
#D2DFC5
#D2E8BC
Colorpallet from #BCD2E8 to #D2BCE8 and to #E8BCD2
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#C0CEE8
#C0CEE7
#C1CEE7
#C1CEE6
#C2CEE5
#C2CEE5
#C3CEE4
#C3CBE8
#C4CBE7
#C5CBE6
#C6CBE5
#C7CBE4
#C9CBE2
#CACBE1
#C7C7E8
#C9C7E6
#CAC7E4
#CCC7E3
#CDC7E1
#CFC7DF
#D1C7DD
#CAC4E8
#CCC4E6
#CEC4E4
#D1C4E1
#D3C4DF
#D5C4DD
#D8C4DA
#CEC0E8
#D1C0E5
#D3C0E2
#D6C0DF
#D9C0DC
#DCC0DA
#DFC0D6
#D2BCE8
#D6BCE4
#D9BCE1
#DDBCDD
#E0BCDA
#E4BCD6
#E8BCD2
Colorpallet from #BCD2E8 to #D2BCE8 and to #E8D2BC
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#C0CEE8
#C0CFE7
#C1CFE6
#C1D0E5
#C2D1E4
#C2D1E2
#C3D2E1
#C3CBE8
#C4CCE6
#C5CDE4
#C6CEE1
#C7CFDF
#C9D1DD
#CAD2DA
#C7C7E8
#C9C9E5
#CACBE1
#CCCCDE
#CDCEDB
#CFD0D7
#D1D2D3
#CAC4E8
#CCC6E4
#CEC8DF
#D1CBDB
#D3CDD6
#D5CFD2
#D8D2CC
#CEC0E8
#D1C3E2
#D3C6DD
#D6C9D7
#D9CCD2
#DCCECC
#DFD2C5
#D2BCE8
#D6C0E1
#D9C3DA
#DDC7D3
#E0CACC
#E4CEC5
#E8D2BC
Colorpallet from #BCD2E8 to #D2E8BC and to #E8BCD2
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#C0D6E1
#C0D5E1
#C1D3E2
#C1D2E2
#C2D1E3
#C2D0E3
#C3CEE4
#C3D9DA
#C4D7DB
#C5D5DC
#C6D2DD
#C7D0DE
#C9CEE0
#CACBE1
#C7DDD3
#C9D9D5
#CAD6D6
#CCD2D8
#CDCFD9
#CFCBDB
#D1C7DD
#CAE0CC
#CCDCCE
#CED7D0
#D1D3D3
#D3CED5
#D5CAD7
#D8C4DA
#CEE4C5
#D1DEC8
#D3D8CA
#D6D3CD
#D9CDD0
#DCC7D3
#DFC0D6
#D2E8BC
#D6E1C0
#D9DAC3
#DDD3C7
#E0CCCA
#E4C5CE
#E8BCD2
Colorpallet from #BCD2E8 to #D2E8BC and to #E8D2BC
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#C0D6E1
#C0D5E1
#C1D5E1
#C1D4E1
#C2D3E1
#C2D3E1
#C3D2E1
#C3D9DA
#C4D8DA
#C5D7DA
#C6D6DA
#C7D5DA
#C9D3DA
#CAD2DA
#C7DDD3
#C9DBD3
#CAD9D3
#CCD8D3
#CDD6D3
#CFD4D3
#D1D2D3
#CAE0CC
#CCDECC
#CEDCCC
#D1D9CC
#D3D7CC
#D5D5CC
#D8D2CC
#CEE4C5
#D1E1C5
#D3DEC5
#D6DBC5
#D9D8C5
#DCD6C5
#DFD2C5
#D2E8BC
#D6E4BC
#D9E1BC
#DDDDBC
#E0DABC
#E4D6BC
#E8D2BC
Colorpallet from #BCD2E8 to #E8BCD2 and to #E8D2BC
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#BCD2E8
#C3CEE4
#C3CFE4
#C3CFE3
#C3D0E3
#C3D1E2
#C3D1E2
#C3D2E1
#CACBE1
#CACCE0
#CACDDF
#CACEDE
#CACFDD
#CAD1DB
#CAD2DA
#D1C7DD
#D1C9DB
#D1CBDA
#D1CCD8
#D1CED7
#D1D0D5
#D1D2D3
#D8C4DA
#D8C6D8
#D8C8D6
#D8CBD3
#D8CDD1
#D8CFCF
#D8D2CC
#DFC0D6
#DFC3D3
#DFC6D1
#DFC9CE
#DFCCCB
#DFCEC8
#DFD2C5
#E8BCD2
#E8C0CE
#E8C3CB
#E8C7C7
#E8CAC4
#E8CEC0
#E8D2BC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts