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 #C4D4E8 to #C4E8D4 and to #D4C4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D7E5
#C4D6E5
#C5D5E6
#C5D4E6
#C6D3E7
#C6D2E7
#C7D1E8
#C4DAE2
#C5D8E3
#C6D6E4
#C6D5E5
#C7D3E6
#C8D1E7
#C9CFE8
#C4DEDE
#C5DBE0
#C7D8E1
#C8D5E3
#C9D2E4
#CAD0E6
#CCCCE8
#C4E1DB
#C6DDDD
#C7DADF
#C9D6E1
#CAD2E3
#CCCFE5
#CECAE8
#C4E4D8
#C6DFDB
#C8DBDD
#CAD6E0
#CCD1E2
#CECDE5
#D1C7E8
#C4E8D4
#C7E2D7
#C9DCDA
#CCD7DE
#CED1E1
#D1CBE4
#D4C4E8
Colorpallet from #C4D4E8 to #C4E8D4 and to #D4E8C4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D7E5
#C4D7E5
#C5D7E4
#C5D7E4
#C6D7E3
#C6D7E3
#C7D7E2
#C4DAE2
#C5DAE1
#C6DAE0
#C6DADF
#C7DADE
#C8DADD
#C9DADC
#C4DEDE
#C5DEDD
#C7DEDC
#C8DEDB
#C9DEDA
#CADED8
#CCDED7
#C4E1DB
#C6E1D9
#C7E1D8
#C9E1D6
#CAE1D5
#CCE1D3
#CEE1D1
#C4E4D8
#C6E4D6
#C8E4D4
#CAE4D2
#CCE4D0
#CEE4CE
#D1E4CB
#C4E8D4
#C7E8D1
#C9E8CF
#CCE8CC
#CEE8CA
#D1E8C7
#D4E8C4
Colorpallet from #C4D4E8 to #C4E8D4 and to #E8C4D4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D7E5
#C5D6E5
#C6D5E5
#C7D4E5
#C8D3E5
#C9D2E5
#CAD1E5
#C4DAE2
#C6D8E2
#C8D6E2
#CAD5E2
#CCD3E2
#CED1E2
#D0CFE2
#C4DEDE
#C7DBDE
#C9D8DE
#CCD5DE
#CFD2DE
#D2D0DE
#D5CCDE
#C4E1DB
#C8DDDB
#CBDADB
#CFD6DB
#D3D2DB
#D6CFDB
#DBCADB
#C4E4D8
#C9DFD8
#CDDBD8
#D2D6D8
#D7D1D8
#DBCDD8
#E1C7D8
#C4E8D4
#CAE2D4
#D0DCD4
#D5D7D4
#DBD1D4
#E1CBD4
#E8C4D4
Colorpallet from #C4D4E8 to #C4E8D4 and to #E8D4C4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D7E5
#C5D7E5
#C6D6E4
#C7D6E4
#C8D5E3
#C9D5E3
#CAD4E2
#C4DAE2
#C6D9E1
#C8D8E0
#CAD7DF
#CCD6DE
#CED5DD
#D0D4DC
#C4DEDE
#C7DCDD
#C9DBDC
#CCD9DB
#CFD8DA
#D2D6D8
#D5D4D7
#C4E1DB
#C8DFD9
#CBDDD8
#CFDBD6
#D3D9D5
#D6D7D3
#DBD4D1
#C4E4D8
#C9E1D6
#CDDFD4
#D2DCD2
#D7DAD0
#DBD7CE
#E1D4CB
#C4E8D4
#CAE5D1
#D0E2CF
#D5DECC
#DBDBCA
#E1D8C7
#E8D4C4
Colorpallet from #C4D4E8 to #D4C4E8 and to #D4E8C4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C7D1E8
#C7D2E7
#C7D3E6
#C7D4E5
#C7D5E4
#C7D6E3
#C7D7E2
#C9CFE8
#C9D1E6
#C9D3E4
#C9D4E2
#C9D6E0
#C9D8DE
#C9DADC
#CCCCE8
#CCCFE5
#CCD2E3
#CCD5E0
#CCD8DD
#CCDADA
#CCDED7
#CECAE8
#CECEE4
#CED1E1
#CED5DD
#CED9D9
#CEDCD6
#CEE1D1
#D1C7E8
#D1CCE3
#D1D0DF
#D1D5DA
#D1DAD5
#D1DED1
#D1E4CB
#D4C4E8
#D4CAE2
#D4D0DC
#D4D5D7
#D4DBD1
#D4E1CB
#D4E8C4
Colorpallet from #C4D4E8 to #D4C4E8 and to #E8C4D4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C7D1E8
#C7D1E8
#C8D1E7
#C8D1E7
#C9D1E6
#C9D1E6
#CAD1E5
#C9CFE8
#CACFE7
#CBCFE6
#CCCFE5
#CDCFE4
#CFCFE3
#D0CFE2
#CCCCE8
#CDCCE6
#CFCCE5
#D0CCE3
#D2CCE2
#D3CCE0
#D5CCDE
#CECAE8
#D0CAE6
#D2CAE4
#D4CAE2
#D6CAE0
#D8CADE
#DBCADB
#D1C7E8
#D4C7E5
#D6C7E3
#D9C7E0
#DBC7DE
#DEC7DB
#E1C7D8
#D4C4E8
#D7C4E5
#DAC4E2
#DEC4DE
#E1C4DB
#E4C4D8
#E8C4D4
Colorpallet from #C4D4E8 to #D4C4E8 and to #E8D4C4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C7D1E8
#C7D1E7
#C8D2E6
#C8D2E5
#C9D3E4
#C9D3E3
#CAD4E2
#C9CFE8
#CAD0E6
#CBD1E4
#CCD1E2
#CDD2E0
#CFD3DE
#D0D4DC
#CCCCE8
#CDCDE5
#CFCFE3
#D0D0E0
#D2D1DD
#D3D2DA
#D5D4D7
#CECAE8
#D0CCE4
#D2CDE1
#D4CFDD
#D6D0D9
#D8D2D6
#DBD4D1
#D1C7E8
#D4C9E3
#D6CBDF
#D9CDDA
#DBCFD5
#DED1D1
#E1D4CB
#D4C4E8
#D7C7E2
#DAC9DC
#DECCD7
#E1CED1
#E4D1CB
#E8D4C4
Colorpallet from #C4D4E8 to #D4E8C4 and to #E8C4D4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C7D7E2
#C7D6E2
#C8D5E3
#C8D4E3
#C9D3E4
#C9D2E4
#CAD1E5
#C9DADC
#CAD8DD
#CBD6DE
#CCD5DF
#CDD3E0
#CFD1E1
#D0CFE2
#CCDED7
#CDDBD8
#CFD8D9
#D0D5DA
#D2D2DB
#D3D0DD
#D5CCDE
#CEE1D1
#D0DDD3
#D2DAD4
#D4D6D6
#D6D2D7
#D8CFD9
#DBCADB
#D1E4CB
#D4DFCD
#D6DBCF
#D9D6D1
#DBD1D3
#DECDD5
#E1C7D8
#D4E8C4
#D7E2C7
#DADCC9
#DED7CC
#E1D1CE
#E4CBD1
#E8C4D4
Colorpallet from #C4D4E8 to #D4E8C4 and to #E8D4C4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C7D7E2
#C7D7E2
#C8D6E2
#C8D6E2
#C9D5E2
#C9D5E2
#CAD4E2
#C9DADC
#CAD9DC
#CBD8DC
#CCD7DC
#CDD6DC
#CFD5DC
#D0D4DC
#CCDED7
#CDDCD7
#CFDBD7
#D0D9D7
#D2D8D7
#D3D6D7
#D5D4D7
#CEE1D1
#D0DFD1
#D2DDD1
#D4DBD1
#D6D9D1
#D8D7D1
#DBD4D1
#D1E4CB
#D4E1CB
#D6DFCB
#D9DCCB
#DBDACB
#DED7CB
#E1D4CB
#D4E8C4
#D7E5C4
#DAE2C4
#DEDEC4
#E1DBC4
#E4D8C4
#E8D4C4
Colorpallet from #C4D4E8 to #E8C4D4 and to #E8D4C4
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#C4D4E8
#CAD1E5
#CAD1E5
#CAD2E4
#CAD2E4
#CAD3E3
#CAD3E3
#CAD4E2
#D0CFE2
#D0D0E1
#D0D1E0
#D0D1DF
#D0D2DE
#D0D3DD
#D0D4DC
#D5CCDE
#D5CDDD
#D5CFDC
#D5D0DB
#D5D1DA
#D5D2D8
#D5D4D7
#DBCADB
#DBCCD9
#DBCDD8
#DBCFD6
#DBD0D5
#DBD2D3
#DBD4D1
#E1C7D8
#E1C9D6
#E1CBD4
#E1CDD2
#E1CFD0
#E1D1CE
#E1D4CB
#E8C4D4
#E8C7D1
#E8C9CF
#E8CCCC
#E8CECA
#E8D1C7
#E8D4C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts