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 #CDD8B0 to #CDB0D8 and to #D8CDB0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD2B6
#CDD3B5
#CED3B4
#CED4B3
#CED5B2
#CFD5B1
#CFD6B0
#CDCBBD
#CECCBB
#CECEB9
#CFCFB7
#D0D1B5
#D0D2B3
#D1D4B0
#CDC5C3
#CEC7C0
#CFC9BD
#CFCCBA
#D0CEB7
#D1D0B4
#D2D3B0
#CDBECA
#CEC1C6
#CFC4C2
#D0C7BE
#D1CAB9
#D3CDB5
#D4D1B0
#CDB8D0
#CEBCCB
#D0BFC6
#D1C3C1
#D3C7BC
#D4CAB6
#D6CFB0
#CDB0D8
#CFB5D2
#D1B9CB
#D2BEC5
#D4C3BE
#D6C7B8
#D8CDB0
Colorpallet from #CDD8B0 to #CDB0D8 and to #D8B0CD
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD2B6
#CDD2B6
#CED2B6
#CED2B6
#CED2B5
#CFD2B5
#CFD2B5
#CDCBBD
#CECBBC
#CECBBC
#CFCBBB
#D0CBBA
#D0CBBA
#D1CBB9
#CDC5C3
#CEC5C2
#CFC5C1
#CFC5C1
#D0C5C0
#D1C5BF
#D2C5BE
#CDBECA
#CEBEC9
#CFBEC8
#D0BEC7
#D1BEC6
#D3BEC4
#D4BEC3
#CDB8D0
#CEB8CF
#D0B8CD
#D1B8CC
#D3B8CA
#D4B8C9
#D6B8C7
#CDB0D8
#CFB0D6
#D1B0D4
#D2B0D3
#D4B0D1
#D6B0CF
#D8B0CD
Colorpallet from #CDD8B0 to #CDB0D8 and to #B0CDD8
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD2B6
#CCD3B6
#CBD3B6
#CBD4B6
#CAD5B6
#C9D5B6
#C8D6B6
#CDCBBD
#CCCCBD
#CACEBD
#C9CFBD
#C7D1BD
#C6D2BD
#C4D4BD
#CDC5C3
#CBC7C3
#C9C9C3
#C6CCC3
#C4CEC3
#C2D0C3
#BFD3C3
#CDBECA
#CAC1CA
#C7C4CA
#C4C7CA
#C1CACA
#BECDCA
#BAD1CA
#CDB8D0
#C9BCD0
#C6BFD0
#C2C3D0
#BEC7D0
#BBCAD0
#B6CFD0
#CDB0D8
#C8B5D8
#C4B9D8
#BFBED8
#BAC3D8
#B6C7D8
#B0CDD8
Colorpallet from #CDD8B0 to #CDB0D8 and to #B0D8CD
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD2B6
#CCD3B6
#CBD4B6
#CBD5B6
#CAD6B5
#C9D7B5
#C8D8B5
#CDCBBD
#CCCDBC
#CACFBC
#C9D1BB
#C7D3BA
#C6D5BA
#C4D8B9
#CDC5C3
#CBC8C2
#C9CBC1
#C6CEC1
#C4D1C0
#C2D4BF
#BFD8BE
#CDBECA
#CAC2C9
#C7C6C8
#C4CAC7
#C1CFC6
#BED3C4
#BAD8C3
#CDB8D0
#C9BDCF
#C6C2CD
#C2C7CC
#BECCCA
#BBD2C9
#B6D8C7
#CDB0D8
#C8B6D6
#C4BDD4
#BFC3D3
#BACAD1
#B6D0CF
#B0D8CD
Colorpallet from #CDD8B0 to #D8CDB0 and to #D8B0CD
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CFD6B0
#CFD5B1
#CFD5B2
#CFD4B2
#CFD3B3
#CFD3B4
#CFD2B5
#D1D4B0
#D1D3B1
#D1D1B3
#D1D0B4
#D1CEB6
#D1CDB7
#D1CBB9
#D2D3B0
#D2D1B2
#D2CFB4
#D2CCB7
#D2CAB9
#D2C8BB
#D2C5BE
#D4D1B0
#D4CEB3
#D4CBB6
#D4C8B9
#D4C5BC
#D4C2BF
#D4BEC3
#D6CFB0
#D6CBB4
#D6C8B7
#D6C4BB
#D6C0BF
#D6BDC2
#D6B8C7
#D8CDB0
#D8C8B5
#D8C4B9
#D8BFBE
#D8BAC3
#D8B6C7
#D8B0CD
Colorpallet from #CDD8B0 to #D8CDB0 and to #B0CDD8
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CFD6B0
#CED6B1
#CDD6B2
#CCD6B3
#CBD6B4
#C9D6B5
#C8D6B6
#D1D4B0
#CFD4B2
#CDD4B4
#CBD4B6
#C9D4B8
#C7D4BA
#C4D4BD
#D2D3B0
#CFD3B3
#CCD3B6
#C9D3B9
#C6D3BC
#C3D3BF
#BFD3C3
#D4D1B0
#D0D1B4
#CCD1B8
#C8D1BC
#C3D1C1
#BFD1C5
#BAD1CA
#D6CFB0
#D1CFB5
#CCCFBA
#C7CFBF
#C2CFC4
#BCCFCA
#B6CFD0
#D8CDB0
#D2CDB6
#CBCDBD
#C5CDC3
#BECDCA
#B8CDD0
#B0CDD8
Colorpallet from #CDD8B0 to #D8CDB0 and to #B0D8CD
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CFD6B0
#CED6B1
#CDD7B2
#CCD7B2
#CBD7B3
#C9D8B4
#C8D8B5
#D1D4B0
#CFD5B1
#CDD5B3
#CBD6B4
#C9D7B6
#C7D7B7
#C4D8B9
#D2D3B0
#CFD4B2
#CCD5B4
#C9D5B7
#C6D6B9
#C3D7BB
#BFD8BE
#D4D1B0
#D0D2B3
#CCD3B6
#C8D4B9
#C3D5BC
#BFD7BF
#BAD8C3
#D6CFB0
#D1D0B4
#CCD2B7
#C7D3BB
#C2D5BF
#BCD6C2
#B6D8C7
#D8CDB0
#D2CFB5
#CBD1B9
#C5D2BE
#BED4C3
#B8D6C7
#B0D8CD
Colorpallet from #CDD8B0 to #D8B0CD and to #B0CDD8
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CFD2B5
#CED3B5
#CDD3B5
#CCD4B5
#CBD5B6
#C9D5B6
#C8D6B6
#D1CBB9
#CFCCBA
#CDCEBA
#CBCFBB
#C9D1BC
#C7D2BC
#C4D4BD
#D2C5BE
#CFC7BF
#CCC9C0
#C9CCC0
#C6CEC1
#C3D0C2
#BFD3C3
#D4BEC3
#D0C1C4
#CCC4C5
#C8C7C6
#C3CAC7
#BFCDC9
#BAD1CA
#D6B8C7
#D1BCC8
#CCBFCA
#C7C3CB
#C2C7CD
#BCCACE
#B6CFD0
#D8B0CD
#D2B5CF
#CBB9D1
#C5BED2
#BEC3D4
#B8C7D6
#B0CDD8
Colorpallet from #CDD8B0 to #D8B0CD and to #B0D8CD
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CFD2B5
#CED3B5
#CDD4B5
#CCD5B5
#CBD6B5
#C9D7B5
#C8D8B5
#D1CBB9
#CFCDB9
#CDCFB9
#CBD1B9
#C9D3B9
#C7D5B9
#C4D8B9
#D2C5BE
#CFC8BE
#CCCBBE
#C9CEBE
#C6D1BE
#C3D4BE
#BFD8BE
#D4BEC3
#D0C2C3
#CCC6C3
#C8CAC3
#C3CFC3
#BFD3C3
#BAD8C3
#D6B8C7
#D1BDC7
#CCC2C7
#C7C7C7
#C2CCC7
#BCD2C7
#B6D8C7
#D8B0CD
#D2B6CD
#CBBDCD
#C5C3CD
#BECACD
#B8D0CD
#B0D8CD
Colorpallet from #CDD8B0 to #B0CDD8 and to #B0D8CD
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#CDD8B0
#C8D6B6
#C8D6B6
#C8D7B6
#C8D7B6
#C8D7B5
#C8D8B5
#C8D8B5
#C4D4BD
#C4D5BC
#C4D5BC
#C4D6BB
#C4D7BA
#C4D7BA
#C4D8B9
#BFD3C3
#BFD4C2
#BFD5C1
#BFD5C1
#BFD6C0
#BFD7BF
#BFD8BE
#BAD1CA
#BAD2C9
#BAD3C8
#BAD4C7
#BAD5C6
#BAD7C4
#BAD8C3
#B6CFD0
#B6D0CF
#B6D2CD
#B6D3CC
#B6D5CA
#B6D6C9
#B6D8C7
#B0CDD8
#B0CFD6
#B0D1D4
#B0D2D3
#B0D4D1
#B0D6CF
#B0D8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts