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 #D4D8AD to #D4ADD8 and to #D8D4AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D1B4
#D4D2B3
#D4D3B2
#D4D4B1
#D5D5B0
#D5D6AE
#D5D7AD
#D4CABB
#D4CCB9
#D4CEB7
#D4D0B4
#D5D2B2
#D5D4B0
#D5D7AD
#D4C3C2
#D4C6BF
#D5C9BB
#D5CCB8
#D5CFB5
#D6D2B1
#D6D6AD
#D4BCC9
#D4C0C5
#D5C4C0
#D5C8BC
#D6CCB7
#D6D0B3
#D7D5AD
#D4B6CF
#D4BBCA
#D5C0C4
#D5C5BF
#D6CAB9
#D6CFB4
#D7D5AD
#D4ADD8
#D5B3D1
#D5B9CA
#D6C0C3
#D7C6BC
#D7CCB6
#D8D4AD
Colorpallet from #D4D8AD to #D4ADD8 and to #D8ADD4
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D1B4
#D4D1B4
#D4D1B4
#D4D1B4
#D5D1B3
#D5D1B3
#D5D1B3
#D4CABB
#D4CABB
#D4CABA
#D4CABA
#D5CABA
#D5CAB9
#D5CAB9
#D4C3C2
#D4C3C2
#D5C3C1
#D5C3C1
#D5C3C1
#D6C3C0
#D6C3C0
#D4BCC9
#D4BCC9
#D5BCC8
#D5BCC8
#D6BCC7
#D6BCC7
#D7BCC6
#D4B6CF
#D4B6CF
#D5B6CE
#D5B6CE
#D6B6CD
#D6B6CD
#D7B6CC
#D4ADD8
#D5ADD7
#D5ADD7
#D6ADD6
#D7ADD5
#D7ADD5
#D8ADD4
Colorpallet from #D4D8AD to #D4ADD8 and to #ADD4D8
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D1B4
#D3D2B4
#D2D3B4
#D1D4B4
#D0D5B4
#CFD6B4
#CED7B4
#D4CABB
#D2CCBB
#D0CEBB
#CED0BB
#CCD2BB
#CAD4BB
#C8D7BB
#D4C3C2
#D1C6C2
#CEC9C2
#CBCCC2
#C8CFC2
#C5D2C2
#C1D6C2
#D4BCC9
#D0C0C9
#CCC4C9
#C8C8C9
#C4CCC9
#C0D0C9
#BBD5C9
#D4B6CF
#CFBBCF
#CAC0CF
#C5C5CF
#C0CACF
#BBCFCF
#B5D5CF
#D4ADD8
#CEB3D8
#C8B9D8
#C1C0D8
#BBC6D8
#B5CCD8
#ADD4D8
Colorpallet from #D4D8AD to #D4ADD8 and to #ADD8D4
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D1B4
#D3D2B4
#D2D3B4
#D1D4B4
#D0D5B3
#CFD7B3
#CED8B3
#D4CABB
#D2CCBB
#D0CEBA
#CED1BA
#CCD3BA
#CAD5B9
#C8D8B9
#D4C3C2
#D1C6C2
#CECAC1
#CBCDC1
#C8D0C1
#C5D4C0
#C1D8C0
#D4BCC9
#D0C0C9
#CCC5C8
#C8C9C8
#C4CEC7
#C0D2C7
#BBD8C6
#D4B6CF
#CFBBCF
#CAC1CE
#C5C6CE
#C0CCCD
#BBD1CD
#B5D8CC
#D4ADD8
#CEB4D7
#C8BBD7
#C1C2D6
#BBC9D5
#B5CFD5
#ADD8D4
Colorpallet from #D4D8AD to #D8D4AD and to #D8ADD4
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D5D7AD
#D5D6AE
#D5D5AF
#D5D4B0
#D5D3B1
#D5D2B2
#D5D1B3
#D5D7AD
#D5D5AF
#D5D3B1
#D5D1B3
#D5CFB5
#D5CDB7
#D5CAB9
#D6D6AD
#D6D3B0
#D6D0B3
#D6CDB6
#D6CAB9
#D6C7BC
#D6C3C0
#D7D5AD
#D7D1B1
#D7CDB5
#D7C9B9
#D7C5BD
#D7C1C1
#D7BCC6
#D7D5AD
#D7D0B2
#D7CBB7
#D7C6BC
#D7C1C1
#D7BCC6
#D7B6CC
#D8D4AD
#D8CEB3
#D8C8B9
#D8C1C0
#D8BBC6
#D8B5CC
#D8ADD4
Colorpallet from #D4D8AD to #D8D4AD and to #ADD4D8
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D5D7AD
#D4D7AE
#D3D7AF
#D2D7B0
#D1D7B1
#CFD7B3
#CED7B4
#D5D7AD
#D3D7AF
#D1D7B1
#CFD7B4
#CDD7B6
#CBD7B8
#C8D7BB
#D6D6AD
#D3D6B0
#CFD6B4
#CCD6B7
#C9D6BA
#C5D6BE
#C1D6C2
#D7D5AD
#D3D5B1
#CED5B6
#CAD5BA
#C5D5BF
#C1D5C3
#BBD5C9
#D7D5AD
#D2D5B2
#CCD5B8
#C7D5BD
#C1D5C3
#BCD5C8
#B5D5CF
#D8D4AD
#D1D4B4
#CAD4BB
#C3D4C2
#BCD4C9
#B6D4CF
#ADD4D8
Colorpallet from #D4D8AD to #D8D4AD and to #ADD8D4
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D5D7AD
#D4D7AE
#D3D7AF
#D2D7B0
#D1D8B1
#CFD8B2
#CED8B3
#D5D7AD
#D3D7AF
#D1D7B1
#CFD7B3
#CDD8B5
#CBD8B7
#C8D8B9
#D6D6AD
#D3D6B0
#CFD7B3
#CCD7B6
#C9D7B9
#C5D8BC
#C1D8C0
#D7D5AD
#D3D5B1
#CED6B5
#CAD6B9
#C5D7BD
#C1D7C1
#BBD8C6
#D7D5AD
#D2D5B2
#CCD6B7
#C7D6BC
#C1D7C1
#BCD7C6
#B5D8CC
#D8D4AD
#D1D5B3
#CAD5B9
#C3D6C0
#BCD7C6
#B6D7CC
#ADD8D4
Colorpallet from #D4D8AD to #D8ADD4 and to #ADD4D8
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D5D1B3
#D4D2B3
#D3D3B3
#D2D4B3
#D1D5B4
#CFD6B4
#CED7B4
#D5CAB9
#D3CCB9
#D1CEBA
#CFD0BA
#CDD2BA
#CBD4BB
#C8D7BB
#D6C3C0
#D3C6C0
#CFC9C1
#CCCCC1
#C9CFC1
#C5D2C2
#C1D6C2
#D7BCC6
#D3C0C6
#CEC4C7
#CAC8C7
#C5CCC8
#C1D0C8
#BBD5C9
#D7B6CC
#D2BBCC
#CCC0CD
#C7C5CD
#C1CACE
#BCCFCE
#B5D5CF
#D8ADD4
#D1B3D5
#CAB9D5
#C3C0D6
#BCC6D7
#B6CCD7
#ADD4D8
Colorpallet from #D4D8AD to #D8ADD4 and to #ADD8D4
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D5D1B3
#D4D2B3
#D3D3B3
#D2D4B3
#D1D5B3
#CFD7B3
#CED8B3
#D5CAB9
#D3CCB9
#D1CEB9
#CFD1B9
#CDD3B9
#CBD5B9
#C8D8B9
#D6C3C0
#D3C6C0
#CFCAC0
#CCCDC0
#C9D0C0
#C5D4C0
#C1D8C0
#D7BCC6
#D3C0C6
#CEC5C6
#CAC9C6
#C5CEC6
#C1D2C6
#BBD8C6
#D7B6CC
#D2BBCC
#CCC1CC
#C7C6CC
#C1CCCC
#BCD1CC
#B5D8CC
#D8ADD4
#D1B4D4
#CABBD4
#C3C2D4
#BCC9D4
#B6CFD4
#ADD8D4
Colorpallet from #D4D8AD to #ADD4D8 and to #ADD8D4
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#D4D8AD
#CED7B4
#CED7B4
#CED7B4
#CED7B4
#CED8B3
#CED8B3
#CED8B3
#C8D7BB
#C8D7BB
#C8D7BA
#C8D7BA
#C8D8BA
#C8D8B9
#C8D8B9
#C1D6C2
#C1D6C2
#C1D7C1
#C1D7C1
#C1D7C1
#C1D8C0
#C1D8C0
#BBD5C9
#BBD5C9
#BBD6C8
#BBD6C8
#BBD7C7
#BBD7C7
#BBD8C6
#B5D5CF
#B5D5CF
#B5D6CE
#B5D6CE
#B5D7CD
#B5D7CD
#B5D8CC
#ADD4D8
#ADD5D7
#ADD5D7
#ADD6D6
#ADD7D5
#ADD7D5
#ADD8D4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
