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 #C2A8E2 to #C2E2A8 and to #A8C2E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2B1D9
#C1B0DA
#C1AFDC
#C0AFDD
#BFAEDF
#BFADE0
#BEACE2
#C2BBCF
#C1B9D2
#BFB7D5
#BEB6D8
#BDB4DB
#BCB2DE
#BAB0E2
#C2C4C6
#C0C1CA
#BEBFCF
#BCBCD3
#BABAD8
#B8B7DC
#B6B4E2
#C2CDBD
#BFCAC3
#BDC7C9
#BAC3CF
#B7C0D5
#B4BDDB
#B1B9E2
#C2D6B4
#BFD2BB
#BBCEC3
#B8CACA
#B5C6D1
#B1C2D9
#ADBDE2
#C2E2A8
#BEDDB1
#BAD8BB
#B6D3C4
#B1CECD
#ADC8D6
#A8C2E2
Colorpallet from #C2A8E2 to #C2E2A8 and to #A8E2C2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2B1D9
#C1B1DA
#C1B1DA
#C0B1DB
#BFB1DC
#BFB1DC
#BEB1DD
#C2BBCF
#C1BBD0
#BFBBD2
#BEBBD3
#BDBBD5
#BCBBD6
#BABBD8
#C2C4C6
#C0C4C8
#BEC4CA
#BCC4CC
#BAC4CE
#B8C4D0
#B6C4D3
#C2CDBD
#BFCDC0
#BDCDC2
#BACDC5
#B7CDC8
#B4CDCB
#B1CDCE
#C2D6B4
#BFD6B7
#BBD6BA
#B8D6BE
#B5D6C1
#B1D6C4
#ADD6C8
#C2E2A8
#BEE2AC
#BAE2B0
#B6E2B4
#B1E2B9
#ADE2BD
#A8E2C2
Colorpallet from #C2A8E2 to #C2E2A8 and to #E2C2A8
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2B1D9
#C3B0D9
#C4AFD9
#C4AFD9
#C5AED9
#C6ADD9
#C7ACD9
#C2BBCF
#C4B9CF
#C5B7CF
#C7B6CF
#C8B4CF
#CAB2CF
#CCB0CF
#C2C4C6
#C4C1C6
#C7BFC6
#C9BCC6
#CCBAC6
#CEB7C6
#D1B4C6
#C2CDBD
#C5CABD
#C8C7BD
#CCC3BD
#CFC0BD
#D2BDBD
#D6B9BD
#C2D6B4
#C6D2B4
#CACEB4
#CECAB4
#D3C6B4
#D7C2B4
#DCBDB4
#C2E2A8
#C7DDA8
#CCD8A8
#D1D3A8
#D6CEA8
#DCC8A8
#E2C2A8
Colorpallet from #C2A8E2 to #C2E2A8 and to #E2A8C2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2B1D9
#C3B0DA
#C4AEDA
#C4ADDB
#C5ABDC
#C6AADC
#C7A8DD
#C2BBCF
#C4B8D0
#C5B5D2
#C7B2D3
#C8AFD5
#CAACD6
#CCA8D8
#C2C4C6
#C4C0C8
#C7BBCA
#C9B7CC
#CCB2CE
#CEAED0
#D1A8D3
#C2CDBD
#C5C7C0
#C8C1C2
#CCBBC5
#CFB5C8
#D2AFCB
#D6A8CE
#C2D6B4
#C6CFB7
#CAC7BA
#CEC0BE
#D3B9C1
#D7B1C4
#DCA8C8
#C2E2A8
#C7D9AC
#CCCFB0
#D1C6B4
#D6BDB9
#DCB4BD
#E2A8C2
Colorpallet from #C2A8E2 to #A8C2E2 and to #A8E2C2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#BEACE2
#BEADE1
#BEAEE0
#BEAEE0
#BEAFDF
#BEB0DE
#BEB1DD
#BAB0E2
#BAB2E0
#BAB4DF
#BAB5DD
#BAB7DC
#BAB9DA
#BABBD8
#B6B4E2
#B6B7E0
#B6B9DD
#B6BCDB
#B6BED8
#B6C1D6
#B6C4D3
#B1B9E2
#B1BCDF
#B1BFDC
#B1C3D8
#B1C6D5
#B1C9D2
#B1CDCE
#ADBDE2
#ADC1DE
#ADC5DA
#ADC9D6
#ADCDD1
#ADD1CD
#ADD6C8
#A8C2E2
#A8C7DD
#A8CCD8
#A8D1D3
#A8D6CE
#A8DCC8
#A8E2C2
Colorpallet from #C2A8E2 to #A8C2E2 and to #E2C2A8
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#BEACE2
#BFACE1
#C1ACDF
#C2ACDE
#C4ACDC
#C5ACDB
#C7ACD9
#BAB0E2
#BDB0DF
#C0B0DC
#C3B0D9
#C6B0D6
#C8B0D3
#CCB0CF
#B6B4E2
#BAB4DE
#BFB4D9
#C3B4D5
#C7B4D0
#CCB4CC
#D1B4C6
#B1B9E2
#B7B9DC
#BDB9D6
#C3B9D0
#C9B9CA
#CFB9C4
#D6B9BD
#ADBDE2
#B5BDDB
#BCBDD3
#C4BDCC
#CBBDC5
#D3BDBD
#DCBDB4
#A8C2E2
#B1C2D9
#BBC2CF
#C4C2C6
#CDC2BD
#D6C2B4
#E2C2A8
Colorpallet from #C2A8E2 to #A8C2E2 and to #E2A8C2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#BEACE2
#BFABE1
#C1ABE0
#C2AAE0
#C4A9DF
#C5A9DE
#C7A8DD
#BAB0E2
#BDAFE0
#C0ADDF
#C3ACDD
#C6ABDC
#C8AADA
#CCA8D8
#B6B4E2
#BAB2E0
#BFB0DD
#C3AEDB
#C7ACD8
#CCAAD6
#D1A8D3
#B1B9E2
#B7B6DF
#BDB4DC
#C3B1D8
#C9AED5
#CFABD2
#D6A8CE
#ADBDE2
#B5BADE
#BCB6DA
#C4B3D6
#CBB0D1
#D3ACCD
#DCA8C8
#A8C2E2
#B1BEDD
#BBBAD8
#C4B6D3
#CDB1CE
#D6ADC8
#E2A8C2
Colorpallet from #C2A8E2 to #A8E2C2 and to #E2C2A8
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#BEB1DD
#BFB0DC
#C1AFDC
#C2AFDB
#C4AEDA
#C5ADDA
#C7ACD9
#BABBD8
#BDB9D7
#C0B7D5
#C3B6D4
#C6B4D2
#C8B2D1
#CCB0CF
#B6C4D3
#BAC1D1
#BFBFCF
#C3BCCD
#C7BACB
#CCB7C9
#D1B4C6
#B1CDCE
#B7CACB
#BDC7C9
#C3C3C6
#C9C0C3
#CFBDC0
#D6B9BD
#ADD6C8
#B5D2C5
#BCCEC2
#C4CABE
#CBC6BB
#D3C2B8
#DCBDB4
#A8E2C2
#B1DDBE
#BBD8BA
#C4D3B6
#CDCEB1
#D6C8AD
#E2C2A8
Colorpallet from #C2A8E2 to #A8E2C2 and to #E2A8C2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#BEB1DD
#BFB0DD
#C1AEDD
#C2ADDD
#C4ABDD
#C5AADD
#C7A8DD
#BABBD8
#BDB8D8
#C0B5D8
#C3B2D8
#C6AFD8
#C8ACD8
#CCA8D8
#B6C4D3
#BAC0D3
#BFBBD3
#C3B7D3
#C7B2D3
#CCAED3
#D1A8D3
#B1CDCE
#B7C7CE
#BDC1CE
#C3BBCE
#C9B5CE
#CFAFCE
#D6A8CE
#ADD6C8
#B5CFC8
#BCC7C8
#C4C0C8
#CBB9C8
#D3B1C8
#DCA8C8
#A8E2C2
#B1D9C2
#BBCFC2
#C4C6C2
#CDBDC2
#D6B4C2
#E2A8C2
Colorpallet from #C2A8E2 to #E2C2A8 and to #E2A8C2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C2A8E2
#C7ACD9
#C7ABDA
#C7ABDA
#C7AADB
#C7A9DC
#C7A9DC
#C7A8DD
#CCB0CF
#CCAFD0
#CCADD2
#CCACD3
#CCABD5
#CCAAD6
#CCA8D8
#D1B4C6
#D1B2C8
#D1B0CA
#D1AECC
#D1ACCE
#D1AAD0
#D1A8D3
#D6B9BD
#D6B6C0
#D6B4C2
#D6B1C5
#D6AEC8
#D6ABCB
#D6A8CE
#DCBDB4
#DCBAB7
#DCB6BA
#DCB3BE
#DCB0C1
#DCACC4
#DCA8C8
#E2C2A8
#E2BEAC
#E2BAB0
#E2B6B4
#E2B1B9
#E2ADBD
#E2A8C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts