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 #BED4F2 to #BEF2D4 and to #D4BEF2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED9ED
#BFD8EE
#BFD6EF
#C0D5EF
#C1D3F0
#C1D2F1
#C2D0F2
#BEDEE8
#BFDBEA
#C0D9EB
#C1D6ED
#C2D3EE
#C4D0F0
#C5CDF2
#BEE2E4
#C0DEE6
#C2DAE8
#C3D6EB
#C5D2ED
#C7CEEF
#C9C9F2
#BEE7DF
#C0E2E2
#C2DCE5
#C5D7E8
#C7D2EB
#C9CDEE
#CCC6F2
#BEECDA
#C1E5DE
#C4DFE2
#C7D8E6
#CAD1E9
#CCCAED
#D0C2F2
#BEF2D4
#C2EAD9
#C5E1DE
#C9D9E2
#CCD1E7
#D0C8EC
#D4BEF2
Colorpallet from #BED4F2 to #BEF2D4 and to #D4F2BE
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED9ED
#BFD9ED
#BFD9EC
#C0D9EC
#C1D9EB
#C1D9EB
#C2D9EA
#BEDEE8
#BFDEE7
#C0DEE6
#C1DEE5
#C2DEE4
#C4DEE2
#C5DEE1
#BEE2E4
#C0E2E2
#C2E2E0
#C3E2DF
#C5E2DD
#C7E2DB
#C9E2D9
#BEE7DF
#C0E7DD
#C2E7DB
#C5E7D8
#C7E7D6
#C9E7D4
#CCE7D1
#BEECDA
#C1ECD7
#C4ECD4
#C7ECD1
#CAECCE
#CCECCC
#D0ECC8
#BEF2D4
#C2F2D0
#C5F2CD
#C9F2C9
#CCF2C6
#D0F2C2
#D4F2BE
Colorpallet from #BED4F2 to #BEF2D4 and to #F2BED4
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED9ED
#BFD8ED
#C1D6ED
#C2D5ED
#C3D3ED
#C4D2ED
#C6D0ED
#BEDEE8
#C1DBE8
#C3D9E8
#C6D6E8
#C9D3E8
#CCD0E8
#CFCDE8
#BEE2E4
#C2DEE4
#C6DAE4
#CAD6E4
#CED2E4
#D2CEE4
#D7C9E4
#BEE7DF
#C3E2DF
#C9DCDF
#CED7DF
#D3D2DF
#D8CDDF
#DFC6DF
#BEECDA
#C5E5DA
#CBDFDA
#D2D8DA
#D9D1DA
#E0CADA
#E8C2DA
#BEF2D4
#C6EAD4
#CFE1D4
#D7D9D4
#DFD1D4
#E8C8D4
#F2BED4
Colorpallet from #BED4F2 to #BEF2D4 and to #F2D4BE
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED9ED
#BFD8ED
#C1D7EC
#C2D7EC
#C3D6EB
#C4D5EB
#C6D4EA
#BEDEE8
#C1DCE7
#C3DBE6
#C6D9E5
#C9D8E4
#CCD6E2
#CFD4E1
#BEE2E4
#C2E0E2
#C6DEE0
#CADBDF
#CED9DD
#D2D7DB
#D7D4D9
#BEE7DF
#C3E4DD
#C9E1DB
#CEDED8
#D3DBD6
#D8D8D4
#DFD4D1
#BEECDA
#C5E8D7
#CBE4D4
#D2E0D1
#D9DDCE
#E0D9CC
#E8D4C8
#BEF2D4
#C6EDD0
#CFE8CD
#D7E4C9
#DFDFC6
#E8DAC2
#F2D4BE
Colorpallet from #BED4F2 to #D4BEF2 and to #D4F2BE
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#C2D0F2
#C2D1F1
#C2D3EF
#C2D4EE
#C2D6ED
#C2D7EC
#C2D9EA
#C5CDF2
#C5D0EF
#C5D2ED
#C5D5EA
#C5D8E7
#C5DBE4
#C5DEE1
#C9C9F2
#C9CDEE
#C9D1EA
#C9D5E6
#C9D9E2
#C9DDDE
#C9E2D9
#CCC6F2
#CCCBED
#CCD1E7
#CCD6E2
#CCDBDD
#CCE0D8
#CCE7D1
#D0C2F2
#D0C9EB
#D0CFE5
#D0D6DE
#D0DDD7
#D0E4D0
#D0ECC8
#D4BEF2
#D4C6EA
#D4CFE1
#D4D7D9
#D4DFD1
#D4E8C8
#D4F2BE
Colorpallet from #BED4F2 to #D4BEF2 and to #F2BED4
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#C2D0F2
#C3D0F1
#C3D0F0
#C4D0F0
#C5D0EF
#C5D0EE
#C6D0ED
#C5CDF2
#C7CDF0
#C8CDEF
#CACDED
#CBCDEC
#CDCDEA
#CFCDE8
#C9C9F2
#CBC9F0
#CDC9EE
#D0C9EB
#D2C9E9
#D4C9E7
#D7C9E4
#CCC6F2
#CFC6EF
#D2C6EC
#D5C6E9
#D8C6E6
#DBC6E3
#DFC6DF
#D0C2F2
#D4C2EE
#D8C2EA
#DCC2E6
#DFC2E3
#E3C2DF
#E8C2DA
#D4BEF2
#D9BEED
#DEBEE8
#E2BEE4
#E7BEDF
#ECBEDA
#F2BED4
Colorpallet from #BED4F2 to #D4BEF2 and to #F2D4BE
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#C2D0F2
#C3D1F1
#C3D1EF
#C4D2EE
#C5D3ED
#C5D3EC
#C6D4EA
#C5CDF2
#C7CEEF
#C8CFED
#CAD0EA
#CBD1E7
#CDD3E4
#CFD4E1
#C9C9F2
#CBCBEE
#CDCDEA
#D0CEE6
#D2D0E2
#D4D2DE
#D7D4D9
#CCC6F2
#CFC8ED
#D2CAE7
#D5CDE2
#D8CFDD
#DBD1D8
#DFD4D1
#D0C2F2
#D4C5EB
#D8C8E5
#DCCBDE
#DFCED7
#E3D0D0
#E8D4C8
#D4BEF2
#D9C2EA
#DEC5E1
#E2C9D9
#E7CCD1
#ECD0C8
#F2D4BE
Colorpallet from #BED4F2 to #D4F2BE and to #F2BED4
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#C2D9EA
#C3D8EA
#C3D6EB
#C4D5EB
#C5D3EC
#C5D2EC
#C6D0ED
#C5DEE1
#C7DBE2
#C8D9E3
#CAD6E4
#CBD3E5
#CDD0E7
#CFCDE8
#C9E2D9
#CBDEDB
#CDDADD
#D0D6DE
#D2D2E0
#D4CEE2
#D7C9E4
#CCE7D1
#CFE2D3
#D2DCD5
#D5D7D8
#D8D2DA
#DBCDDC
#DFC6DF
#D0ECC8
#D4E5CB
#D8DFCE
#DCD8D1
#DFD1D4
#E3CAD6
#E8C2DA
#D4F2BE
#D9EAC2
#DEE1C5
#E2D9C9
#E7D1CC
#ECC8D0
#F2BED4
Colorpallet from #BED4F2 to #D4F2BE and to #F2D4BE
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#C2D9EA
#C3D8EA
#C3D7EA
#C4D7EA
#C5D6EA
#C5D5EA
#C6D4EA
#C5DEE1
#C7DCE1
#C8DBE1
#CAD9E1
#CBD8E1
#CDD6E1
#CFD4E1
#C9E2D9
#CBE0D9
#CDDED9
#D0DBD9
#D2D9D9
#D4D7D9
#D7D4D9
#CCE7D1
#CFE4D1
#D2E1D1
#D5DED1
#D8DBD1
#DBD8D1
#DFD4D1
#D0ECC8
#D4E8C8
#D8E4C8
#DCE0C8
#DFDDC8
#E3D9C8
#E8D4C8
#D4F2BE
#D9EDBE
#DEE8BE
#E2E4BE
#E7DFBE
#ECDABE
#F2D4BE
Colorpallet from #BED4F2 to #F2BED4 and to #F2D4BE
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#BED4F2
#C6D0ED
#C6D1ED
#C6D1EC
#C6D2EC
#C6D3EB
#C6D3EB
#C6D4EA
#CFCDE8
#CFCEE7
#CFCFE6
#CFD0E5
#CFD1E4
#CFD3E2
#CFD4E1
#D7C9E4
#D7CBE2
#D7CDE0
#D7CEDF
#D7D0DD
#D7D2DB
#D7D4D9
#DFC6DF
#DFC8DD
#DFCADB
#DFCDD8
#DFCFD6
#DFD1D4
#DFD4D1
#E8C2DA
#E8C5D7
#E8C8D4
#E8CBD1
#E8CECE
#E8D0CC
#E8D4C8
#F2BED4
#F2C2D0
#F2C5CD
#F2C9C9
#F2CCC6
#F2D0C2
#F2D4BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts