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 #C2A7E2 to #C2E2A7 and to #A7C2E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2B0D9
#C1AFDA
#C1AEDC
#C0AEDD
#BFADDF
#BFACE0
#BEABE2
#C2BACF
#C1B8D2
#BFB7D5
#BEB5D8
#BCB4DB
#BBB2DE
#B9B0E2
#C2C3C6
#C0C1CA
#BEBECF
#BCBCD3
#BAB9D8
#B8B7DC
#B5B4E2
#C2CDBC
#BFCAC2
#BDC6C8
#BAC3CE
#B7C0D4
#B4BCDA
#B1B8E2
#C2D6B3
#BED2BB
#BBCEC2
#B7CACA
#B4C6D1
#B0C2D9
#ACBDE2
#C2E2A7
#BEDDB0
#B9D8BA
#B5D3C3
#B1CECD
#ACC8D6
#A7C2E2
Colorpallet from #C2A7E2 to #C2E2A7 and to #A7E2C2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2B0D9
#C1B0DA
#C1B0DA
#C0B0DB
#BFB0DC
#BFB0DC
#BEB0DD
#C2BACF
#C1BAD0
#BFBAD2
#BEBAD3
#BCBAD5
#BBBAD6
#B9BAD8
#C2C3C6
#C0C3C8
#BEC3CA
#BCC3CC
#BAC3CE
#B8C3D0
#B5C3D3
#C2CDBC
#BFCDBF
#BDCDC2
#BACDC5
#B7CDC8
#B4CDCA
#B1CDCE
#C2D6B3
#BED6B6
#BBD6BA
#B7D6BD
#B4D6C0
#B0D6C4
#ACD6C8
#C2E2A7
#BEE2AB
#B9E2B0
#B5E2B4
#B1E2B8
#ACE2BD
#A7E2C2
Colorpallet from #C2A7E2 to #C2E2A7 and to #E2C2A7
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2B0D9
#C3AFD9
#C4AED9
#C4AED9
#C5ADD9
#C6ACD9
#C7ABD9
#C2BACF
#C4B8CF
#C5B7CF
#C7B5CF
#C8B4CF
#CAB2CF
#CCB0CF
#C2C3C6
#C4C1C6
#C7BEC6
#C9BCC6
#CCB9C6
#CEB7C6
#D1B4C6
#C2CDBC
#C5CABC
#C8C6BC
#CCC3BC
#CFC0BC
#D2BCBC
#D6B8BC
#C2D6B3
#C6D2B3
#CACEB3
#CECAB3
#D3C6B3
#D7C2B3
#DCBDB3
#C2E2A7
#C7DDA7
#CCD8A7
#D1D3A7
#D6CEA7
#DCC8A7
#E2C2A7
Colorpallet from #C2A7E2 to #C2E2A7 and to #E2A7C2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2B0D9
#C3AFDA
#C4ADDA
#C4ACDB
#C5AADC
#C6A9DC
#C7A7DD
#C2BACF
#C4B7D0
#C5B4D2
#C7B1D3
#C8AED5
#CAABD6
#CCA7D8
#C2C3C6
#C4BFC8
#C7BACA
#C9B6CC
#CCB1CE
#CEADD0
#D1A7D3
#C2CDBC
#C5C7BF
#C8C1C2
#CCBBC5
#CFB5C8
#D2AFCA
#D6A7CE
#C2D6B3
#C6CEB6
#CAC7BA
#CEBFBD
#D3B8C0
#D7B0C4
#DCA7C8
#C2E2A7
#C7D9AB
#CCCFB0
#D1C6B4
#D6BCB8
#DCB3BD
#E2A7C2
Colorpallet from #C2A7E2 to #A7C2E2 and to #A7E2C2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#BEABE2
#BEACE1
#BEADE0
#BEADE0
#BEAEDF
#BEAFDE
#BEB0DD
#B9B0E2
#B9B2E0
#B9B3DF
#B9B5DD
#B9B6DC
#B9B8DA
#B9BAD8
#B5B4E2
#B5B6E0
#B5B9DD
#B5BBDB
#B5BED8
#B5C0D6
#B5C3D3
#B1B8E2
#B1BBDF
#B1BFDC
#B1C2D8
#B1C5D5
#B1C9D2
#B1CDCE
#ACBDE2
#ACC1DE
#ACC5DA
#ACC9D6
#ACCDD1
#ACD1CD
#ACD6C8
#A7C2E2
#A7C7DD
#A7CCD8
#A7D1D3
#A7D6CE
#A7DCC8
#A7E2C2
Colorpallet from #C2A7E2 to #A7C2E2 and to #E2C2A7
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#BEABE2
#BFABE1
#C1ABDF
#C2ABDE
#C4ABDC
#C5ABDB
#C7ABD9
#B9B0E2
#BCB0DF
#BFB0DC
#C2B0D9
#C5B0D6
#C8B0D3
#CCB0CF
#B5B4E2
#B9B4DE
#BEB4D9
#C2B4D5
#C7B4D0
#CBB4CC
#D1B4C6
#B1B8E2
#B7B8DC
#BDB8D6
#C3B8D0
#C9B8CA
#CFB8C4
#D6B8BC
#ACBDE2
#B4BDDA
#BBBDD3
#C3BDCB
#CBBDC4
#D2BDBC
#DCBDB3
#A7C2E2
#B0C2D9
#BAC2CF
#C3C2C6
#CDC2BC
#D6C2B3
#E2C2A7
Colorpallet from #C2A7E2 to #A7C2E2 and to #E2A7C2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#BEABE2
#BFAAE1
#C1AAE0
#C2A9E0
#C4A8DF
#C5A8DE
#C7A7DD
#B9B0E2
#BCAFE0
#BFADDF
#C2ACDD
#C5AADC
#C8A9DA
#CCA7D8
#B5B4E2
#B9B2E0
#BEB0DD
#C2AEDB
#C7ACD8
#CBAAD6
#D1A7D3
#B1B8E2
#B7B5DF
#BDB3DC
#C3B0D8
#C9ADD5
#CFAAD2
#D6A7CE
#ACBDE2
#B4B9DE
#BBB6DA
#C3B2D6
#CBAFD1
#D2ABCD
#DCA7C8
#A7C2E2
#B0BEDD
#BAB9D8
#C3B5D3
#CDB1CE
#D6ACC8
#E2A7C2
Colorpallet from #C2A7E2 to #A7E2C2 and to #E2C2A7
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#BEB0DD
#BFAFDC
#C1AEDC
#C2AEDB
#C4ADDA
#C5ACDA
#C7ABD9
#B9BAD8
#BCB8D7
#BFB7D5
#C2B5D4
#C5B4D2
#C8B2D1
#CCB0CF
#B5C3D3
#B9C1D1
#BEBECF
#C2BCCD
#C7B9CB
#CBB7C9
#D1B4C6
#B1CDCE
#B7CACB
#BDC6C8
#C3C3C5
#C9C0C2
#CFBCC0
#D6B8BC
#ACD6C8
#B4D2C5
#BBCEC1
#C3CABE
#CBC6BB
#D2C2B7
#DCBDB3
#A7E2C2
#B0DDBE
#BAD8B9
#C3D3B5
#CDCEB1
#D6C8AC
#E2C2A7
Colorpallet from #C2A7E2 to #A7E2C2 and to #E2A7C2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#BEB0DD
#BFAFDD
#C1ADDD
#C2ACDD
#C4AADD
#C5A9DD
#C7A7DD
#B9BAD8
#BCB7D8
#BFB4D8
#C2B1D8
#C5AED8
#C8ABD8
#CCA7D8
#B5C3D3
#B9BFD3
#BEBAD3
#C2B6D3
#C7B1D3
#CBADD3
#D1A7D3
#B1CDCE
#B7C7CE
#BDC1CE
#C3BBCE
#C9B5CE
#CFAFCE
#D6A7CE
#ACD6C8
#B4CEC8
#BBC7C8
#C3BFC8
#CBB8C8
#D2B0C8
#DCA7C8
#A7E2C2
#B0D9C2
#BACFC2
#C3C6C2
#CDBCC2
#D6B3C2
#E2A7C2
Colorpallet from #C2A7E2 to #E2C2A7 and to #E2A7C2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C2A7E2
#C7ABD9
#C7AADA
#C7AADA
#C7A9DB
#C7A8DC
#C7A8DC
#C7A7DD
#CCB0CF
#CCAFD0
#CCADD2
#CCACD3
#CCAAD5
#CCA9D6
#CCA7D8
#D1B4C6
#D1B2C8
#D1B0CA
#D1AECC
#D1ACCE
#D1AAD0
#D1A7D3
#D6B8BC
#D6B5BF
#D6B3C2
#D6B0C5
#D6ADC8
#D6AACA
#D6A7CE
#DCBDB3
#DCB9B6
#DCB6BA
#DCB2BD
#DCAFC0
#DCABC4
#DCA7C8
#E2C2A7
#E2BEAB
#E2B9B0
#E2B5B4
#E2B1B8
#E2ACBD
#E2A7C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts