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 #C2A2D8 to #C2D8A2 and to #A2C2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2ABCF
#C1AAD0
#C0AAD2
#C0A9D3
#BFA8D5
#BEA8D6
#BDA7D8
#C2B3C7
#C0B2CA
#BFB1CC
#BDB0CF
#BCAFD2
#BAADD5
#B8ACD8
#C2BCBE
#C0BAC2
#BDB8C6
#BBB7CA
#B8B5CF
#B6B3D3
#B3B1D8
#C2C5B5
#BFC3BB
#BCC0C0
#B8BEC6
#B5BBCB
#B2B9D1
#AEB6D8
#C2CDAD
#BECAB4
#BAC8BB
#B6C5C2
#B1C2C9
#ADBFCF
#A8BCD8
#C2D8A2
#BDD4AB
#B8D1B3
#B3CDBC
#AECAC5
#A8C6CD
#A2C2D8
Colorpallet from #C2A2D8 to #C2D8A2 and to #A2D8C2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2ABCF
#C1ABD0
#C0ABD1
#C0ABD1
#BFABD2
#BEABD3
#BDABD4
#C2B3C7
#C0B3C9
#BFB3CA
#BDB3CC
#BCB3CD
#BAB3CF
#B8B3D1
#C2BCBE
#C0BCC0
#BDBCC3
#BBBCC5
#B8BCC8
#B6BCCA
#B3BCCD
#C2C5B5
#BFC5B8
#BCC5BC
#B8C5BF
#B5C5C2
#B2C5C6
#AEC5CA
#C2CDAD
#BECDB1
#BACDB5
#B6CDB9
#B1CDBD
#ADCDC1
#A8CDC6
#C2D8A2
#BDD8A7
#B8D8AC
#B3D8B1
#AED8B6
#A8D8BC
#A2D8C2
Colorpallet from #C2A2D8 to #C2D8A2 and to #D8C2A2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2ABCF
#C3AACF
#C3AACF
#C4A9CF
#C5A8CF
#C5A8CF
#C6A7CF
#C2B3C7
#C3B2C7
#C4B1C7
#C5B0C7
#C6AFC7
#C8ADC7
#C9ACC7
#C2BCBE
#C4BABE
#C6B8BE
#C7B7BE
#C9B5BE
#CBB3BE
#CDB1BE
#C2C5B5
#C4C3B5
#C6C0B5
#C9BEB5
#CBBBB5
#CDB9B5
#D0B6B5
#C2CDAD
#C5CAAD
#C8C8AD
#CBC5AD
#CEC2AD
#D0BFAD
#D4BCAD
#C2D8A2
#C6D4A2
#C9D1A2
#CDCDA2
#D0CAA2
#D4C6A2
#D8C2A2
Colorpallet from #C2A2D8 to #C2D8A2 and to #D8A2C2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2ABCF
#C3AAD0
#C3A8D1
#C4A7D1
#C5A5D2
#C5A4D3
#C6A2D4
#C2B3C7
#C3B0C9
#C4AECA
#C5ABCC
#C6A8CD
#C8A5CF
#C9A2D1
#C2BCBE
#C4B8C0
#C6B4C3
#C7B0C5
#C9ABC8
#CBA7CA
#CDA2CD
#C2C5B5
#C4BFB8
#C6BABC
#C9B4BF
#CBAFC2
#CDA9C6
#D0A2CA
#C2CDAD
#C5C6B1
#C8BFB5
#CBB8B9
#CEB1BD
#D0ABC1
#D4A2C6
#C2D8A2
#C6CFA7
#C9C7AC
#CDBEB1
#D0B5B6
#D4ADBC
#D8A2C2
Colorpallet from #C2A2D8 to #A2C2D8 and to #A2D8C2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#BDA7D8
#BDA8D7
#BDA8D7
#BDA9D6
#BDAAD5
#BDAAD5
#BDABD4
#B8ACD8
#B8ADD7
#B8AED6
#B8AFD5
#B8B0D4
#B8B2D2
#B8B3D1
#B3B1D8
#B3B3D6
#B3B5D4
#B3B6D3
#B3B8D1
#B3BACF
#B3BCCD
#AEB6D8
#AEB8D6
#AEBBD4
#AEBDD1
#AEC0CF
#AEC2CD
#AEC5CA
#A8BCD8
#A8BFD5
#A8C1D2
#A8C4CF
#A8C7CC
#A8CACA
#A8CDC6
#A2C2D8
#A2C6D4
#A2C9D1
#A2CDCD
#A2D0CA
#A2D4C6
#A2D8C2
Colorpallet from #C2A2D8 to #A2C2D8 and to #D8C2A2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#BDA7D8
#BEA7D7
#C0A7D5
#C1A7D4
#C3A7D2
#C4A7D1
#C6A7CF
#B8ACD8
#BBACD5
#BDACD3
#C0ACD0
#C3ACCD
#C6ACCA
#C9ACC7
#B3B1D8
#B7B1D4
#BBB1D0
#BFB1CC
#C4B1C7
#C8B1C3
#CDB1BE
#AEB6D8
#B3B6D2
#B9B6CD
#BEB6C7
#C4B6C2
#C9B6BC
#D0B6B5
#A8BCD8
#AFBCD1
#B6BCCA
#BDBCC3
#C4BCBC
#CBBCB6
#D4BCAD
#A2C2D8
#ABC2CF
#B3C2C7
#BCC2BE
#C5C2B5
#CDC2AD
#D8C2A2
Colorpallet from #C2A2D8 to #A2C2D8 and to #D8A2C2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#BDA7D8
#BEA6D7
#C0A5D7
#C1A5D6
#C3A4D5
#C4A3D5
#C6A2D4
#B8ACD8
#BBAAD7
#BDA9D6
#C0A7D5
#C3A6D4
#C6A4D2
#C9A2D1
#B3B1D8
#B7AFD6
#BBACD4
#BFAAD3
#C4A7D1
#C8A5CF
#CDA2CD
#AEB6D8
#B3B3D6
#B9B0D4
#BEACD1
#C4A9CF
#C9A6CD
#D0A2CA
#A8BCD8
#AFB8D5
#B6B4D2
#BDB0CF
#C4ABCC
#CBA7CA
#D4A2C6
#A2C2D8
#ABBDD4
#B3B8D1
#BCB3CD
#C5AECA
#CDA8C6
#D8A2C2
Colorpallet from #C2A2D8 to #A2D8C2 and to #D8C2A2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#BDABD4
#BEAAD3
#C0AAD2
#C1A9D2
#C3A8D1
#C4A8D0
#C6A7CF
#B8B3D1
#BBB2CF
#BDB1CE
#C0B0CC
#C3AFCB
#C6ADC9
#C9ACC7
#B3BCCD
#B7BACB
#BBB8C8
#BFB7C6
#C4B5C3
#C8B3C1
#CDB1BE
#AEC5CA
#B3C3C7
#B9C0C3
#BEBEC0
#C4BBBD
#C9B9B9
#D0B6B5
#A8CDC6
#AFCAC2
#B6C8BE
#BDC5BA
#C4C2B6
#CBBFB2
#D4BCAD
#A2D8C2
#ABD4BD
#B3D1B8
#BCCDB3
#C5CAAE
#CDC6A8
#D8C2A2
Colorpallet from #C2A2D8 to #A2D8C2 and to #D8A2C2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#BDABD4
#BEAAD4
#C0A8D4
#C1A7D4
#C3A5D4
#C4A4D4
#C6A2D4
#B8B3D1
#BBB0D1
#BDAED1
#C0ABD1
#C3A8D1
#C6A5D1
#C9A2D1
#B3BCCD
#B7B8CD
#BBB4CD
#BFB0CD
#C4ABCD
#C8A7CD
#CDA2CD
#AEC5CA
#B3BFCA
#B9BACA
#BEB4CA
#C4AFCA
#C9A9CA
#D0A2CA
#A8CDC6
#AFC6C6
#B6BFC6
#BDB8C6
#C4B1C6
#CBABC6
#D4A2C6
#A2D8C2
#ABCFC2
#B3C7C2
#BCBEC2
#C5B5C2
#CDADC2
#D8A2C2
Colorpallet from #C2A2D8 to #D8C2A2 and to #D8A2C2
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C2A2D8
#C6A7CF
#C6A6D0
#C6A5D1
#C6A5D1
#C6A4D2
#C6A3D3
#C6A2D4
#C9ACC7
#C9AAC9
#C9A9CA
#C9A7CC
#C9A6CD
#C9A4CF
#C9A2D1
#CDB1BE
#CDAFC0
#CDACC3
#CDAAC5
#CDA7C8
#CDA5CA
#CDA2CD
#D0B6B5
#D0B3B8
#D0B0BC
#D0ACBF
#D0A9C2
#D0A6C6
#D0A2CA
#D4BCAD
#D4B8B1
#D4B4B5
#D4B0B9
#D4ABBD
#D4A7C1
#D4A2C6
#D8C2A2
#D8BDA7
#D8B8AC
#D8B3B1
#D8AEB6
#D8A8BC
#D8A2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts