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 #D1A2C5 to #D1C5A2 and to #A2D1C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A8BF
#D0A8C0
#CEA9C1
#CDA9C2
#CCA9C3
#CBAAC4
#C9AAC5
#D1ADBA
#CFAEBC
#CCAEBE
#CAAFBF
#C7B0C1
#C5B0C3
#C2B1C5
#D1B3B4
#CDB4B7
#CAB5B9
#C6B6BC
#C2B7BF
#BFB8C2
#BAB9C5
#D1B8AF
#CCB9B3
#C7BBB6
#C3BCBA
#BEBDBD
#B9BEC1
#B3C0C5
#D1BEA9
#CBC0AD
#C5C1B2
#BFC3B6
#B9C4BB
#B3C6BF
#ABC8C5
#D1C5A2
#C9C7A8
#C2C9AD
#BACBB3
#B3CDB8
#ABCFBE
#A2D1C5
Colorpallet from #D1A2C5 to #D1C5A2 and to #A2C5D1
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A8BF
#D0A8C0
#CEA8C2
#CDA8C3
#CCA8C4
#CBA8C5
#C9A8C7
#D1ADBA
#CFADBC
#CCADBF
#CAADC1
#C7ADC4
#C5ADC6
#C2ADC9
#D1B3B4
#CDB3B8
#CAB3BB
#C6B3BF
#C2B3C3
#BFB3C6
#BAB3CB
#D1B8AF
#CCB8B4
#C7B8B9
#C3B8BD
#BEB8C2
#B9B8C7
#B3B8CD
#D1BEA9
#CBBEAF
#C5BEB5
#BFBEBB
#B9BEC1
#B3BEC7
#ABBECF
#D1C5A2
#C9C5AA
#C2C5B1
#BAC5B9
#B3C5C0
#ABC5C8
#A2C5D1
Colorpallet from #D1A2C5 to #D1C5A2 and to #C5D1A2
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A8BF
#D1A8BF
#D0A9BF
#D0A9BF
#D0A9BF
#CFAABF
#CFAABF
#D1ADBA
#D0AEBA
#D0AEBA
#CFAFBA
#CEB0BA
#CEB0BA
#CDB1BA
#D1B3B4
#D0B4B4
#CFB5B4
#CEB6B4
#CDB7B4
#CCB8B4
#CBB9B4
#D1B8AF
#D0B9AF
#CEBBAF
#CDBCAF
#CCBDAF
#CBBEAF
#C9C0AF
#D1BEA9
#CFC0A9
#CEC1A9
#CCC3A9
#CBC4A9
#C9C6A9
#C7C8A9
#D1C5A2
#CFC7A2
#CDC9A2
#CBCBA2
#C9CDA2
#C7CFA2
#C5D1A2
Colorpallet from #D1A2C5 to #D1C5A2 and to #C5A2D1
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A8BF
#D1A7C0
#D0A6C2
#D0A5C3
#D0A4C4
#CFA3C5
#CFA2C7
#D1ADBA
#D0ABBC
#D0A9BF
#CFA8C1
#CEA6C4
#CEA4C6
#CDA2C9
#D1B3B4
#D0B0B8
#CFAEBB
#CEABBF
#CDA8C3
#CCA5C6
#CBA2CB
#D1B8AF
#D0B4B4
#CEB1B9
#CDADBD
#CCAAC2
#CBA6C7
#C9A2CD
#D1BEA9
#CFBAAF
#CEB5B5
#CCB1BB
#CBACC1
#C9A8C7
#C7A2CF
#D1C5A2
#CFBFAA
#CDBAB1
#CBB4B9
#C9AFC0
#C7A9C8
#C5A2D1
Colorpallet from #D1A2C5 to #A2D1C5 and to #A2C5D1
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#C9AAC5
#C9AAC5
#C9A9C6
#C9A9C6
#C9A9C6
#C9A8C7
#C9A8C7
#C2B1C5
#C2B0C6
#C2B0C6
#C2AFC7
#C2AEC8
#C2AEC8
#C2ADC9
#BAB9C5
#BAB8C6
#BAB7C7
#BAB6C8
#BAB5C9
#BAB4CA
#BAB3CB
#B3C0C5
#B3BFC6
#B3BDC8
#B3BCC9
#B3BBCA
#B3BACB
#B3B8CD
#ABC8C5
#ABC6C7
#ABC5C8
#ABC3CA
#ABC2CB
#ABC0CD
#ABBECF
#A2D1C5
#A2CFC7
#A2CDC9
#A2CBCB
#A2C9CD
#A2C7CF
#A2C5D1
Colorpallet from #D1A2C5 to #A2D1C5 and to #C5D1A2
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#C9AAC5
#CAAAC4
#CBAAC3
#CCAAC2
#CDAAC1
#CEAAC0
#CFAABF
#C2B1C5
#C4B1C3
#C6B1C1
#C7B1C0
#C9B1BE
#CBB1BC
#CDB1BA
#BAB9C5
#BDB9C2
#BFB9C0
#C2B9BD
#C5B9BA
#C8B9B7
#CBB9B4
#B3C0C5
#B7C0C1
#BAC0BE
#BEC0BA
#C1C0B7
#C5C0B3
#C9C0AF
#ABC8C5
#AFC8C1
#B4C8BC
#B8C8B8
#BDC8B3
#C1C8AF
#C7C8A9
#A2D1C5
#A8D1BF
#ADD1BA
#B3D1B4
#B8D1AF
#BED1A9
#C5D1A2
Colorpallet from #D1A2C5 to #A2D1C5 and to #C5A2D1
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#C9AAC5
#CAA9C5
#CBA7C6
#CCA6C6
#CDA5C6
#CEA4C7
#CFA2C7
#C2B1C5
#C4AFC6
#C6ACC6
#C7AAC7
#C9A7C8
#CBA5C8
#CDA2C9
#BAB9C5
#BDB5C6
#BFB2C7
#C2AEC8
#C5AAC9
#C8A7CA
#CBA2CB
#B3C0C5
#B7BBC6
#BAB6C8
#BEB2C9
#C1ADCA
#C5A8CB
#C9A2CD
#ABC8C5
#AFC2C7
#B4BCC8
#B8B6CA
#BDB0CB
#C1AACD
#C7A2CF
#A2D1C5
#A8C9C7
#ADC2C9
#B3BACB
#B8B3CD
#BEABCF
#C5A2D1
Colorpallet from #D1A2C5 to #A2C5D1 and to #C5D1A2
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#C9A8C7
#CAA8C6
#CBA9C4
#CCA9C3
#CDA9C2
#CEAAC1
#CFAABF
#C2ADC9
#C4AEC7
#C6AEC4
#C7AFC2
#C9B0BF
#CBB0BD
#CDB1BA
#BAB3CB
#BDB4C7
#BFB5C4
#C2B6C0
#C5B7BC
#C8B8B9
#CBB9B4
#B3B8CD
#B7B9C8
#BABBC3
#BEBCBF
#C1BDBA
#C5BEB5
#C9C0AF
#ABBECF
#AFC0C9
#B4C1C3
#B8C3BD
#BDC4B7
#C1C6B1
#C7C8A9
#A2C5D1
#A8C7C9
#ADC9C2
#B3CBBA
#B8CDB3
#BECFAB
#C5D1A2
Colorpallet from #D1A2C5 to #A2C5D1 and to #C5A2D1
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#C9A8C7
#CAA7C7
#CBA6C7
#CCA5C7
#CDA4C7
#CEA3C7
#CFA2C7
#C2ADC9
#C4ABC9
#C6A9C9
#C7A8C9
#C9A6C9
#CBA4C9
#CDA2C9
#BAB3CB
#BDB0CB
#BFAECB
#C2ABCB
#C5A8CB
#C8A5CB
#CBA2CB
#B3B8CD
#B7B4CD
#BAB1CD
#BEADCD
#C1AACD
#C5A6CD
#C9A2CD
#ABBECF
#AFBACF
#B4B5CF
#B8B1CF
#BDACCF
#C1A8CF
#C7A2CF
#A2C5D1
#A8BFD1
#ADBAD1
#B3B4D1
#B8AFD1
#BEA9D1
#C5A2D1
Colorpallet from #D1A2C5 to #C5D1A2 and to #C5A2D1
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#D1A2C5
#CFAABF
#CFA9C0
#CFA7C2
#CFA6C3
#CFA5C4
#CFA4C5
#CFA2C7
#CDB1BA
#CDAFBC
#CDACBF
#CDAAC1
#CDA7C4
#CDA5C6
#CDA2C9
#CBB9B4
#CBB5B8
#CBB2BB
#CBAEBF
#CBAAC3
#CBA7C6
#CBA2CB
#C9C0AF
#C9BBB4
#C9B6B9
#C9B2BD
#C9ADC2
#C9A8C7
#C9A2CD
#C7C8A9
#C7C2AF
#C7BCB5
#C7B6BB
#C7B0C1
#C7AAC7
#C7A2CF
#C5D1A2
#C5C9AA
#C5C2B1
#C5BAB9
#C5B3C0
#C5ABC8
#C5A2D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
