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 #BDD2E7 to #BDE7D2 and to #D2BDE7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD5E4
#BDD4E4
#BED3E5
#BED2E5
#BFD1E6
#BFD0E6
#C0CFE7
#BDD9E0
#BED7E1
#BFD5E2
#C0D2E3
#C1D0E4
#C3CEE6
#C4CBE7
#BDDCDD
#BFD9DF
#C0D6E0
#C2D2E2
#C3CFE3
#C5CCE5
#C7C8E7
#BDDFDA
#BFDBDC
#C1D7DE
#C3D3E0
#C5CEE2
#C7CAE4
#CAC5E7
#BDE3D6
#C0DED9
#C2D8DB
#C5D3DE
#C8CDE1
#CBC8E4
#CEC1E7
#BDE7D2
#C0E0D5
#C4DAD9
#C7D3DC
#CACCDF
#CEC5E3
#D2BDE7
Colorpallet from #BDD2E7 to #BDE7D2 and to #D2E7BD
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD5E4
#BDD5E3
#BED5E3
#BED5E2
#BFD5E1
#BFD5E1
#C0D5E0
#BDD9E0
#BED9DF
#BFD9DE
#C0D9DD
#C1D9DC
#C3D9DB
#C4D9DA
#BDDCDD
#BFDCDB
#C0DCDA
#C2DCD8
#C3DCD7
#C5DCD5
#C7DCD3
#BDDFDA
#BFDFD8
#C1DFD6
#C3DFD3
#C5DFD1
#C7DFCF
#CADFCC
#BDE3D6
#C0E3D3
#C2E3D1
#C5E3CE
#C8E3CB
#CBE3C8
#CEE3C5
#BDE7D2
#C0E7CF
#C4E7CB
#C7E7C8
#CAE7C5
#CEE7C1
#D2E7BD
Colorpallet from #BDD2E7 to #BDE7D2 and to #E7BDD2
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD5E4
#BED4E4
#BFD3E4
#C0D2E4
#C1D1E4
#C3D0E4
#C4CFE4
#BDD9E0
#BFD7E0
#C1D5E0
#C3D2E0
#C5D0E0
#C7CEE0
#CACBE0
#BDDCDD
#C0D9DD
#C3D6DD
#C7D2DD
#CACFDD
#CDCCDD
#D1C8DD
#BDDFDA
#C1DBDA
#C6D7DA
#CAD3DA
#CECEDA
#D3CADA
#D8C5DA
#BDE3D6
#C2DED6
#C8D8D6
#CDD3D6
#D3CDD6
#D8C8D6
#DFC1D6
#BDE7D2
#C4E0D2
#CADAD2
#D1D3D2
#D8CCD2
#DFC5D2
#E7BDD2
Colorpallet from #BDD2E7 to #BDE7D2 and to #E7D2BD
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD5E4
#BED5E3
#BFD4E3
#C0D4E2
#C1D3E1
#C3D3E1
#C4D2E0
#BDD9E0
#BFD8DF
#C1D7DE
#C3D6DD
#C5D5DC
#C7D3DB
#CAD2DA
#BDDCDD
#C0DADB
#C3D9DA
#C7D7D8
#CAD6D7
#CDD4D5
#D1D2D3
#BDDFDA
#C1DDD8
#C6DBD6
#CAD9D3
#CED7D1
#D3D5CF
#D8D2CC
#BDE3D6
#C2E0D3
#C8DED1
#CDDBCE
#D3D8CB
#D8D5C8
#DFD2C5
#BDE7D2
#C4E4CF
#CAE0CB
#D1DDC8
#D8DAC5
#DFD6C1
#E7D2BD
Colorpallet from #BDD2E7 to #D2BDE7 and to #D2E7BD
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#C0CFE7
#C0D0E6
#C0D1E5
#C0D2E4
#C0D3E3
#C0D4E1
#C0D5E0
#C4CBE7
#C4CDE5
#C4CFE3
#C4D2E1
#C4D4DF
#C4D6DD
#C4D9DA
#C7C8E7
#C7CBE4
#C7CEE1
#C7D2DD
#C7D5DA
#C7D8D7
#C7DCD3
#CAC5E7
#CAC9E3
#CACDDE
#CAD1DA
#CAD6D6
#CADAD1
#CADFCC
#CEC1E7
#CEC6E2
#CECCDC
#CED1D7
#CED7D1
#CEDCCC
#CEE3C5
#D2BDE7
#D2C4E0
#D2CADA
#D2D1D3
#D2D8CC
#D2DFC5
#D2E7BD
Colorpallet from #BDD2E7 to #D2BDE7 and to #E7BDD2
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#C0CFE7
#C1CFE7
#C1CFE6
#C2CFE6
#C3CFE5
#C3CFE5
#C4CFE4
#C4CBE7
#C5CBE6
#C6CBE5
#C7CBE4
#C8CBE3
#C9CBE1
#CACBE0
#C7C8E7
#C9C8E5
#CAC8E4
#CCC8E2
#CDC8E1
#CFC8DF
#D1C8DD
#CAC5E7
#CCC5E5
#CEC5E3
#D1C5E1
#D3C5DF
#D5C5DD
#D8C5DA
#CEC1E7
#D1C1E4
#D3C1E2
#D6C1DF
#D9C1DC
#DCC1D9
#DFC1D6
#D2BDE7
#D5BDE4
#D9BDE0
#DCBDDD
#DFBDDA
#E3BDD6
#E7BDD2
Colorpallet from #BDD2E7 to #D2BDE7 and to #E7D2BD
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#C0CFE7
#C1CFE6
#C1D0E5
#C2D0E4
#C3D1E3
#C3D1E1
#C4D2E0
#C4CBE7
#C5CCE5
#C6CDE3
#C7CEE1
#C8CFDF
#C9D1DD
#CAD2DA
#C7C8E7
#C9CAE4
#CACBE1
#CCCDDD
#CDCEDA
#CFD0D7
#D1D2D3
#CAC5E7
#CCC7E3
#CEC9DE
#D1CBDA
#D3CDD6
#D5CFD1
#D8D2CC
#CEC1E7
#D1C4E2
#D3C6DC
#D6C9D7
#D9CCD1
#DCCFCC
#DFD2C5
#D2BDE7
#D5C0E0
#D9C4DA
#DCC7D3
#DFCACC
#E3CEC5
#E7D2BD
Colorpallet from #BDD2E7 to #D2E7BD and to #E7BDD2
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#C0D5E0
#C1D4E1
#C1D3E1
#C2D2E2
#C3D1E3
#C3D0E3
#C4CFE4
#C4D9DA
#C5D7DB
#C6D5DC
#C7D2DD
#C8D0DE
#C9CEDF
#CACBE0
#C7DCD3
#C9D9D5
#CAD6D6
#CCD2D8
#CDCFD9
#CFCCDB
#D1C8DD
#CADFCC
#CCDBCE
#CED7D0
#D1D3D3
#D3CED5
#D5CAD7
#D8C5DA
#CEE3C5
#D1DEC8
#D3D8CA
#D6D3CD
#D9CDD0
#DCC8D3
#DFC1D6
#D2E7BD
#D5E0C0
#D9DAC4
#DCD3C7
#DFCCCA
#E3C5CE
#E7BDD2
Colorpallet from #BDD2E7 to #D2E7BD and to #E7D2BD
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#C0D5E0
#C1D5E0
#C1D4E0
#C2D4E0
#C3D3E0
#C3D3E0
#C4D2E0
#C4D9DA
#C5D8DA
#C6D7DA
#C7D6DA
#C8D5DA
#C9D3DA
#CAD2DA
#C7DCD3
#C9DAD3
#CAD9D3
#CCD7D3
#CDD6D3
#CFD4D3
#D1D2D3
#CADFCC
#CCDDCC
#CEDBCC
#D1D9CC
#D3D7CC
#D5D5CC
#D8D2CC
#CEE3C5
#D1E0C5
#D3DEC5
#D6DBC5
#D9D8C5
#DCD5C5
#DFD2C5
#D2E7BD
#D5E4BD
#D9E0BD
#DCDDBD
#DFDABD
#E3D6BD
#E7D2BD
Colorpallet from #BDD2E7 to #E7BDD2 and to #E7D2BD
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#BDD2E7
#C4CFE4
#C4CFE3
#C4D0E3
#C4D0E2
#C4D1E1
#C4D1E1
#C4D2E0
#CACBE0
#CACCDF
#CACDDE
#CACEDD
#CACFDC
#CAD1DB
#CAD2DA
#D1C8DD
#D1CADB
#D1CBDA
#D1CDD8
#D1CED7
#D1D0D5
#D1D2D3
#D8C5DA
#D8C7D8
#D8C9D6
#D8CBD3
#D8CDD1
#D8CFCF
#D8D2CC
#DFC1D6
#DFC4D3
#DFC6D1
#DFC9CE
#DFCCCB
#DFCFC8
#DFD2C5
#E7BDD2
#E7C0CF
#E7C4CB
#E7C7C8
#E7CAC5
#E7CEC1
#E7D2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts