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 #C2A3E2 to #C2E2A3 and to #A3C2E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2ADD8
#C1ACDA
#C0ABDB
#C0ABDD
#BFAADE
#BEA9E0
#BDA8E2
#C2B7CE
#C0B5D1
#BFB4D4
#BDB2D8
#BCB1DB
#BAAFDE
#B8ADE2
#C2C1C4
#C0BFC9
#BDBCCE
#BBBAD2
#B8B7D7
#B6B5DC
#B3B2E2
#C2CBBA
#BFC8C0
#BCC5C7
#B8C1CD
#B5BED4
#B2BBDA
#AEB7E2
#C2D5B0
#BED1B8
#BACDC0
#B6C9C8
#B2C5D0
#AEC1D8
#A9BCE2
#C2E2A3
#BDDDAD
#B8D8B7
#B3D3C1
#AECECB
#A9C8D5
#A3C2E2
Colorpallet from #C2A3E2 to #C2E2A3 and to #A3E2C2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2ADD8
#C1ADD9
#C0ADDA
#C0ADDA
#BFADDB
#BEADDC
#BDADDD
#C2B7CE
#C0B7D0
#BFB7D1
#BDB7D3
#BCB7D4
#BAB7D6
#B8B7D8
#C2C1C4
#C0C1C6
#BDC1C9
#BBC1CB
#B8C1CE
#B6C1D0
#B3C1D3
#C2CBBA
#BFCBBD
#BCCBC0
#B8CBC4
#B5CBC7
#B2CBCA
#AECBCE
#C2D5B0
#BED5B4
#BAD5B8
#B6D5BC
#B2D5BF
#AED5C3
#A9D5C8
#C2E2A3
#BDE2A8
#B8E2AD
#B3E2B2
#AEE2B7
#A9E2BC
#A3E2C2
Colorpallet from #C2A3E2 to #C2E2A3 and to #E2C2A3
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2ADD8
#C3ACD8
#C4ABD8
#C4ABD8
#C5AAD8
#C6A9D8
#C7A8D8
#C2B7CE
#C4B5CE
#C5B4CE
#C7B2CE
#C8B1CE
#CAAFCE
#CCADCE
#C2C1C4
#C4BFC4
#C7BCC4
#C9BAC4
#CCB7C4
#CEB5C4
#D1B2C4
#C2CBBA
#C5C8BA
#C8C5BA
#CCC1BA
#CFBEBA
#D2BBBA
#D6B7BA
#C2D5B0
#C6D1B0
#CACDB0
#CEC9B0
#D3C5B0
#D7C1B0
#DCBCB0
#C2E2A3
#C7DDA3
#CCD8A3
#D1D3A3
#D6CEA3
#DCC8A3
#E2C2A3
Colorpallet from #C2A3E2 to #C2E2A3 and to #E2A3C2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2ADD8
#C3ABD9
#C4AADA
#C4A8DA
#C5A7DB
#C6A5DC
#C7A3DD
#C2B7CE
#C4B4D0
#C5B1D1
#C7ADD3
#C8AAD4
#CAA7D6
#CCA3D8
#C2C1C4
#C4BCC6
#C7B7C9
#C9B3CB
#CCAECE
#CEA9D0
#D1A3D3
#C2CBBA
#C5C5BD
#C8BEC0
#CCB8C4
#CFB1C7
#D2ABCA
#D6A3CE
#C2D5B0
#C6CDB4
#CAC5B8
#CEBDBC
#D3B5BF
#D7ADC3
#DCA3C8
#C2E2A3
#C7D8A8
#CCCEAD
#D1C4B2
#D6BAB7
#DCB0BC
#E2A3C2
Colorpallet from #C2A3E2 to #A3C2E2 and to #A3E2C2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#BDA8E2
#BDA9E1
#BDAAE0
#BDAAE0
#BDABDF
#BDACDE
#BDADDD
#B8ADE2
#B8AFE0
#B8B0DF
#B8B2DD
#B8B3DC
#B8B5DA
#B8B7D8
#B3B2E2
#B3B4E0
#B3B7DD
#B3B9DB
#B3BCD8
#B3BED6
#B3C1D3
#AEB7E2
#AEBADF
#AEBDDC
#AEC1D8
#AEC4D5
#AEC7D2
#AECBCE
#A9BCE2
#A9C0DE
#A9C4DA
#A9C8D6
#A9CCD1
#A9D0CD
#A9D5C8
#A3C2E2
#A3C7DD
#A3CCD8
#A3D1D3
#A3D6CE
#A3DCC8
#A3E2C2
Colorpallet from #C2A3E2 to #A3C2E2 and to #E2C2A3
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#BDA8E2
#BFA8E0
#C0A8DF
#C2A8DD
#C3A8DC
#C5A8DA
#C7A8D8
#B8ADE2
#BBADDF
#BEADDC
#C2ADD8
#C5ADD5
#C8ADD2
#CCADCE
#B3B2E2
#B8B2DD
#BDB2D8
#C1B2D4
#C6B2CF
#CBB2CA
#D1B2C4
#AEB7E2
#B4B7DC
#BBB7D5
#C1B7CF
#C8B7C8
#CEB7C2
#D6B7BA
#A9BCE2
#B1BCDA
#B9BCD2
#C1BCCA
#CABCC2
#D2BCBA
#DCBCB0
#A3C2E2
#ADC2D8
#B7C2CE
#C1C2C4
#CBC2BA
#D5C2B0
#E2C2A3
Colorpallet from #C2A3E2 to #A3C2E2 and to #E2A3C2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#BDA8E2
#BFA7E1
#C0A6E0
#C2A6E0
#C3A5DF
#C5A4DE
#C7A3DD
#B8ADE2
#BBABE0
#BEAADF
#C2A8DD
#C5A7DC
#C8A5DA
#CCA3D8
#B3B2E2
#B8B0E0
#BDADDD
#C1ABDB
#C6A8D8
#CBA6D6
#D1A3D3
#AEB7E2
#B4B4DF
#BBB1DC
#C1ADD8
#C8AAD5
#CEA7D2
#D6A3CE
#A9BCE2
#B1B8DE
#B9B4DA
#C1B0D6
#CAACD1
#D2A8CD
#DCA3C8
#A3C2E2
#ADBDDD
#B7B8D8
#C1B3D3
#CBAECE
#D5A9C8
#E2A3C2
Colorpallet from #C2A3E2 to #A3E2C2 and to #E2C2A3
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#BDADDD
#BFACDC
#C0ABDB
#C2ABDB
#C3AADA
#C5A9D9
#C7A8D8
#B8B7D8
#BBB5D6
#BEB4D5
#C2B2D3
#C5B1D2
#C8AFD0
#CCADCE
#B3C1D3
#B8BFD1
#BDBCCE
#C1BACC
#C6B7C9
#CBB5C7
#D1B2C4
#AECBCE
#B4C8CB
#BBC5C8
#C1C1C4
#C8BEC1
#CEBBBE
#D6B7BA
#A9D5C8
#B1D1C4
#B9CDC0
#C1C9BC
#CAC5B9
#D2C1B5
#DCBCB0
#A3E2C2
#ADDDBD
#B7D8B8
#C1D3B3
#CBCEAE
#D5C8A9
#E2C2A3
Colorpallet from #C2A3E2 to #A3E2C2 and to #E2A3C2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#BDADDD
#BFABDD
#C0AADD
#C2A8DD
#C3A7DD
#C5A5DD
#C7A3DD
#B8B7D8
#BBB4D8
#BEB1D8
#C2ADD8
#C5AAD8
#C8A7D8
#CCA3D8
#B3C1D3
#B8BCD3
#BDB7D3
#C1B3D3
#C6AED3
#CBA9D3
#D1A3D3
#AECBCE
#B4C5CE
#BBBECE
#C1B8CE
#C8B1CE
#CEABCE
#D6A3CE
#A9D5C8
#B1CDC8
#B9C5C8
#C1BDC8
#CAB5C8
#D2ADC8
#DCA3C8
#A3E2C2
#ADD8C2
#B7CEC2
#C1C4C2
#CBBAC2
#D5B0C2
#E2A3C2
Colorpallet from #C2A3E2 to #E2C2A3 and to #E2A3C2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C2A3E2
#C7A8D8
#C7A7D9
#C7A6DA
#C7A6DA
#C7A5DB
#C7A4DC
#C7A3DD
#CCADCE
#CCABD0
#CCAAD1
#CCA8D3
#CCA7D4
#CCA5D6
#CCA3D8
#D1B2C4
#D1B0C6
#D1ADC9
#D1ABCB
#D1A8CE
#D1A6D0
#D1A3D3
#D6B7BA
#D6B4BD
#D6B1C0
#D6ADC4
#D6AAC7
#D6A7CA
#D6A3CE
#DCBCB0
#DCB8B4
#DCB4B8
#DCB0BC
#DCACBF
#DCA8C3
#DCA3C8
#E2C2A3
#E2BDA8
#E2B8AD
#E2B3B2
#E2AEB7
#E2A9BC
#E2A3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts