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 #C2A3F6 to #C2F6A3 and to #A3C2F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2B0E9
#C1AFEB
#C0ADED
#C0ACEF
#BFABF1
#BEAAF3
#BDA8F6
#C2BEDB
#C0BBDF
#BFB9E4
#BDB6E8
#BCB3EC
#BAB0F1
#B8ADF6
#C2CBCE
#C0C7D4
#BDC3DB
#BBBFE1
#B8BBE8
#B6B7EE
#B3B2F6
#C2D8C1
#BFD3C9
#BCCDD2
#B8C8DA
#B5C3E3
#B2BEEB
#AEB7F6
#C2E5B4
#BEDEBF
#BAD8C9
#B6D1D4
#B2CBDE
#AEC4E9
#A9BCF6
#C2F6A3
#BDEEB0
#B8E5BE
#B3DDCB
#AED5D8
#A9CCE5
#A3C2F6
Colorpallet from #C2A3F6 to #C2F6A3 and to #A3F6C2
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2B0E9
#C1B0EA
#C0B0EB
#C0B0EB
#BFB0EC
#BEB0ED
#BDB0EE
#C2BEDB
#C0BEDD
#BFBEDE
#BDBEE0
#BCBEE1
#BABEE3
#B8BEE5
#C2CBCE
#C0CBD0
#BDCBD3
#BBCBD5
#B8CBD8
#B6CBDA
#B3CBDD
#C2D8C1
#BFD8C4
#BCD8C7
#B8D8CB
#B5D8CE
#B2D8D1
#AED8D5
#C2E5B4
#BEE5B8
#BAE5BC
#B6E5C0
#B2E5C3
#AEE5C7
#A9E5CC
#C2F6A3
#BDF6A8
#B8F6AD
#B3F6B2
#AEF6B7
#A9F6BC
#A3F6C2
Colorpallet from #C2A3F6 to #C2F6A3 and to #F6C2A3
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2B0E9
#C3AFE9
#C5ADE9
#C6ACE9
#C7ABE9
#C8AAE9
#CAA8E9
#C2BEDB
#C5BBDB
#C7B9DB
#CAB6DB
#CDB3DB
#D0B0DB
#D3ADDB
#C2CBCE
#C6C7CE
#CAC3CE
#CEBFCE
#D2BBCE
#D6B7CE
#DBB2CE
#C2D8C1
#C7D3C1
#CDCDC1
#D2C8C1
#D7C3C1
#DCBEC1
#E3B7C1
#C2E5B4
#C9DEB4
#CFD8B4
#D6D1B4
#DDCBB4
#E4C4B4
#ECBCB4
#C2F6A3
#CAEEA3
#D3E5A3
#DBDDA3
#E3D5A3
#ECCCA3
#F6C2A3
Colorpallet from #C2A3F6 to #C2F6A3 and to #F6A3C2
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2B0E9
#C3AEEA
#C5ACEB
#C6AAEB
#C7A8EC
#C8A6ED
#CAA3EE
#C2BEDB
#C5BADD
#C7B5DE
#CAB1E0
#CDADE1
#D0A8E3
#D3A3E5
#C2CBCE
#C6C5D0
#CABED3
#CEB8D5
#D2B1D8
#D6ABDA
#DBA3DD
#C2D8C1
#C7D0C4
#CDC7C7
#D2BFCB
#D7B6CE
#DCAED1
#E3A3D5
#C2E5B4
#C9DAB8
#CFD0BC
#D6C5C0
#DDBBC3
#E4B0C7
#ECA3CC
#C2F6A3
#CAE9A8
#D3DBAD
#DBCEB2
#E3C1B7
#ECB4BC
#F6A3C2
Colorpallet from #C2A3F6 to #A3C2F6 and to #A3F6C2
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#BDA8F6
#BDA9F5
#BDABF3
#BDACF2
#BDADF1
#BDAEF0
#BDB0EE
#B8ADF6
#B8B0F3
#B8B2F1
#B8B5EE
#B8B8EB
#B8BBE8
#B8BEE5
#B3B2F6
#B3B6F2
#B3BAEE
#B3BEEA
#B3C2E6
#B3C6E2
#B3CBDD
#AEB7F6
#AEBCF1
#AEC2EB
#AEC7E6
#AECCE1
#AED1DC
#AED8D5
#A9BCF6
#A9C3EF
#A9C9E9
#A9D0E2
#A9D6DB
#A9DDD4
#A9E5CC
#A3C2F6
#A3CAEE
#A3D3E5
#A3DBDD
#A3E3D5
#A3ECCC
#A3F6C2
Colorpallet from #C2A3F6 to #A3C2F6 and to #F6C2A3
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#BDA8F6
#BFA8F4
#C1A8F2
#C3A8F0
#C5A8EE
#C7A8EC
#CAA8E9
#B8ADF6
#BCADF2
#C1ADED
#C5ADE9
#C9ADE5
#CEADE0
#D3ADDB
#B3B2F6
#B9B2F0
#C0B2E9
#C6B2E3
#CDB2DC
#D3B2D6
#DBB2CE
#AEB7F6
#B6B7EE
#BFB7E5
#C7B7DD
#D0B7D4
#D8B7CC
#E3B7C1
#A9BCF6
#B4BCEB
#BEBCE1
#C9BCD6
#D4BCCC
#DFBCC1
#ECBCB4
#A3C2F6
#B0C2E9
#BEC2DB
#CBC2CE
#D8C2C1
#E5C2B4
#F6C2A3
Colorpallet from #C2A3F6 to #A3C2F6 and to #F6A3C2
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#BDA8F6
#BFA7F5
#C1A6F3
#C3A6F2
#C5A5F1
#C7A4F0
#CAA3EE
#B8ADF6
#BCABF3
#C1AAF1
#C5A8EE
#C9A7EB
#CEA5E8
#D3A3E5
#B3B2F6
#B9B0F2
#C0ADEE
#C6ABEA
#CDA8E6
#D3A6E2
#DBA3DD
#AEB7F6
#B6B4F1
#BFB1EB
#C7ADE6
#D0AAE1
#D8A7DC
#E3A3D5
#A9BCF6
#B4B8EF
#BEB4E9
#C9B0E2
#D4ACDB
#DFA8D4
#ECA3CC
#A3C2F6
#B0BDEE
#BEB8E5
#CBB3DD
#D8AED5
#E5A9CC
#F6A3C2
Colorpallet from #C2A3F6 to #A3F6C2 and to #F6C2A3
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#BDB0EE
#BFAFED
#C1ADEC
#C3ACEC
#C5ABEB
#C7AAEA
#CAA8E9
#B8BEE5
#BCBBE3
#C1B9E2
#C5B6E0
#C9B3DF
#CEB0DD
#D3ADDB
#B3CBDD
#B9C7DB
#C0C3D8
#C6BFD6
#CDBBD3
#D3B7D1
#DBB2CE
#AED8D5
#B6D3D2
#BFCDCF
#C7C8CB
#D0C3C8
#D8BEC5
#E3B7C1
#A9E5CC
#B4DEC8
#BED8C4
#C9D1C0
#D4CBBD
#DFC4B9
#ECBCB4
#A3F6C2
#B0EEBD
#BEE5B8
#CBDDB3
#D8D5AE
#E5CCA9
#F6C2A3
Colorpallet from #C2A3F6 to #A3F6C2 and to #F6A3C2
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#BDB0EE
#BFAEEE
#C1ACEE
#C3AAEE
#C5A8EE
#C7A6EE
#CAA3EE
#B8BEE5
#BCBAE5
#C1B5E5
#C5B1E5
#C9ADE5
#CEA8E5
#D3A3E5
#B3CBDD
#B9C5DD
#C0BEDD
#C6B8DD
#CDB1DD
#D3ABDD
#DBA3DD
#AED8D5
#B6D0D5
#BFC7D5
#C7BFD5
#D0B6D5
#D8AED5
#E3A3D5
#A9E5CC
#B4DACC
#BED0CC
#C9C5CC
#D4BBCC
#DFB0CC
#ECA3CC
#A3F6C2
#B0E9C2
#BEDBC2
#CBCEC2
#D8C1C2
#E5B4C2
#F6A3C2
Colorpallet from #C2A3F6 to #F6C2A3 and to #F6A3C2
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#C2A3F6
#CAA8E9
#CAA7EA
#CAA6EB
#CAA6EB
#CAA5EC
#CAA4ED
#CAA3EE
#D3ADDB
#D3ABDD
#D3AADE
#D3A8E0
#D3A7E1
#D3A5E3
#D3A3E5
#DBB2CE
#DBB0D0
#DBADD3
#DBABD5
#DBA8D8
#DBA6DA
#DBA3DD
#E3B7C1
#E3B4C4
#E3B1C7
#E3ADCB
#E3AACE
#E3A7D1
#E3A3D5
#ECBCB4
#ECB8B8
#ECB4BC
#ECB0C0
#ECACC3
#ECA8C7
#ECA3CC
#F6C2A3
#F6BDA8
#F6B8AD
#F6B3B2
#F6AEB7
#F6A9BC
#F6A3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
