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 #B8C2DE to #B8DEC2 and to #C2B8DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C6DA
#B8C5DB
#B9C4DB
#B9C3DC
#B9C2DD
#BAC1DD
#BAC0DE
#B8CBD5
#B8C9D6
#B9C7D8
#B9C5D9
#BAC3DB
#BAC1DC
#BBBFDE
#B8CFD1
#B9CCD3
#BAC9D5
#BAC6D7
#BBC3D9
#BCC1DB
#BDBDDE
#B8D4CC
#B9D0CF
#BACCD2
#BBC8D5
#BCC5D8
#BDC1DA
#BEBCDE
#B8D8C8
#B9D3CC
#BBCECF
#BCCAD3
#BDC5D6
#BEC0DA
#C0BADE
#B8DEC2
#BAD8C6
#BBD2CB
#BDCCCF
#BEC6D4
#C0C0D8
#C2B8DE
Colorpallet from #B8C2DE to #B8DEC2 and to #C2DEB8
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C6DA
#B8C6DA
#B9C6D9
#B9C6D9
#B9C6D9
#BAC6D8
#BAC6D8
#B8CBD5
#B8CBD5
#B9CBD4
#B9CBD4
#BACBD3
#BACBD3
#BBCBD2
#B8CFD1
#B9CFD0
#BACFCF
#BACFCF
#BBCFCE
#BCCFCD
#BDCFCC
#B8D4CC
#B9D4CB
#BAD4CA
#BBD4C9
#BCD4C8
#BDD4C7
#BED4C6
#B8D8C8
#B9D8C7
#BBD8C5
#BCD8C4
#BDD8C3
#BED8C2
#C0D8C0
#B8DEC2
#BADEC0
#BBDEBF
#BDDEBD
#BEDEBC
#C0DEBA
#C2DEB8
Colorpallet from #B8C2DE to #B8DEC2 and to #DEB8C2
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C6DA
#B9C5DA
#BAC4DA
#BBC3DA
#BCC2DA
#BDC1DA
#BEC0DA
#B8CBD5
#BAC9D5
#BCC7D5
#BEC5D5
#C0C3D5
#C2C1D5
#C4BFD5
#B8CFD1
#BBCCD1
#BEC9D1
#C1C6D1
#C4C3D1
#C6C1D1
#CABDD1
#B8D4CC
#BCD0CC
#C0CCCC
#C4C8CC
#C7C5CC
#CBC1CC
#D0BCCC
#B8D8C8
#BDD3C8
#C2CEC8
#C6CAC8
#CBC5C8
#D0C0C8
#D6BAC8
#B8DEC2
#BED8C2
#C4D2C2
#CACCC2
#D0C6C2
#D6C0C2
#DEB8C2
Colorpallet from #B8C2DE to #B8DEC2 and to #DEC2B8
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C6DA
#B9C5DA
#BAC5D9
#BBC4D9
#BCC3D9
#BDC3D8
#BEC2D8
#B8CBD5
#BACAD5
#BCC8D4
#BEC7D4
#C0C5D3
#C2C4D3
#C4C2D2
#B8CFD1
#BBCDD0
#BECBCF
#C1C9CF
#C4C7CE
#C6C5CD
#CAC2CC
#B8D4CC
#BCD1CB
#C0CECA
#C4CBC9
#C7C8C8
#CBC6C7
#D0C2C6
#B8D8C8
#BDD4C7
#C2D1C5
#C6CDC4
#CBCAC3
#D0C6C2
#D6C2C0
#B8DEC2
#BEDAC0
#C4D5BF
#CAD1BD
#D0CCBC
#D6C8BA
#DEC2B8
Colorpallet from #B8C2DE to #C2B8DE and to #C2DEB8
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#BAC0DE
#BAC1DD
#BAC2DC
#BAC3DB
#BAC4DA
#BAC5D9
#BAC6D8
#BBBFDE
#BBC1DC
#BBC3DA
#BBC5D8
#BBC7D6
#BBC9D4
#BBCBD2
#BDBDDE
#BDC0DB
#BDC3D8
#BDC6D5
#BDC9D2
#BDCBD0
#BDCFCC
#BEBCDE
#BEC0DA
#BEC4D6
#BEC8D2
#BECBCF
#BECFCB
#BED4C6
#C0BADE
#C0BFD9
#C0C4D4
#C0C8D0
#C0CDCB
#C0D2C6
#C0D8C0
#C2B8DE
#C2BED8
#C2C4D2
#C2CACC
#C2D0C6
#C2D6C0
#C2DEB8
Colorpallet from #B8C2DE to #C2B8DE and to #DEB8C2
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#BAC0DE
#BBC0DD
#BBC0DD
#BCC0DC
#BDC0DB
#BDC0DB
#BEC0DA
#BBBFDE
#BCBFDD
#BEBFDB
#BFBFDA
#C1BFD8
#C2BFD7
#C4BFD5
#BDBDDE
#BFBDDC
#C1BDDA
#C3BDD8
#C5BDD6
#C7BDD4
#CABDD1
#BEBCDE
#C1BCDB
#C4BCD8
#C7BCD5
#CABCD2
#CCBCD0
#D0BCCC
#C0BADE
#C4BADA
#C7BAD7
#CBBAD3
#CEBAD0
#D2BACC
#D6BAC8
#C2B8DE
#C6B8DA
#CBB8D5
#CFB8D1
#D4B8CC
#D8B8C8
#DEB8C2
Colorpallet from #B8C2DE to #C2B8DE and to #DEC2B8
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#BAC0DE
#BBC0DD
#BBC1DC
#BCC1DB
#BDC1DA
#BDC2D9
#BEC2D8
#BBBFDE
#BCBFDC
#BEC0DA
#BFC0D8
#C1C1D6
#C2C1D4
#C4C2D2
#BDBDDE
#BFBEDB
#C1BFD8
#C3BFD5
#C5C0D2
#C7C1D0
#CAC2CC
#BEBCDE
#C1BDDA
#C4BED6
#C7BFD2
#CAC0CF
#CCC1CB
#D0C2C6
#C0BADE
#C4BBD9
#C7BDD4
#CBBED0
#CEBFCB
#D2C0C6
#D6C2C0
#C2B8DE
#C6BAD8
#CBBBD2
#CFBDCC
#D4BEC6
#D8C0C0
#DEC2B8
Colorpallet from #B8C2DE to #C2DEB8 and to #DEB8C2
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#BAC6D8
#BBC5D8
#BBC4D9
#BCC3D9
#BDC2D9
#BDC1DA
#BEC0DA
#BBCBD2
#BCC9D2
#BEC7D3
#BFC5D3
#C1C3D4
#C2C1D4
#C4BFD5
#BDCFCC
#BFCCCD
#C1C9CE
#C3C6CE
#C5C3CF
#C7C1D0
#CABDD1
#BED4C6
#C1D0C7
#C4CCC8
#C7C8C9
#CAC5CA
#CCC1CB
#D0BCCC
#C0D8C0
#C4D3C1
#C7CEC3
#CBCAC4
#CEC5C5
#D2C0C6
#D6BAC8
#C2DEB8
#C6D8BA
#CBD2BB
#CFCCBD
#D4C6BE
#D8C0C0
#DEB8C2
Colorpallet from #B8C2DE to #C2DEB8 and to #DEC2B8
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#BAC6D8
#BBC5D8
#BBC5D8
#BCC4D8
#BDC3D8
#BDC3D8
#BEC2D8
#BBCBD2
#BCCAD2
#BEC8D2
#BFC7D2
#C1C5D2
#C2C4D2
#C4C2D2
#BDCFCC
#BFCDCC
#C1CBCC
#C3C9CC
#C5C7CC
#C7C5CC
#CAC2CC
#BED4C6
#C1D1C6
#C4CEC6
#C7CBC6
#CAC8C6
#CCC6C6
#D0C2C6
#C0D8C0
#C4D4C0
#C7D1C0
#CBCDC0
#CECAC0
#D2C6C0
#D6C2C0
#C2DEB8
#C6DAB8
#CBD5B8
#CFD1B8
#D4CCB8
#D8C8B8
#DEC2B8
Colorpallet from #B8C2DE to #DEB8C2 and to #DEC2B8
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#B8C2DE
#BEC0DA
#BEC0DA
#BEC1D9
#BEC1D9
#BEC1D9
#BEC2D8
#BEC2D8
#C4BFD5
#C4BFD5
#C4C0D4
#C4C0D4
#C4C1D3
#C4C1D3
#C4C2D2
#CABDD1
#CABED0
#CABFCF
#CABFCF
#CAC0CE
#CAC1CD
#CAC2CC
#D0BCCC
#D0BDCB
#D0BECA
#D0BFC9
#D0C0C8
#D0C1C7
#D0C2C6
#D6BAC8
#D6BBC7
#D6BDC5
#D6BEC4
#D6BFC3
#D6C0C2
#D6C2C0
#DEB8C2
#DEBAC0
#DEBBBF
#DEBDBD
#DEBEBC
#DEC0BA
#DEC2B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts