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 #CDA2C4 to #CDC4A2 and to #A2CDC4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA7BF
#CCA7C0
#CBA8C1
#CAA8C1
#C9A8C2
#C7A9C3
#C6A9C4
#CDADB9
#CBADBB
#C9AEBD
#C6AEBE
#C4AFC0
#C2AFC2
#BFB0C4
#CDB2B4
#CAB3B7
#C6B4B9
#C3B4BC
#C0B5BE
#BCB6C1
#B8B7C4
#CDB8AE
#C9B9B2
#C4BAB5
#C0BBB9
#BBBCBC
#B7BDC0
#B1BEC4
#CDBDA9
#C8BEAD
#C2BFB2
#BDC0B6
#B7C1BA
#B2C3BF
#ABC4C4
#CDC4A2
#C6C5A7
#BFC7AD
#B8C8B2
#B1CAB8
#ABCBBD
#A2CDC4
Colorpallet from #CDA2C4 to #CDC4A2 and to #A2C4CD
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA7BF
#CCA7C0
#CBA7C1
#CAA7C2
#C9A7C3
#C7A7C4
#C6A7C5
#CDADB9
#CBADBB
#C9ADBD
#C6ADC0
#C4ADC2
#C2ADC4
#BFADC7
#CDB2B4
#CAB2B7
#C6B2BA
#C3B2BE
#C0B2C1
#BCB2C4
#B8B2C8
#CDB8AE
#C9B8B2
#C4B8B7
#C0B8BB
#BBB8C0
#B7B8C4
#B1B8CA
#CDBDA9
#C8BDAE
#C2BDB4
#BDBDB9
#B7BDBF
#B2BDC4
#ABBDCB
#CDC4A2
#C6C4A9
#BFC4B0
#B8C4B7
#B1C4BE
#ABC4C4
#A2C4CD
Colorpallet from #CDA2C4 to #CDC4A2 and to #C4CDA2
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA7BF
#CDA7BF
#CDA8BF
#CDA8BF
#CCA8BF
#CCA9BF
#CCA9BF
#CDADB9
#CDADB9
#CCAEB9
#CCAEB9
#CBAFB9
#CBAFB9
#CAB0B9
#CDB2B4
#CCB3B4
#CCB4B4
#CBB4B4
#CAB5B4
#CAB6B4
#C9B7B4
#CDB8AE
#CCB9AE
#CBBAAE
#CABBAE
#C9BCAE
#C8BDAE
#C7BEAE
#CDBDA9
#CCBEA9
#CBBFA9
#CAC0A9
#C9C1A9
#C7C3A9
#C6C4A9
#CDC4A2
#CCC5A2
#CAC7A2
#C9C8A2
#C7CAA2
#C6CBA2
#C4CDA2
Colorpallet from #CDA2C4 to #CDC4A2 and to #C4A2CD
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA7BF
#CDA6C0
#CDA5C1
#CDA5C2
#CCA4C3
#CCA3C4
#CCA2C5
#CDADB9
#CDABBB
#CCA9BD
#CCA8C0
#CBA6C2
#CBA4C4
#CAA2C7
#CDB2B4
#CCAFB7
#CCADBA
#CBAABE
#CAA8C1
#CAA5C4
#C9A2C8
#CDB8AE
#CCB4B2
#CBB1B7
#CAADBB
#C9AAC0
#C8A6C4
#C7A2CA
#CDBDA9
#CCB9AE
#CBB4B4
#CAB0B9
#C9ACBF
#C7A7C4
#C6A2CB
#CDC4A2
#CCBFA9
#CAB9B0
#C9B4B7
#C7AEBE
#C6A9C4
#C4A2CD
Colorpallet from #CDA2C4 to #A2CDC4 and to #A2C4CD
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#C6A9C4
#C6A9C4
#C6A8C4
#C6A8C4
#C6A8C5
#C6A7C5
#C6A7C5
#BFB0C4
#BFB0C4
#BFAFC5
#BFAFC5
#BFAEC6
#BFAEC6
#BFADC7
#B8B7C4
#B8B6C5
#B8B5C5
#B8B5C6
#B8B4C7
#B8B3C7
#B8B2C8
#B1BEC4
#B1BDC5
#B1BCC6
#B1BBC7
#B1BAC8
#B1B9C9
#B1B8CA
#ABC4C4
#ABC3C5
#ABC2C6
#ABC1C7
#ABC0C8
#ABBECA
#ABBDCB
#A2CDC4
#A2CCC5
#A2CAC7
#A2C9C8
#A2C7CA
#A2C6CB
#A2C4CD
Colorpallet from #CDA2C4 to #A2CDC4 and to #C4CDA2
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#C6A9C4
#C7A9C3
#C8A9C2
#C9A9C2
#CAA9C1
#CBA9C0
#CCA9BF
#BFB0C4
#C1B0C2
#C3B0C0
#C4B0BF
#C6B0BD
#C8B0BB
#CAB0B9
#B8B7C4
#BBB7C1
#BDB7BF
#C0B7BC
#C3B7BA
#C6B7B7
#C9B7B4
#B1BEC4
#B5BEC0
#B8BEBD
#BCBEB9
#BFBEB6
#C3BEB2
#C7BEAE
#ABC4C4
#AFC4C0
#B4C4BB
#B8C4B7
#BCC4B3
#C1C4AE
#C6C4A9
#A2CDC4
#A7CDBF
#ADCDB9
#B2CDB4
#B8CDAE
#BDCDA9
#C4CDA2
Colorpallet from #CDA2C4 to #A2CDC4 and to #C4A2CD
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#C6A9C4
#C7A8C4
#C8A7C4
#C9A6C4
#CAA5C5
#CBA3C5
#CCA2C5
#BFB0C4
#C1AEC4
#C3ACC5
#C4A9C5
#C6A7C6
#C8A5C6
#CAA2C7
#B8B7C4
#BBB4C5
#BDB0C5
#C0ADC6
#C3AAC7
#C6A6C7
#C9A2C8
#B1BEC4
#B5BAC5
#B8B5C6
#BCB1C7
#BFACC8
#C3A8C9
#C7A2CA
#ABC4C4
#AFBFC5
#B4B9C6
#B8B4C7
#BCAEC8
#C1A9CA
#C6A2CB
#A2CDC4
#A7C6C5
#ADBFC7
#B2B8C8
#B8B1CA
#BDABCB
#C4A2CD
Colorpallet from #CDA2C4 to #A2C4CD and to #C4CDA2
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#C6A7C5
#C7A7C4
#C8A8C3
#C9A8C2
#CAA8C1
#CBA9C0
#CCA9BF
#BFADC7
#C1ADC5
#C3AEC3
#C4AEC0
#C6AFBE
#C8AFBC
#CAB0B9
#B8B2C8
#BBB3C5
#BDB4C2
#C0B4BE
#C3B5BB
#C6B6B8
#C9B7B4
#B1B8CA
#B5B9C6
#B8BAC1
#BCBBBD
#BFBCB8
#C3BDB4
#C7BEAE
#ABBDCB
#AFBEC6
#B4BFC0
#B8C0BB
#BCC1B5
#C1C3B0
#C6C4A9
#A2C4CD
#A7C5C6
#ADC7BF
#B2C8B8
#B8CAB1
#BDCBAB
#C4CDA2
Colorpallet from #CDA2C4 to #A2C4CD and to #C4A2CD
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#C6A7C5
#C7A6C5
#C8A5C5
#C9A5C5
#CAA4C5
#CBA3C5
#CCA2C5
#BFADC7
#C1ABC7
#C3A9C7
#C4A8C7
#C6A6C7
#C8A4C7
#CAA2C7
#B8B2C8
#BBAFC8
#BDADC8
#C0AAC8
#C3A8C8
#C6A5C8
#C9A2C8
#B1B8CA
#B5B4CA
#B8B1CA
#BCADCA
#BFAACA
#C3A6CA
#C7A2CA
#ABBDCB
#AFB9CB
#B4B4CB
#B8B0CB
#BCACCB
#C1A7CB
#C6A2CB
#A2C4CD
#A7BFCD
#ADB9CD
#B2B4CD
#B8AECD
#BDA9CD
#C4A2CD
Colorpallet from #CDA2C4 to #C4CDA2 and to #C4A2CD
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CDA2C4
#CCA9BF
#CCA8C0
#CCA7C1
#CCA6C2
#CCA5C3
#CCA3C4
#CCA2C5
#CAB0B9
#CAAEBB
#CAACBD
#CAA9C0
#CAA7C2
#CAA5C4
#CAA2C7
#C9B7B4
#C9B4B7
#C9B0BA
#C9ADBE
#C9AAC1
#C9A6C4
#C9A2C8
#C7BEAE
#C7BAB2
#C7B5B7
#C7B1BB
#C7ACC0
#C7A8C4
#C7A2CA
#C6C4A9
#C6BFAE
#C6B9B4
#C6B4B9
#C6AEBF
#C6A9C4
#C6A2CB
#C4CDA2
#C4C6A9
#C4BFB0
#C4B8B7
#C4B1BE
#C4ABC4
#C4A2CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts