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 #C2C1F2 to #C2F2C1 and to #C1C2F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C9EA
#C2C8EB
#C2C6ED
#C2C5EE
#C2C4EF
#C2C3F0
#C2C1F2
#C2D1E2
#C2CEE5
#C2CCE7
#C2C9EA
#C2C7EC
#C2C4EF
#C2C1F2
#C2D9DA
#C2D5DE
#C2D1E2
#C2CDE6
#C2CAE9
#C2C6ED
#C2C1F2
#C2E0D3
#C2DBD8
#C2D6DD
#C2D2E2
#C1CDE7
#C1C8EC
#C1C2F2
#C2E8CB
#C2E2D1
#C2DCD7
#C2D6DE
#C1D0E4
#C1CAEA
#C1C2F2
#C2F2C1
#C2EAC9
#C2E3D1
#C2DBD9
#C1D3E0
#C1CCE8
#C1C2F2
Colorpallet from #C2C1F2 to #C2F2C1 and to #C1F2C2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C9EA
#C2C9EA
#C2C9EA
#C2C9EA
#C2C9EA
#C2C9EA
#C2C9EA
#C2D1E2
#C2D1E2
#C2D1E2
#C2D1E2
#C2D1E3
#C2D1E3
#C2D1E3
#C2D9DA
#C2D9DA
#C2D9DA
#C2D9DA
#C2D9DB
#C2D9DB
#C2D9DB
#C2E0D3
#C2E0D3
#C2E0D3
#C2E0D3
#C1E0D3
#C1E0D3
#C1E0D3
#C2E8CB
#C2E8CB
#C2E8CB
#C2E8CB
#C1E8CC
#C1E8CC
#C1E8CC
#C2F2C1
#C2F2C1
#C2F2C1
#C2F2C1
#C1F2C2
#C1F2C2
#C1F2C2
Colorpallet from #C2C1F2 to #C2F2C1 and to #F2C2C1
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C9EA
#C3C8EA
#C5C6EA
#C6C5EA
#C7C4EA
#C8C3EA
#CAC1EA
#C2D1E2
#C4CEE2
#C7CCE2
#C9C9E2
#CCC7E2
#CEC4E2
#D1C1E2
#C2D9DA
#C6D5DA
#C9D1DA
#CDCDDA
#D1CADA
#D4C6DA
#D9C1DA
#C2E0D3
#C7DBD3
#CCD6D3
#D1D2D3
#D6CDD3
#DBC8D3
#E1C2D3
#C2E8CB
#C8E2CB
#CEDCCB
#D4D6CB
#DAD0CB
#E0CACB
#E8C2CB
#C2F2C1
#CAEAC1
#D1E3C1
#D9DBC1
#E1D3C1
#E8CCC1
#F2C2C1
Colorpallet from #C2C1F2 to #C2F2C1 and to #F2C1C2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C9EA
#C3C8EA
#C5C6EA
#C6C5EA
#C7C4EA
#C8C3EA
#CAC1EA
#C2D1E2
#C4CEE2
#C7CCE2
#C9C9E2
#CCC7E3
#CEC4E3
#D1C1E3
#C2D9DA
#C6D5DA
#C9D1DA
#CDCDDA
#D1CADB
#D4C6DB
#D9C1DB
#C2E0D3
#C7DBD3
#CCD6D3
#D1D1D3
#D6CCD3
#DBC7D3
#E1C1D3
#C2E8CB
#C8E2CB
#CEDCCB
#D4D5CB
#DACFCC
#E0C9CC
#E8C1CC
#C2F2C1
#CAEAC1
#D1E2C1
#D9DAC1
#E1D3C2
#E8CBC2
#F2C1C2
Colorpallet from #C2C1F2 to #C1C2F2 and to #C1F2C2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C2F1
#C2C4EF
#C2C5EE
#C2C6ED
#C2C7EC
#C2C9EA
#C2C1F2
#C2C4F0
#C2C6ED
#C2C9EB
#C2CBE8
#C2CEE6
#C2D1E3
#C2C1F2
#C2C5EE
#C2C9EB
#C2CDE7
#C2D0E3
#C2D4E0
#C2D9DB
#C1C2F2
#C1C7ED
#C1CCE8
#C1D0E3
#C1D5DE
#C1DAD9
#C1E0D3
#C1C2F2
#C1C8EC
#C1CEE6
#C1D4E0
#C1DADA
#C1E0D4
#C1E8CC
#C1C2F2
#C1CAEA
#C1D1E3
#C1D9DB
#C1E1D3
#C1E8CC
#C1F2C2
Colorpallet from #C2C1F2 to #C1C2F2 and to #F2C2C1
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C3C1F1
#C5C1EF
#C6C1EE
#C7C1ED
#C8C1EC
#CAC1EA
#C2C1F2
#C4C1EF
#C7C1ED
#C9C1EA
#CCC1E8
#CEC1E5
#D1C1E2
#C2C1F2
#C6C1EE
#C9C1EA
#CDC1E6
#D1C1E3
#D4C1DF
#D9C1DA
#C1C2F2
#C6C2ED
#CBC2E8
#D0C2E3
#D5C2DE
#DBC2D9
#E1C2D3
#C1C2F2
#C7C2EC
#CDC2E6
#D4C2DF
#DAC2D9
#E0C2D3
#E8C2CB
#C1C2F2
#C9C2EA
#D1C2E2
#D9C2DA
#E0C2D3
#E8C2CB
#F2C2C1
Colorpallet from #C2C1F2 to #C1C2F2 and to #F2C1C2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C3C1F1
#C5C1EF
#C6C1EE
#C7C1ED
#C8C1EC
#CAC1EA
#C2C1F2
#C4C1F0
#C7C1ED
#C9C1EB
#CCC1E8
#CEC1E6
#D1C1E3
#C2C1F2
#C6C1EE
#C9C1EB
#CDC1E7
#D1C1E3
#D4C1E0
#D9C1DB
#C1C2F2
#C6C2ED
#CBC2E8
#D0C2E3
#D5C1DE
#DBC1D9
#E1C1D3
#C1C2F2
#C7C2EC
#CDC2E6
#D4C2E0
#DAC1DA
#E0C1D4
#E8C1CC
#C1C2F2
#C9C2EA
#D1C2E3
#D9C2DB
#E0C1D3
#E8C1CC
#F2C1C2
Colorpallet from #C2C1F2 to #C1F2C2 and to #F2C2C1
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C9EA
#C3C8EA
#C5C6EA
#C6C5EA
#C7C4EA
#C8C3EA
#CAC1EA
#C2D1E3
#C4CEE3
#C7CCE3
#C9C9E3
#CCC7E2
#CEC4E2
#D1C1E2
#C2D9DB
#C6D5DB
#C9D1DB
#CDCDDB
#D1CADA
#D4C6DA
#D9C1DA
#C1E0D3
#C6DBD3
#CBD6D3
#D0D2D3
#D5CDD3
#DBC8D3
#E1C2D3
#C1E8CC
#C7E2CC
#CDDCCC
#D4D6CC
#DAD0CB
#E0CACB
#E8C2CB
#C1F2C2
#C9EAC2
#D1E3C2
#D9DBC2
#E0D3C1
#E8CCC1
#F2C2C1
Colorpallet from #C2C1F2 to #C1F2C2 and to #F2C1C2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C9EA
#C3C8EA
#C5C6EA
#C6C5EA
#C7C4EA
#C8C3EA
#CAC1EA
#C2D1E3
#C4CEE3
#C7CCE3
#C9C9E3
#CCC7E3
#CEC4E3
#D1C1E3
#C2D9DB
#C6D5DB
#C9D1DB
#CDCDDB
#D1CADB
#D4C6DB
#D9C1DB
#C1E0D3
#C6DBD3
#CBD6D3
#D0D1D3
#D5CCD3
#DBC7D3
#E1C1D3
#C1E8CC
#C7E2CC
#CDDCCC
#D4D5CC
#DACFCC
#E0C9CC
#E8C1CC
#C1F2C2
#C9EAC2
#D1E2C2
#D9DAC2
#E0D3C2
#E8CBC2
#F2C1C2
Colorpallet from #C2C1F2 to #F2C2C1 and to #F2C1C2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#C2C1F2
#CAC1EA
#CAC1EA
#CAC1EA
#CAC1EA
#CAC1EA
#CAC1EA
#CAC1EA
#D1C1E2
#D1C1E2
#D1C1E2
#D1C1E2
#D1C1E3
#D1C1E3
#D1C1E3
#D9C1DA
#D9C1DA
#D9C1DA
#D9C1DA
#D9C1DB
#D9C1DB
#D9C1DB
#E1C2D3
#E1C2D3
#E1C2D3
#E1C2D3
#E1C1D3
#E1C1D3
#E1C1D3
#E8C2CB
#E8C2CB
#E8C2CB
#E8C2CB
#E8C1CC
#E8C1CC
#E8C1CC
#F2C2C1
#F2C2C1
#F2C2C1
#F2C2C1
#F2C1C2
#F2C1C2
#F2C1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts