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 #CDD8AF to #CDAFD8 and to #D8CDAF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD1B6
#CDD2B5
#CED3B4
#CED3B3
#CED4B2
#CFD5B0
#CFD6AF
#CDCBBC
#CECCBA
#CECEB8
#CFCFB6
#D0D1B4
#D0D2B2
#D1D4AF
#CDC4C3
#CEC6C0
#CFC9BD
#CFCBB9
#D0CEB6
#D1D0B3
#D2D3AF
#CDBEC9
#CEC1C5
#CFC4C1
#D0C7BD
#D1CAB8
#D3CDB4
#D4D1AF
#CDB7D0
#CEBBCB
#D0BFC5
#D1C3C0
#D3C6BB
#D4CAB6
#D6CFAF
#CDAFD8
#CFB4D1
#D1B9CB
#D2BDC4
#D4C2BE
#D6C7B7
#D8CDAF
Colorpallet from #CDD8AF to #CDAFD8 and to #D8AFCD
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD1B6
#CDD1B6
#CED1B5
#CED1B5
#CED1B5
#CFD1B4
#CFD1B4
#CDCBBC
#CECBBC
#CECBBB
#CFCBBB
#D0CBBA
#D0CBBA
#D1CBB9
#CDC4C3
#CEC4C2
#CFC4C1
#CFC4C0
#D0C4BF
#D1C4BE
#D2C4BD
#CDBEC9
#CEBEC8
#CFBEC7
#D0BEC6
#D1BEC5
#D3BEC3
#D4BEC2
#CDB7D0
#CEB7CF
#D0B7CD
#D1B7CC
#D3B7CA
#D4B7C9
#D6B7C7
#CDAFD8
#CFAFD6
#D1AFD4
#D2AFD3
#D4AFD1
#D6AFCF
#D8AFCD
Colorpallet from #CDD8AF to #CDAFD8 and to #AFCDD8
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD1B6
#CCD2B6
#CBD3B6
#CBD3B6
#CAD4B6
#C9D5B6
#C8D6B6
#CDCBBC
#CBCCBC
#CACEBC
#C8CFBC
#C7D1BC
#C5D2BC
#C3D4BC
#CDC4C3
#CBC6C3
#C9C9C3
#C6CBC3
#C4CEC3
#C2D0C3
#BFD3C3
#CDBEC9
#CAC1C9
#C7C4C9
#C4C7C9
#C1CAC9
#BECDC9
#BAD1C9
#CDB7D0
#C9BBD0
#C5BFD0
#C1C3D0
#BEC6D0
#BACAD0
#B5CFD0
#CDAFD8
#C8B4D8
#C3B9D8
#BFBDD8
#BAC2D8
#B5C7D8
#AFCDD8
Colorpallet from #CDD8AF to #CDAFD8 and to #AFD8CD
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD1B6
#CCD2B6
#CBD3B5
#CBD4B5
#CAD5B5
#C9D7B4
#C8D8B4
#CDCBBC
#CBCDBC
#CACFBB
#C8D1BB
#C7D3BA
#C5D5BA
#C3D8B9
#CDC4C3
#CBC7C2
#C9CAC1
#C6CEC0
#C4D1BF
#C2D4BE
#BFD8BD
#CDBEC9
#CAC2C8
#C7C6C7
#C4CAC6
#C1CFC5
#BED3C3
#BAD8C2
#CDB7D0
#C9BCCF
#C5C2CD
#C1C7CC
#BECCCA
#BAD1C9
#B5D8C7
#CDAFD8
#C8B6D6
#C3BCD4
#BFC3D3
#BAC9D1
#B5D0CF
#AFD8CD
Colorpallet from #CDD8AF to #D8CDAF and to #D8AFCD
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CFD6AF
#CFD5B0
#CFD4B1
#CFD4B1
#CFD3B2
#CFD2B3
#CFD1B4
#D1D4AF
#D1D3B1
#D1D1B2
#D1D0B4
#D1CEB5
#D1CDB7
#D1CBB9
#D2D3AF
#D2D1B1
#D2CEB3
#D2CCB6
#D2C9B8
#D2C7BA
#D2C4BD
#D4D1AF
#D4CEB2
#D4CBB5
#D4C8B8
#D4C5BB
#D4C2BE
#D4BEC2
#D6CFAF
#D6CBB3
#D6C7B7
#D6C3BB
#D6C0BE
#D6BCC2
#D6B7C7
#D8CDAF
#D8C8B4
#D8C3B9
#D8BFBD
#D8BAC2
#D8B5C7
#D8AFCD
Colorpallet from #CDD8AF to #D8CDAF and to #AFCDD8
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CFD6AF
#CED6B0
#CDD6B1
#CCD6B2
#CBD6B3
#C9D6B5
#C8D6B6
#D1D4AF
#CFD4B1
#CDD4B3
#CAD4B5
#C8D4B7
#C6D4B9
#C3D4BC
#D2D3AF
#CFD3B2
#CCD3B5
#C9D3B9
#C6D3BC
#C3D3BF
#BFD3C3
#D4D1AF
#D0D1B3
#CCD1B7
#C8D1BB
#C3D1C0
#BFD1C4
#BAD1C9
#D6CFAF
#D1CFB4
#CBCFBA
#C6CFBF
#C1CFC4
#BCCFC9
#B5CFD0
#D8CDAF
#D1CDB6
#CBCDBC
#C4CDC3
#BECDC9
#B7CDD0
#AFCDD8
Colorpallet from #CDD8AF to #D8CDAF and to #AFD8CD
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CFD6AF
#CED6B0
#CDD7B1
#CCD7B1
#CBD7B2
#C9D8B3
#C8D8B4
#D1D4AF
#CFD5B1
#CDD5B2
#CAD6B4
#C8D7B5
#C6D7B7
#C3D8B9
#D2D3AF
#CFD4B1
#CCD5B3
#C9D5B6
#C6D6B8
#C3D7BA
#BFD8BD
#D4D1AF
#D0D2B2
#CCD3B5
#C8D4B8
#C3D5BB
#BFD7BE
#BAD8C2
#D6CFAF
#D1D0B3
#CBD2B7
#C6D3BB
#C1D5BE
#BCD6C2
#B5D8C7
#D8CDAF
#D1CFB4
#CBD1B9
#C4D2BD
#BED4C2
#B7D6C7
#AFD8CD
Colorpallet from #CDD8AF to #D8AFCD and to #AFCDD8
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CFD1B4
#CED2B4
#CDD3B5
#CCD3B5
#CBD4B5
#C9D5B6
#C8D6B6
#D1CBB9
#CFCCB9
#CDCEBA
#CACFBA
#C8D1BB
#C6D2BB
#C3D4BC
#D2C4BD
#CFC6BE
#CCC9BF
#C9CBC0
#C6CEC1
#C3D0C2
#BFD3C3
#D4BEC2
#D0C1C3
#CCC4C4
#C8C7C5
#C3CAC6
#BFCDC8
#BAD1C9
#D6B7C7
#D1BBC8
#CBBFCA
#C6C3CB
#C1C6CD
#BCCACE
#B5CFD0
#D8AFCD
#D1B4CF
#CBB9D1
#C4BDD2
#BEC2D4
#B7C7D6
#AFCDD8
Colorpallet from #CDD8AF to #D8AFCD and to #AFD8CD
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CFD1B4
#CED2B4
#CDD3B4
#CCD4B4
#CBD5B4
#C9D7B4
#C8D8B4
#D1CBB9
#CFCDB9
#CDCFB9
#CAD1B9
#C8D3B9
#C6D5B9
#C3D8B9
#D2C4BD
#CFC7BD
#CCCABD
#C9CEBD
#C6D1BD
#C3D4BD
#BFD8BD
#D4BEC2
#D0C2C2
#CCC6C2
#C8CAC2
#C3CFC2
#BFD3C2
#BAD8C2
#D6B7C7
#D1BCC7
#CBC2C7
#C6C7C7
#C1CCC7
#BCD1C7
#B5D8C7
#D8AFCD
#D1B6CD
#CBBCCD
#C4C3CD
#BEC9CD
#B7D0CD
#AFD8CD
Colorpallet from #CDD8AF to #AFCDD8 and to #AFD8CD
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#CDD8AF
#C8D6B6
#C8D6B6
#C8D7B5
#C8D7B5
#C8D7B5
#C8D8B4
#C8D8B4
#C3D4BC
#C3D5BC
#C3D5BB
#C3D6BB
#C3D7BA
#C3D7BA
#C3D8B9
#BFD3C3
#BFD4C2
#BFD5C1
#BFD5C0
#BFD6BF
#BFD7BE
#BFD8BD
#BAD1C9
#BAD2C8
#BAD3C7
#BAD4C6
#BAD5C5
#BAD7C3
#BAD8C2
#B5CFD0
#B5D0CF
#B5D2CD
#B5D3CC
#B5D5CA
#B5D6C9
#B5D8C7
#AFCDD8
#AFCFD6
#AFD1D4
#AFD2D3
#AFD4D1
#AFD6CF
#AFD8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts