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 #C2DAF3 to #C2F3DA and to #DAC2F3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DEEF
#C3DDF0
#C3DBF0
#C4DAF1
#C5D9F2
#C5D8F2
#C6D6F3
#C2E2EB
#C3DFEC
#C5DDEE
#C6DAEF
#C7D8F0
#C8D5F1
#CAD2F3
#C2E6E7
#C4E2E9
#C6DEEB
#C8DAED
#CAD7EF
#CCD3F1
#CECEF3
#C2EAE3
#C4E5E6
#C7E0E8
#C9DBEB
#CCD6ED
#CED1F0
#D1CBF3
#C2EEDF
#C5E8E2
#C8E2E5
#CBDBE9
#CED5EC
#D1CFEF
#D5C7F3
#C2F3DA
#C6EBDE
#CAE3E2
#CEDBE6
#D1D4EA
#D5CCEE
#DAC2F3
Colorpallet from #C2DAF3 to #C2F3DA and to #DAF3C2
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DEEF
#C3DEEE
#C3DEEE
#C4DEED
#C5DEEC
#C5DEEC
#C6DEEB
#C2E2EB
#C3E2EA
#C5E2E8
#C6E2E7
#C7E2E6
#C8E2E5
#CAE2E3
#C2E6E7
#C4E6E5
#C6E6E3
#C8E6E1
#CAE6DF
#CCE6DD
#CEE6DB
#C2EAE3
#C4EAE1
#C7EADE
#C9EADC
#CCEAD9
#CEEAD7
#D1EAD4
#C2EEDF
#C5EEDC
#C8EED9
#CBEED6
#CEEED3
#D1EED0
#D5EECC
#C2F3DA
#C6F3D6
#CAF3D2
#CEF3CE
#D1F3CB
#D5F3C7
#DAF3C2
Colorpallet from #C2DAF3 to #C2F3DA and to #F3C2DA
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DEEF
#C3DDEF
#C5DBEF
#C6DAEF
#C7D9EF
#C8D8EF
#CAD6EF
#C2E2EB
#C5DFEB
#C7DDEB
#CADAEB
#CCD8EB
#CFD5EB
#D2D2EB
#C2E6E7
#C6E2E7
#CADEE7
#CEDAE7
#D1D7E7
#D5D3E7
#DACEE7
#C2EAE3
#C7E5E3
#CCE0E3
#D1DBE3
#D6D6E3
#DBD1E3
#E1CBE3
#C2EEDF
#C8E8DF
#CEE2DF
#D5DBDF
#DBD5DF
#E1CFDF
#E9C7DF
#C2F3DA
#CAEBDA
#D2E3DA
#DADBDA
#E1D4DA
#E9CCDA
#F3C2DA
Colorpallet from #C2DAF3 to #C2F3DA and to #F3DAC2
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DEEF
#C3DDEE
#C5DDEE
#C6DCED
#C7DBEC
#C8DBEC
#CADAEB
#C2E2EB
#C5E1EA
#C7DFE8
#CADEE7
#CCDDE6
#CFDCE5
#D2DAE3
#C2E6E7
#C6E4E5
#CAE2E3
#CEE0E1
#D1DEDF
#D5DCDD
#DADADB
#C2EAE3
#C7E7E1
#CCE5DE
#D1E2DC
#D6E0D9
#DBDDD7
#E1DAD4
#C2EEDF
#C8EBDC
#CEE8D9
#D5E4D6
#DBE1D3
#E1DED0
#E9DACC
#C2F3DA
#CAEFD6
#D2EBD2
#DAE7CE
#E1E3CB
#E9DFC7
#F3DAC2
Colorpallet from #C2DAF3 to #DAC2F3 and to #DAF3C2
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C6D6F3
#C6D7F2
#C6D9F0
#C6DAEF
#C6DBEE
#C6DCED
#C6DEEB
#CAD2F3
#CAD5F0
#CAD7EE
#CADAEB
#CADCE9
#CADFE6
#CAE2E3
#CECEF3
#CED2EF
#CED6EB
#CEDAE7
#CEDDE4
#CEE1E0
#CEE6DB
#D1CBF3
#D1D0EE
#D1D5E9
#D1DAE4
#D1DFDF
#D1E4DA
#D1EAD4
#D5C7F3
#D5CDED
#D5D3E7
#D5DAE0
#D5E0DA
#D5E6D4
#D5EECC
#DAC2F3
#DACAEB
#DAD2E3
#DADADB
#DAE1D4
#DAE9CC
#DAF3C2
Colorpallet from #C2DAF3 to #DAC2F3 and to #F3C2DA
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C6D6F3
#C7D6F2
#C7D6F2
#C8D6F1
#C9D6F0
#C9D6F0
#CAD6EF
#CAD2F3
#CBD2F2
#CDD2F0
#CED2EF
#CFD2EE
#D0D2ED
#D2D2EB
#CECEF3
#D0CEF1
#D2CEEF
#D4CEED
#D6CEEB
#D8CEE9
#DACEE7
#D1CBF3
#D4CBF0
#D6CBEE
#D9CBEB
#DBCBE9
#DECBE6
#E1CBE3
#D5C7F3
#D8C7F0
#DBC7ED
#DFC7E9
#E2C7E6
#E5C7E3
#E9C7DF
#DAC2F3
#DEC2EF
#E2C2EB
#E6C2E7
#EAC2E3
#EEC2DF
#F3C2DA
Colorpallet from #C2DAF3 to #DAC2F3 and to #F3DAC2
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C6D6F3
#C7D7F2
#C7D7F0
#C8D8EF
#C9D9EE
#C9D9ED
#CADAEB
#CAD2F3
#CBD3F0
#CDD5EE
#CED6EB
#CFD7E9
#D0D8E6
#D2DAE3
#CECEF3
#D0D0EF
#D2D2EB
#D4D4E7
#D6D6E4
#D8D8E0
#DADADB
#D1CBF3
#D4CDEE
#D6D0E9
#D9D2E4
#DBD5DF
#DED7DA
#E1DAD4
#D5C7F3
#D8CAED
#DBCDE7
#DFD0E0
#E2D3DA
#E5D6D4
#E9DACC
#DAC2F3
#DEC6EB
#E2CAE3
#E6CEDB
#EAD1D4
#EED5CC
#F3DAC2
Colorpallet from #C2DAF3 to #DAF3C2 and to #F3C2DA
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C6DEEB
#C7DDEC
#C7DBEC
#C8DAED
#C9D9EE
#C9D8EE
#CAD6EF
#CAE2E3
#CBDFE4
#CDDDE6
#CEDAE7
#CFD8E8
#D0D5E9
#D2D2EB
#CEE6DB
#D0E2DD
#D2DEDF
#D4DAE1
#D6D7E3
#D8D3E5
#DACEE7
#D1EAD4
#D4E5D6
#D6E0D9
#D9DBDB
#DBD6DE
#DED1E0
#E1CBE3
#D5EECC
#D8E8CF
#DBE2D2
#DFDBD5
#E2D5D8
#E5CFDB
#E9C7DF
#DAF3C2
#DEEBC6
#E2E3CA
#E6DBCE
#EAD4D1
#EECCD5
#F3C2DA
Colorpallet from #C2DAF3 to #DAF3C2 and to #F3DAC2
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C6DEEB
#C7DDEB
#C7DDEB
#C8DCEB
#C9DBEB
#C9DBEB
#CADAEB
#CAE2E3
#CBE1E3
#CDDFE3
#CEDEE3
#CFDDE3
#D0DCE3
#D2DAE3
#CEE6DB
#D0E4DB
#D2E2DB
#D4E0DB
#D6DEDB
#D8DCDB
#DADADB
#D1EAD4
#D4E7D4
#D6E5D4
#D9E2D4
#DBE0D4
#DEDDD4
#E1DAD4
#D5EECC
#D8EBCC
#DBE8CC
#DFE4CC
#E2E1CC
#E5DECC
#E9DACC
#DAF3C2
#DEEFC2
#E2EBC2
#E6E7C2
#EAE3C2
#EEDFC2
#F3DAC2
Colorpallet from #C2DAF3 to #F3C2DA and to #F3DAC2
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#C2DAF3
#CAD6EF
#CAD7EE
#CAD7EE
#CAD8ED
#CAD9EC
#CAD9EC
#CADAEB
#D2D2EB
#D2D3EA
#D2D5E8
#D2D6E7
#D2D7E6
#D2D8E5
#D2DAE3
#DACEE7
#DAD0E5
#DAD2E3
#DAD4E1
#DAD6DF
#DAD8DD
#DADADB
#E1CBE3
#E1CDE1
#E1D0DE
#E1D2DC
#E1D5D9
#E1D7D7
#E1DAD4
#E9C7DF
#E9CADC
#E9CDD9
#E9D0D6
#E9D3D3
#E9D6D0
#E9DACC
#F3C2DA
#F3C6D6
#F3CAD2
#F3CECE
#F3D1CB
#F3D5C7
#F3DAC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts