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 #BFD8F2 to #BFF2D8 and to #D8BFF2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFDCEE
#C0DBEF
#C0D9EF
#C1D8F0
#C2D7F1
#C2D6F1
#C3D4F2
#BFE0EA
#C0DDEB
#C2DBED
#C3D8EE
#C4D6EF
#C5D3F0
#C7D0F2
#BFE4E6
#C1E0E8
#C3DCEA
#C5D8EC
#C7D5EE
#C9D1F0
#CBCCF2
#BFE9E1
#C2E4E4
#C4DEE6
#C7D9E9
#C9D4EC
#CCCFEF
#CFC8F2
#BFEDDD
#C2E6E0
#C5E0E4
#C9D9E7
#CCD3EA
#CFCCEE
#D3C4F2
#BFF2D8
#C3EADC
#C7E2E0
#CBDAE4
#CFD1E9
#D3C9ED
#D8BFF2
Colorpallet from #BFD8F2 to #BFF2D8 and to #D8F2BF
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFDCEE
#C0DCED
#C0DCED
#C1DCEC
#C2DCEB
#C2DCEB
#C3DCEA
#BFE0EA
#C0E0E9
#C2E0E7
#C3E0E6
#C4E0E5
#C5E0E4
#C7E0E2
#BFE4E6
#C1E4E4
#C3E4E2
#C5E4E0
#C7E4DE
#C9E4DC
#CBE4DA
#BFE9E1
#C2E9DE
#C4E9DC
#C7E9D9
#C9E9D7
#CCE9D4
#CFE9D1
#BFEDDD
#C2EDDA
#C5EDD7
#C9EDD3
#CCEDD0
#CFEDCD
#D3EDC9
#BFF2D8
#C3F2D4
#C7F2D0
#CBF2CC
#CFF2C8
#D3F2C4
#D8F2BF
Colorpallet from #BFD8F2 to #BFF2D8 and to #F2BFD8
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFDCEE
#C0DBEE
#C2D9EE
#C3D8EE
#C4D7EE
#C5D6EE
#C7D4EE
#BFE0EA
#C2DDEA
#C4DBEA
#C7D8EA
#C9D6EA
#CCD3EA
#CFD0EA
#BFE4E6
#C3E0E6
#C7DCE6
#CBD8E6
#CED5E6
#D2D1E6
#D7CCE6
#BFE9E1
#C4E4E1
#CADEE1
#CFD9E1
#D4D4E1
#D9CFE1
#E0C8E1
#BFEDDD
#C6E6DD
#CCE0DD
#D3D9DD
#D9D3DD
#E0CCDD
#E8C4DD
#BFF2D8
#C7EAD8
#CFE2D8
#D7DAD8
#E0D1D8
#E8C9D8
#F2BFD8
Colorpallet from #BFD8F2 to #BFF2D8 and to #F2D8BF
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFDCEE
#C0DBED
#C2DBED
#C3DAEC
#C4D9EB
#C5D9EB
#C7D8EA
#BFE0EA
#C2DFE9
#C4DDE7
#C7DCE6
#C9DBE5
#CCDAE4
#CFD8E2
#BFE4E6
#C3E2E4
#C7E0E2
#CBDEE0
#CEDCDE
#D2DADC
#D7D8DA
#BFE9E1
#C4E6DE
#CAE4DC
#CFE1D9
#D4DED7
#D9DBD4
#E0D8D1
#BFEDDD
#C6EADA
#CCE6D7
#D3E3D3
#D9E0D0
#E0DCCD
#E8D8C9
#BFF2D8
#C7EED4
#CFEAD0
#D7E6CC
#E0E1C8
#E8DDC4
#F2D8BF
Colorpallet from #BFD8F2 to #D8BFF2 and to #D8F2BF
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#C3D4F2
#C3D5F1
#C3D7EF
#C3D8EE
#C3D9ED
#C3DAEC
#C3DCEA
#C7D0F2
#C7D3EF
#C7D5ED
#C7D8EA
#C7DAE8
#C7DDE5
#C7E0E2
#CBCCF2
#CBD0EE
#CBD4EA
#CBD8E6
#CBDBE3
#CBDFDF
#CBE4DA
#CFC8F2
#CFCDED
#CFD3E7
#CFD8E2
#CFDDDD
#CFE2D8
#CFE9D1
#D3C4F2
#D3CBEB
#D3D1E5
#D3D8DE
#D3DED8
#D3E5D1
#D3EDC9
#D8BFF2
#D8C7EA
#D8CFE2
#D8D7DA
#D8E0D1
#D8E8C9
#D8F2BF
Colorpallet from #BFD8F2 to #D8BFF2 and to #F2BFD8
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#C3D4F2
#C4D4F1
#C4D4F1
#C5D4F0
#C6D4EF
#C6D4EF
#C7D4EE
#C7D0F2
#C8D0F1
#CAD0EF
#CBD0EE
#CCD0ED
#CDD0EC
#CFD0EA
#CBCCF2
#CDCCF0
#CFCCEE
#D1CCEC
#D3CCEA
#D5CCE8
#D7CCE6
#CFC8F2
#D2C8EF
#D4C8ED
#D7C8EA
#DAC8E7
#DDC8E4
#E0C8E1
#D3C4F2
#D6C4EF
#DAC4EB
#DDC4E8
#E0C4E5
#E4C4E1
#E8C4DD
#D8BFF2
#DCBFEE
#E0BFEA
#E4BFE6
#E9BFE1
#EDBFDD
#F2BFD8
Colorpallet from #BFD8F2 to #D8BFF2 and to #F2D8BF
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#C3D4F2
#C4D5F1
#C4D5EF
#C5D6EE
#C6D7ED
#C6D7EC
#C7D8EA
#C7D0F2
#C8D1EF
#CAD3ED
#CBD4EA
#CCD5E8
#CDD6E5
#CFD8E2
#CBCCF2
#CDCEEE
#CFD0EA
#D1D2E6
#D3D4E3
#D5D6DF
#D7D8DA
#CFC8F2
#D2CBED
#D4CDE7
#D7D0E2
#DAD2DD
#DDD5D8
#E0D8D1
#D3C4F2
#D6C7EB
#DACAE5
#DDCEDE
#E0D1D8
#E4D4D1
#E8D8C9
#D8BFF2
#DCC3EA
#E0C7E2
#E4CBDA
#E9CFD1
#EDD3C9
#F2D8BF
Colorpallet from #BFD8F2 to #D8F2BF and to #F2BFD8
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#C3DCEA
#C4DBEB
#C4D9EB
#C5D8EC
#C6D7ED
#C6D6ED
#C7D4EE
#C7E0E2
#C8DDE3
#CADBE5
#CBD8E6
#CCD6E7
#CDD3E8
#CFD0EA
#CBE4DA
#CDE0DC
#CFDCDE
#D1D8E0
#D3D5E2
#D5D1E4
#D7CCE6
#CFE9D1
#D2E4D4
#D4DED6
#D7D9D9
#DAD4DB
#DDCFDE
#E0C8E1
#D3EDC9
#D6E6CC
#DAE0CF
#DDD9D3
#E0D3D6
#E4CCD9
#E8C4DD
#D8F2BF
#DCEAC3
#E0E2C7
#E4DACB
#E9D1CF
#EDC9D3
#F2BFD8
Colorpallet from #BFD8F2 to #D8F2BF and to #F2D8BF
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#C3DCEA
#C4DBEA
#C4DBEA
#C5DAEA
#C6D9EA
#C6D9EA
#C7D8EA
#C7E0E2
#C8DFE2
#CADDE2
#CBDCE2
#CCDBE2
#CDDAE2
#CFD8E2
#CBE4DA
#CDE2DA
#CFE0DA
#D1DEDA
#D3DCDA
#D5DADA
#D7D8DA
#CFE9D1
#D2E6D1
#D4E4D1
#D7E1D1
#DADED1
#DDDBD1
#E0D8D1
#D3EDC9
#D6EAC9
#DAE6C9
#DDE3C9
#E0E0C9
#E4DCC9
#E8D8C9
#D8F2BF
#DCEEBF
#E0EABF
#E4E6BF
#E9E1BF
#EDDDBF
#F2D8BF
Colorpallet from #BFD8F2 to #F2BFD8 and to #F2D8BF
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#BFD8F2
#C7D4EE
#C7D5ED
#C7D5ED
#C7D6EC
#C7D7EB
#C7D7EB
#C7D8EA
#CFD0EA
#CFD1E9
#CFD3E7
#CFD4E6
#CFD5E5
#CFD6E4
#CFD8E2
#D7CCE6
#D7CEE4
#D7D0E2
#D7D2E0
#D7D4DE
#D7D6DC
#D7D8DA
#E0C8E1
#E0CBDE
#E0CDDC
#E0D0D9
#E0D2D7
#E0D5D4
#E0D8D1
#E8C4DD
#E8C7DA
#E8CAD7
#E8CED3
#E8D1D0
#E8D4CD
#E8D8C9
#F2BFD8
#F2C3D4
#F2C7D0
#F2CBCC
#F2CFC8
#F2D3C4
#F2D8BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts