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 #C2A3D5 to #C2D5A3 and to #A3C2D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2ABCD
#C1ABCE
#C0AAD0
#C0AAD1
#BFA9D2
#BEA9D3
#BDA8D5
#C2B3C5
#C0B2C8
#BFB1CA
#BDB0CD
#BCAFCF
#BAAED2
#B8ADD5
#C2BBBD
#C0BAC1
#BDB8C5
#BBB7C9
#B8B5CC
#B6B4D0
#B3B2D5
#C2C3B5
#BFC1BA
#BCBFBF
#B8BDC4
#B5BBC9
#B2B9CF
#AEB7D5
#C2CBAD
#BEC9B3
#BAC6BA
#B6C4C0
#B2C1C7
#AEBFCD
#A9BCD5
#C2D5A3
#BDD2AB
#B8CFB3
#B3CCBB
#AEC9C3
#A9C6CB
#A3C2D5
Colorpallet from #C2A3D5 to #C2D5A3 and to #A3D5C2
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2ABCD
#C1ABCE
#C0ABCF
#C0ABCF
#BFABD0
#BEABD1
#BDABD2
#C2B3C5
#C0B3C7
#BFB3C8
#BDB3CA
#BCB3CB
#BAB3CD
#B8B3CF
#C2BBBD
#C0BBBF
#BDBBC2
#BBBBC4
#B8BBC7
#B6BBC9
#B3BBCC
#C2C3B5
#BFC3B8
#BCC3BB
#B8C3BF
#B5C3C2
#B2C3C5
#AEC3C9
#C2CBAD
#BECBB1
#BACBB5
#B6CBB9
#B2CBBD
#AECBC1
#A9CBC6
#C2D5A3
#BDD5A8
#B8D5AD
#B3D5B2
#AED5B7
#A9D5BC
#A3D5C2
Colorpallet from #C2A3D5 to #C2D5A3 and to #D5C2A3
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2ABCD
#C2ABCD
#C3AACD
#C3AACD
#C4A9CD
#C4A9CD
#C5A8CD
#C2B3C5
#C3B2C5
#C4B1C5
#C5B0C5
#C6AFC5
#C7AEC5
#C8ADC5
#C2BBBD
#C3BABD
#C5B8BD
#C6B7BD
#C8B5BD
#C9B4BD
#CBB2BD
#C2C3B5
#C4C1B5
#C6BFB5
#C8BDB5
#CABBB5
#CCB9B5
#CEB7B5
#C2CBAD
#C4C9AD
#C7C6AD
#C9C4AD
#CCC1AD
#CEBFAD
#D1BCAD
#C2D5A3
#C5D2A3
#C8CFA3
#CBCCA3
#CEC9A3
#D1C6A3
#D5C2A3
Colorpallet from #C2A3D5 to #C2D5A3 and to #D5A3C2
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2ABCD
#C2AACE
#C3A8CF
#C3A7CF
#C4A6D0
#C4A5D1
#C5A3D2
#C2B3C5
#C3B0C7
#C4AEC8
#C5ABCA
#C6A9CB
#C7A6CD
#C8A3CF
#C2BBBD
#C3B7BF
#C5B3C2
#C6AFC4
#C8ACC7
#C9A8C9
#CBA3CC
#C2C3B5
#C4BEB8
#C6B9BB
#C8B4BF
#CAAFC2
#CCA9C5
#CEA3C9
#C2CBAD
#C4C5B1
#C7BEB5
#C9B8B9
#CCB1BD
#CEABC1
#D1A3C6
#C2D5A3
#C5CDA8
#C8C5AD
#CBBDB2
#CEB5B7
#D1ADBC
#D5A3C2
Colorpallet from #C2A3D5 to #A3C2D5 and to #A3D5C2
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#BDA8D5
#BDA8D5
#BDA9D4
#BDA9D4
#BDAAD3
#BDAAD3
#BDABD2
#B8ADD5
#B8AED4
#B8AFD3
#B8B0D2
#B8B1D1
#B8B2D0
#B8B3CF
#B3B2D5
#B3B3D4
#B3B5D2
#B3B6D1
#B3B8CF
#B3B9CE
#B3BBCC
#AEB7D5
#AEB9D3
#AEBBD1
#AEBDCF
#AEBFCD
#AEC1CB
#AEC3C9
#A9BCD5
#A9BED3
#A9C1D0
#A9C3CE
#A9C6CB
#A9C8C9
#A9CBC6
#A3C2D5
#A3C5D2
#A3C8CF
#A3CBCC
#A3CEC9
#A3D1C6
#A3D5C2
Colorpallet from #C2A3D5 to #A3C2D5 and to #D5C2A3
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#BDA8D5
#BEA8D4
#C0A8D2
#C1A8D1
#C2A8D0
#C3A8CF
#C5A8CD
#B8ADD5
#BBADD2
#BDADD0
#C0ADCD
#C2ADCB
#C5ADC8
#C8ADC5
#B3B2D5
#B7B2D1
#BBB2CD
#BFB2C9
#C2B2C6
#C6B2C2
#CBB2BD
#AEB7D5
#B3B7D0
#B8B7CB
#BDB7C6
#C2B7C1
#C8B7BB
#CEB7B5
#A9BCD5
#AFBCCF
#B6BCC8
#BCBCC2
#C3BCBB
#C9BCB5
#D1BCAD
#A3C2D5
#ABC2CD
#B3C2C5
#BBC2BD
#C3C2B5
#CBC2AD
#D5C2A3
Colorpallet from #C2A3D5 to #A3C2D5 and to #D5A3C2
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#BDA8D5
#BEA7D5
#C0A6D4
#C1A6D4
#C2A5D3
#C3A4D3
#C5A3D2
#B8ADD5
#BBABD4
#BDAAD3
#C0A8D2
#C2A7D1
#C5A5D0
#C8A3CF
#B3B2D5
#B7B0D4
#BBADD2
#BFABD1
#C2A8CF
#C6A6CE
#CBA3CC
#AEB7D5
#B3B4D3
#B8B1D1
#BDADCF
#C2AACD
#C8A7CB
#CEA3C9
#A9BCD5
#AFB8D3
#B6B4D0
#BCB0CE
#C3ACCB
#C9A8C9
#D1A3C6
#A3C2D5
#ABBDD2
#B3B8CF
#BBB3CC
#C3AEC9
#CBA9C6
#D5A3C2
Colorpallet from #C2A3D5 to #A3D5C2 and to #D5C2A3
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#BDABD2
#BEABD1
#C0AAD0
#C1AAD0
#C2A9CF
#C3A9CE
#C5A8CD
#B8B3CF
#BBB2CD
#BDB1CC
#C0B0CA
#C2AFC9
#C5AEC7
#C8ADC5
#B3BBCC
#B7BACA
#BBB8C7
#BFB7C5
#C2B5C2
#C6B4C0
#CBB2BD
#AEC3C9
#B3C1C6
#B8BFC3
#BDBDBF
#C2BBBC
#C8B9B9
#CEB7B5
#A9CBC6
#AFC9C2
#B6C6BE
#BCC4BA
#C3C1B6
#C9BFB2
#D1BCAD
#A3D5C2
#ABD2BD
#B3CFB8
#BBCCB3
#C3C9AE
#CBC6A9
#D5C2A3
Colorpallet from #C2A3D5 to #A3D5C2 and to #D5A3C2
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#BDABD2
#BEAAD2
#C0A8D2
#C1A7D2
#C2A6D2
#C3A5D2
#C5A3D2
#B8B3CF
#BBB0CF
#BDAECF
#C0ABCF
#C2A9CF
#C5A6CF
#C8A3CF
#B3BBCC
#B7B7CC
#BBB3CC
#BFAFCC
#C2ACCC
#C6A8CC
#CBA3CC
#AEC3C9
#B3BEC9
#B8B9C9
#BDB4C9
#C2AFC9
#C8A9C9
#CEA3C9
#A9CBC6
#AFC5C6
#B6BEC6
#BCB8C6
#C3B1C6
#C9ABC6
#D1A3C6
#A3D5C2
#ABCDC2
#B3C5C2
#BBBDC2
#C3B5C2
#CBADC2
#D5A3C2
Colorpallet from #C2A3D5 to #D5C2A3 and to #D5A3C2
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C2A3D5
#C5A8CD
#C5A7CE
#C5A6CF
#C5A6CF
#C5A5D0
#C5A4D1
#C5A3D2
#C8ADC5
#C8ABC7
#C8AAC8
#C8A8CA
#C8A7CB
#C8A5CD
#C8A3CF
#CBB2BD
#CBB0BF
#CBADC2
#CBABC4
#CBA8C7
#CBA6C9
#CBA3CC
#CEB7B5
#CEB4B8
#CEB1BB
#CEADBF
#CEAAC2
#CEA7C5
#CEA3C9
#D1BCAD
#D1B8B1
#D1B4B5
#D1B0B9
#D1ACBD
#D1A8C1
#D1A3C6
#D5C2A3
#D5BDA8
#D5B8AD
#D5B3B2
#D5AEB7
#D5A9BC
#D5A3C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts