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 #C0D1F1 to #C0F1D1 and to #D1C0F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D6EC
#C0D5ED
#C1D3EE
#C1D2EE
#C2D1EF
#C2D0F0
#C3CEF1
#C0DBE7
#C1D9E9
#C2D6EA
#C2D4EC
#C3D1ED
#C4CFEF
#C5CCF1
#C0E0E2
#C1DCE4
#C3D9E7
#C4D5E9
#C5D1EC
#C6CEEE
#C8C9F1
#C0E5DD
#C2E0E0
#C4DBE3
#C5D6E7
#C7D1EA
#C9CCED
#CBC6F1
#C0EBD7
#C2E5DB
#C4DEDF
#C7D8E3
#C9D1E8
#CBCBEC
#CEC3F1
#C0F1D1
#C3E9D6
#C5E1DB
#C8D9E0
#CBD2E5
#CECAEB
#D1C0F1
Colorpallet from #C0D1F1 to #C0F1D1 and to #D1F1C0
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D6EC
#C0D6EC
#C1D6EB
#C1D6EB
#C2D6EA
#C2D6EA
#C3D6E9
#C0DBE7
#C1DBE6
#C2DBE5
#C2DBE4
#C3DBE3
#C4DBE2
#C5DBE1
#C0E0E2
#C1E0E1
#C3E0DF
#C4E0DE
#C5E0DC
#C6E0DB
#C8E0D9
#C0E5DD
#C2E5DB
#C4E5D9
#C5E5D8
#C7E5D6
#C9E5D4
#CBE5D2
#C0EBD7
#C2EBD5
#C4EBD3
#C7EBD1
#C9EBCF
#CBEBCD
#CEEBCA
#C0F1D1
#C3F1CE
#C5F1CC
#C8F1C9
#CBF1C6
#CEF1C3
#D1F1C0
Colorpallet from #C0D1F1 to #C0F1D1 and to #F1C0D1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D6EC
#C1D5EC
#C3D3EC
#C4D2EC
#C5D1EC
#C6D0EC
#C8CEEC
#C0DBE7
#C3D9E7
#C5D6E7
#C8D4E7
#CAD1E7
#CDCFE7
#D0CCE7
#C0E0E2
#C4DCE2
#C8D9E2
#CCD5E2
#CFD1E2
#D3CEE2
#D8C9E2
#C0E5DD
#C5E0DD
#CADBDD
#CFD6DD
#D4D1DD
#D9CCDD
#DFC6DD
#C0EBD7
#C6E5D7
#CCDED7
#D3D8D7
#D9D1D7
#DFCBD7
#E7C3D7
#C0F1D1
#C8E9D1
#D0E1D1
#D8D9D1
#DFD2D1
#E7CAD1
#F1C0D1
Colorpallet from #C0D1F1 to #C0F1D1 and to #F1D1C0
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D6EC
#C1D5EC
#C3D4EB
#C4D4EB
#C5D3EA
#C6D2EA
#C8D1E9
#C0DBE7
#C3D9E6
#C5D8E5
#C8D6E4
#CAD5E3
#CDD3E2
#D0D1E1
#C0E0E2
#C4DEE1
#C8DBDF
#CCD9DE
#CFD6DC
#D3D4DB
#D8D1D9
#C0E5DD
#C5E2DB
#CADFD9
#CFDBD8
#D4D8D6
#D9D5D4
#DFD1D2
#C0EBD7
#C6E7D5
#CCE3D3
#D3DFD1
#D9DACF
#DFD6CD
#E7D1CA
#C0F1D1
#C8ECCE
#D0E7CC
#D8E2C9
#DFDDC6
#E7D7C3
#F1D1C0
Colorpallet from #C0D1F1 to #D1C0F1 and to #D1F1C0
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C3CEF1
#C3CFF0
#C3D1EE
#C3D2ED
#C3D3EC
#C3D4EB
#C3D6E9
#C5CCF1
#C5CEEE
#C5D1EC
#C5D3E9
#C5D6E7
#C5D8E4
#C5DBE1
#C8C9F1
#C8CDED
#C8D0E9
#C8D4E5
#C8D8E2
#C8DBDE
#C8E0D9
#CBC6F1
#CBCBEC
#CBD0E7
#CBD5E2
#CBDADD
#CBDFD8
#CBE5D2
#CEC3F1
#CEC9EB
#CED0E5
#CED6DE
#CEDDD8
#CEE3D2
#CEEBCA
#D1C0F1
#D1C8E9
#D1D0E1
#D1D8D9
#D1DFD2
#D1E7CA
#D1F1C0
Colorpallet from #C0D1F1 to #D1C0F1 and to #F1C0D1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C3CEF1
#C4CEF0
#C5CEEF
#C5CEEF
#C6CEEE
#C7CEED
#C8CEEC
#C5CCF1
#C7CCEF
#C9CCEE
#CACCEC
#CCCCEB
#CECCE9
#D0CCE7
#C8C9F1
#CBC9EF
#CDC9EC
#D0C9EA
#D2C9E7
#D5C9E5
#D8C9E2
#CBC6F1
#CEC6EE
#D1C6EB
#D5C6E7
#D8C6E4
#DBC6E1
#DFC6DD
#CEC3F1
#D2C3ED
#D6C3E9
#DAC3E5
#DEC3E0
#E2C3DC
#E7C3D7
#D1C0F1
#D6C0EC
#DBC0E7
#E0C0E2
#E5C0DD
#EBC0D7
#F1C0D1
Colorpallet from #C0D1F1 to #D1C0F1 and to #F1D1C0
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C3CEF1
#C4CEF0
#C5CFEE
#C5CFED
#C6D0EC
#C7D0EB
#C8D1E9
#C5CCF1
#C7CDEE
#C9CEEC
#CACEE9
#CCCFE7
#CED0E4
#D0D1E1
#C8C9F1
#CBCAED
#CDCCE9
#D0CDE5
#D2CEE2
#D5CFDE
#D8D1D9
#CBC6F1
#CEC8EC
#D1CAE7
#D5CBE2
#D8CDDD
#DBCFD8
#DFD1D2
#CEC3F1
#D2C5EB
#D6C7E5
#DACADE
#DECCD8
#E2CED2
#E7D1CA
#D1C0F1
#D6C3E9
#DBC5E1
#E0C8D9
#E5CBD2
#EBCECA
#F1D1C0
Colorpallet from #C0D1F1 to #D1F1C0 and to #F1C0D1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C3D6E9
#C4D5E9
#C5D3EA
#C5D2EA
#C6D1EB
#C7D0EB
#C8CEEC
#C5DBE1
#C7D9E2
#C9D6E3
#CAD4E4
#CCD1E5
#CECFE6
#D0CCE7
#C8E0D9
#CBDCDA
#CDD9DC
#D0D5DD
#D2D1DF
#D5CEE0
#D8C9E2
#CBE5D2
#CEE0D4
#D1DBD6
#D5D6D7
#D8D1D9
#DBCCDB
#DFC6DD
#CEEBCA
#D2E5CC
#D6DECE
#DAD8D0
#DED1D2
#E2CBD4
#E7C3D7
#D1F1C0
#D6E9C3
#DBE1C5
#E0D9C8
#E5D2CB
#EBCACE
#F1C0D1
Colorpallet from #C0D1F1 to #D1F1C0 and to #F1D1C0
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C3D6E9
#C4D5E9
#C5D4E9
#C5D4E9
#C6D3E9
#C7D2E9
#C8D1E9
#C5DBE1
#C7D9E1
#C9D8E1
#CAD6E1
#CCD5E1
#CED3E1
#D0D1E1
#C8E0D9
#CBDED9
#CDDBD9
#D0D9D9
#D2D6D9
#D5D4D9
#D8D1D9
#CBE5D2
#CEE2D2
#D1DFD2
#D5DBD2
#D8D8D2
#DBD5D2
#DFD1D2
#CEEBCA
#D2E7CA
#D6E3CA
#DADFCA
#DEDACA
#E2D6CA
#E7D1CA
#D1F1C0
#D6ECC0
#DBE7C0
#E0E2C0
#E5DDC0
#EBD7C0
#F1D1C0
Colorpallet from #C0D1F1 to #F1C0D1 and to #F1D1C0
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C0D1F1
#C8CEEC
#C8CEEC
#C8CFEB
#C8CFEB
#C8D0EA
#C8D0EA
#C8D1E9
#D0CCE7
#D0CDE6
#D0CEE5
#D0CEE4
#D0CFE3
#D0D0E2
#D0D1E1
#D8C9E2
#D8CAE1
#D8CCDF
#D8CDDE
#D8CEDC
#D8CFDB
#D8D1D9
#DFC6DD
#DFC8DB
#DFCAD9
#DFCBD8
#DFCDD6
#DFCFD4
#DFD1D2
#E7C3D7
#E7C5D5
#E7C7D3
#E7CAD1
#E7CCCF
#E7CECD
#E7D1CA
#F1C0D1
#F1C3CE
#F1C5CC
#F1C8C9
#F1CBC6
#F1CEC3
#F1D1C0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts