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 #C2C2F0 to #C2F0C2 and to #3DC2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C9E9
#BFC8EA
#BBC7EB
#B8C6EC
#B5C5ED
#B1C3EF
#ADC2F0
#C2D1E1
#BBCFE3
#B4CCE6
#ADCAE8
#A6C7EB
#A0C5ED
#97C2F0
#C2D8DA
#B8D4DE
#AED1E1
#A3CDE5
#99CAE8
#8FC6EC
#82C2F0
#C2DFD3
#B4DAD8
#A7D6DC
#99D1E1
#8CCCE6
#7EC8EA
#6DC2F0
#C2E7CB
#B1E1D1
#A0DBD7
#8FD5DD
#7ECFE3
#6DC9E9
#58C2F0
#C2F0C2
#ADE9C9
#97E1D1
#82DAD8
#6DD3DF
#58CBE7
#3DC2F0
Colorpallet from #C2C2F0 to #C2F0C2 and to #C2F0C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C9E9
#C2C9E9
#C2C9E9
#C2C9E9
#C2C9E9
#C2C9E9
#C2C9E9
#C2D1E1
#C2D1E1
#C2D1E1
#C2D1E1
#C2D1E1
#C2D1E1
#C2D1E1
#C2D8DA
#C2D8DA
#C2D8DA
#C2D8DA
#C2D8DA
#C2D8DA
#C2D8DA
#C2DFD3
#C2DFD3
#C2DFD3
#C2DFD3
#C2DFD3
#C2DFD3
#C2DFD3
#C2E7CB
#C2E7CB
#C2E7CB
#C2E7CB
#C2E7CB
#C2E7CB
#C2E7CB
#C2F0C2
#C2F0C2
#C2F0C2
#C2F0C2
#C2F0C2
#C2F0C2
#C2F0C2
Colorpallet from #C2C2F0 to #C2F0C2 and to #F0C2C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C9E9
#C3C8E9
#C4C7E9
#C5C6E9
#C6C5E9
#C8C3E9
#C9C2E9
#C2D1E1
#C4CFE1
#C7CCE1
#C9CAE1
#CCC7E1
#CEC5E1
#D1C2E1
#C2D8DA
#C6D4DA
#C9D1DA
#CDCDDA
#D0CADA
#D4C6DA
#D8C2DA
#C2DFD3
#C7DAD3
#CBD6D3
#D0D1D3
#D5CCD3
#D9C8D3
#DFC2D3
#C2E7CB
#C8E1CB
#CEDBCB
#D4D5CB
#DACFCB
#E0C9CB
#E7C2CB
#C2F0C2
#C9E9C2
#D1E1C2
#D8DAC2
#DFD3C2
#E7CBC2
#F0C2C2
Colorpallet from #C2C2F0 to #C2F0C2 and to #0FC2C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C9E9
#BDC8E9
#B9C7E9
#B4C6E9
#AFC5E9
#ABC3E9
#A5C2E9
#C2D1E1
#B9CFE1
#B0CCE1
#A7CAE1
#9EC7E1
#94C5E1
#89C2E1
#C2D8DA
#B4D4DA
#A6D1DA
#99CDDA
#8BCADA
#7DC6DA
#6CC2DA
#C2DFD3
#B0DAD3
#9DD6D3
#8BD1D3
#78CCD3
#66C8D3
#4FC2D3
#C2E7CB
#ABE1CB
#94DBCB
#7DD5CB
#66CFCB
#50C9CB
#33C2CB
#C2F0C2
#A5E9C2
#89E1C2
#6CDAC2
#4FD3C2
#33CBC2
#0FC2C2
Colorpallet from #C2C2F0 to #3DC2F0 and to #C2F0C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#ADC2F0
#B0C3EF
#B4C4EE
#B7C5ED
#BAC6EC
#BEC8EA
#C2C9E9
#97C2F0
#9EC4EE
#A5C7EB
#ACC9E9
#B3CCE6
#B9CEE4
#C2D1E1
#82C2F0
#8CC6EC
#96C9E9
#A1CDE5
#ABD0E2
#B5D4DE
#C2D8DA
#6DC2F0
#7BC7EB
#88CBE7
#96D0E2
#A3D5DD
#B1D9D9
#C2DFD3
#58C2F0
#69C8EA
#7ACEE4
#8BD4DE
#9CDAD8
#ADE0D2
#C2E7CB
#3DC2F0
#52C9E9
#68D1E1
#7DD8DA
#92DFD3
#A7E7CB
#C2F0C2
Colorpallet from #C2C2F0 to #3DC2F0 and to #F0C2C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#ADC2F0
#B1C2EF
#B6C2EE
#BAC2ED
#BFC2EC
#C3C2EA
#C9C2E9
#97C2F0
#A0C2EE
#AAC2EB
#B3C2E9
#BCC2E6
#C5C2E4
#D1C2E1
#82C2F0
#90C2EC
#9EC2E9
#ABC2E5
#B9C2E2
#C7C2DE
#D8C2DA
#6DC2F0
#7FC2EB
#91C2E7
#A4C2E2
#B6C2DD
#C8C2D9
#DFC2D3
#58C2F0
#6FC2EA
#86C2E4
#9DC2DE
#B4C2D8
#CAC2D2
#E7C2CB
#3DC2F0
#5AC2E9
#76C2E1
#93C2DA
#B0C2D3
#CCC2CB
#F0C2C2
Colorpallet from #C2C2F0 to #3DC2F0 and to #0FC2C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#ADC2F0
#ACC2EF
#AAC2EE
#A9C2ED
#A8C2EC
#A7C2EA
#A5C2E9
#97C2F0
#95C2EE
#93C2EB
#90C2E9
#8EC2E6
#8CC2E4
#89C2E1
#82C2F0
#7EC2EC
#7BC2E9
#77C2E5
#74C2E2
#70C2DE
#6CC2DA
#6DC2F0
#68C2EB
#63C2E7
#5FC2E2
#5AC2DD
#55C2D9
#4FC2D3
#58C2F0
#52C2EA
#4CC2E4
#46C2DE
#40C2D8
#3AC2D2
#33C2CB
#3DC2F0
#36C2E9
#2EC2E1
#27C2DA
#20C2D3
#18C2CB
#0FC2C2
Colorpallet from #C2C2F0 to #F0C2C2 and to #0FC2C2
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C2C2F0
#C9C2E9
#C3C2E9
#BDC2E9
#B8C2E9
#B2C2E9
#ACC2E9
#A5C2E9
#D1C2E1
#C5C2E1
#BAC2E1
#AEC2E1
#A3C2E1
#97C2E1
#89C2E1
#D8C2DA
#C7C2DA
#B5C2DA
#A4C2DA
#93C2DA
#82C2DA
#6CC2DA
#DFC2D3
#C8C2D3
#B1C2D3
#9AC2D3
#83C2D3
#6CC2D3
#4FC2D3
#E7C2CB
#CAC2CB
#ADC2CB
#91C2CB
#74C2CB
#57C2CB
#33C2CB
#F0C2C2
#CCC2C2
#A8C2C2
#84C2C2
#60C2C2
#3CC2C2
#0FC2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts