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 #C3D1F0 to #C3F0D1 and to #D1C3F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D6EB
#C3D5EC
#C4D4ED
#C4D3ED
#C4D2EE
#C5D0EF
#C5CFF0
#C3DBE6
#C4D9E8
#C4D7E9
#C5D4EB
#C6D2EC
#C6D0EE
#C7CDF0
#C3E0E1
#C4DCE3
#C5D9E6
#C6D5E8
#C7D2EB
#C9CEED
#CACAF0
#C3E5DC
#C4E0DF
#C6DCE2
#C7D7E6
#C9D2E9
#CACEEC
#CCC8F0
#C3EAD7
#C5E4DB
#C7DEDF
#C8D9E3
#CAD3E7
#CCCDEB
#CEC6F0
#C3F0D1
#C5E9D6
#C7E2DB
#CADAE0
#CCD3E5
#CECCEA
#D1C3F0
Colorpallet from #C3D1F0 to #C3F0D1 and to #D1F0C3
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D6EB
#C3D6EB
#C4D6EA
#C4D6EA
#C4D6EA
#C5D6E9
#C5D6E9
#C3DBE6
#C4DBE5
#C4DBE5
#C5DBE4
#C6DBE3
#C6DBE3
#C7DBE2
#C3E0E1
#C4E0E0
#C5E0DF
#C6E0DE
#C7E0DD
#C9E0DB
#CAE0DA
#C3E5DC
#C4E5DB
#C6E5D9
#C7E5D8
#C9E5D6
#CAE5D5
#CCE5D3
#C3EAD7
#C5EAD5
#C7EAD3
#C8EAD2
#CAEAD0
#CCEACE
#CEEACC
#C3F0D1
#C5F0CF
#C7F0CD
#CAF0CA
#CCF0C8
#CEF0C6
#D1F0C3
Colorpallet from #C3D1F0 to #C3F0D1 and to #F0C3D1
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D6EB
#C4D5EB
#C5D4EB
#C6D3EB
#C7D2EB
#C9D0EB
#CACFEB
#C3DBE6
#C5D9E6
#C7D7E6
#CAD4E6
#CCD2E6
#CED0E6
#D1CDE6
#C3E0E1
#C7DCE1
#CAD9E1
#CED5E1
#D1D2E1
#D5CEE1
#D9CAE1
#C3E5DC
#C8E0DC
#CCDCDC
#D1D7DC
#D6D2DC
#DACEDC
#E0C8DC
#C3EAD7
#C9E4D7
#CFDED7
#D4D9D7
#DAD3D7
#E0CDD7
#E7C6D7
#C3F0D1
#CAE9D1
#D1E2D1
#D9DAD1
#E0D3D1
#E7CCD1
#F0C3D1
Colorpallet from #C3D1F0 to #C3F0D1 and to #F0D1C3
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D6EB
#C4D5EB
#C5D4EA
#C6D4EA
#C7D3EA
#C9D2E9
#CAD1E9
#C3DBE6
#C5D9E5
#C7D8E5
#CAD6E4
#CCD5E3
#CED3E3
#D1D1E2
#C3E0E1
#C7DEE0
#CADBDF
#CED9DE
#D1D6DD
#D5D4DB
#D9D1DA
#C3E5DC
#C8E2DB
#CCDFD9
#D1DBD8
#D6D8D6
#DAD5D5
#E0D1D3
#C3EAD7
#C9E6D5
#CFE2D3
#D4DED2
#DADAD0
#E0D6CE
#E7D1CC
#C3F0D1
#CAEBCF
#D1E6CD
#D9E1CA
#E0DCC8
#E7D7C6
#F0D1C3
Colorpallet from #C3D1F0 to #D1C3F0 and to #D1F0C3
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C5CFF0
#C5D0EF
#C5D1EE
#C5D2ED
#C5D3EC
#C5D5EA
#C5D6E9
#C7CDF0
#C7CFEE
#C7D1EC
#C7D4E9
#C7D6E7
#C7D8E5
#C7DBE2
#CACAF0
#CACEEC
#CAD1E9
#CAD5E5
#CAD8E2
#CADCDE
#CAE0DA
#CCC8F0
#CCCDEB
#CCD1E7
#CCD6E2
#CCDBDD
#CCDFD9
#CCE5D3
#CEC6F0
#CECCEA
#CED2E4
#CED7DF
#CEDDD9
#CEE3D3
#CEEACC
#D1C3F0
#D1CAE9
#D1D1E2
#D1D9DA
#D1E0D3
#D1E7CC
#D1F0C3
Colorpallet from #C3D1F0 to #D1C3F0 and to #F0C3D1
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C5CFF0
#C6CFEF
#C7CFEE
#C7CFEE
#C8CFED
#C9CFEC
#CACFEB
#C7CDF0
#C9CDEE
#CACDED
#CCCDEB
#CDCDEA
#CFCDE8
#D1CDE6
#CACAF0
#CCCAEE
#CFCAEB
#D1CAE9
#D4CAE6
#D6CAE4
#D9CAE1
#CCC8F0
#CFC8ED
#D2C8EA
#D6C8E6
#D9C8E3
#DCC8E0
#E0C8DC
#CEC6F0
#D2C6EC
#D6C6E8
#DAC6E4
#DEC6E0
#E2C6DC
#E7C6D7
#D1C3F0
#D6C3EB
#DBC3E6
#E0C3E1
#E5C3DC
#EAC3D7
#F0C3D1
Colorpallet from #C3D1F0 to #D1C3F0 and to #F0D1C3
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C5CFF0
#C6CFEF
#C7D0EE
#C7D0ED
#C8D0EC
#C9D1EA
#CAD1E9
#C7CDF0
#C9CEEE
#CACEEC
#CCCFE9
#CDD0E7
#CFD0E5
#D1D1E2
#CACAF0
#CCCBEC
#CFCCE9
#D1CDE5
#D4CEE2
#D6D0DE
#D9D1DA
#CCC8F0
#CFC9EB
#D2CBE7
#D6CCE2
#D9CEDD
#DCCFD9
#E0D1D3
#CEC6F0
#D2C8EA
#D6CAE4
#DACBDF
#DECDD9
#E2CFD3
#E7D1CC
#D1C3F0
#D6C5E9
#DBC7E2
#E0CADA
#E5CCD3
#EACECC
#F0D1C3
Colorpallet from #C3D1F0 to #D1F0C3 and to #F0C3D1
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C5D6E9
#C6D5E9
#C7D4EA
#C7D3EA
#C8D2EA
#C9D0EB
#CACFEB
#C7DBE2
#C9D9E3
#CAD7E3
#CCD4E4
#CDD2E5
#CFD0E5
#D1CDE6
#CAE0DA
#CCDCDB
#CFD9DC
#D1D5DD
#D4D2DE
#D6CEE0
#D9CAE1
#CCE5D3
#CFE0D4
#D2DCD6
#D6D7D7
#D9D2D9
#DCCEDA
#E0C8DC
#CEEACC
#D2E4CE
#D6DED0
#DAD9D1
#DED3D3
#E2CDD5
#E7C6D7
#D1F0C3
#D6E9C5
#DBE2C7
#E0DACA
#E5D3CC
#EACCCE
#F0C3D1
Colorpallet from #C3D1F0 to #D1F0C3 and to #F0D1C3
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C5D6E9
#C6D5E9
#C7D4E9
#C7D4E9
#C8D3E9
#C9D2E9
#CAD1E9
#C7DBE2
#C9D9E2
#CAD8E2
#CCD6E2
#CDD5E2
#CFD3E2
#D1D1E2
#CAE0DA
#CCDEDA
#CFDBDA
#D1D9DA
#D4D6DA
#D6D4DA
#D9D1DA
#CCE5D3
#CFE2D3
#D2DFD3
#D6DBD3
#D9D8D3
#DCD5D3
#E0D1D3
#CEEACC
#D2E6CC
#D6E2CC
#DADECC
#DEDACC
#E2D6CC
#E7D1CC
#D1F0C3
#D6EBC3
#DBE6C3
#E0E1C3
#E5DCC3
#EAD7C3
#F0D1C3
Colorpallet from #C3D1F0 to #F0C3D1 and to #F0D1C3
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#C3D1F0
#CACFEB
#CACFEB
#CAD0EA
#CAD0EA
#CAD0EA
#CAD1E9
#CAD1E9
#D1CDE6
#D1CEE5
#D1CEE5
#D1CFE4
#D1D0E3
#D1D0E3
#D1D1E2
#D9CAE1
#D9CBE0
#D9CCDF
#D9CDDE
#D9CEDD
#D9D0DB
#D9D1DA
#E0C8DC
#E0C9DB
#E0CBD9
#E0CCD8
#E0CED6
#E0CFD5
#E0D1D3
#E7C6D7
#E7C8D5
#E7CAD3
#E7CBD2
#E7CDD0
#E7CFCE
#E7D1CC
#F0C3D1
#F0C5CF
#F0C7CD
#F0CACA
#F0CCC8
#F0CEC6
#F0D1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts