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 #B8C2E8 to #B8E8C2 and to #C2B8E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C8E2
#B8C7E3
#B9C5E4
#B9C4E5
#B9C3E6
#BAC2E7
#BAC0E8
#B8CEDC
#B8CCDE
#B9C9E0
#B9C7E2
#BAC4E4
#BAC2E6
#BBBFE8
#B8D4D6
#B9D0D9
#BACDDC
#BAC9DF
#BBC5E2
#BCC2E4
#BDBDE8
#B8DAD0
#B9D5D4
#BAD0D8
#BBCCDC
#BCC7DF
#BDC2E3
#BEBCE8
#B8E0CA
#B9DACF
#BBD4D4
#BCCED8
#BDC8DD
#BEC2E2
#C0BAE8
#B8E8C2
#BAE0C8
#BBD9CE
#BDD1D4
#BEC9DA
#C0C2E0
#C2B8E8
Colorpallet from #B8C2E8 to #B8E8C2 and to #C2E8B8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C8E2
#B8C8E2
#B9C8E1
#B9C8E1
#B9C8E1
#BAC8E0
#BAC8E0
#B8CEDC
#B8CEDC
#B9CEDB
#B9CEDB
#BACEDA
#BACEDA
#BBCED9
#B8D4D6
#B9D4D5
#BAD4D4
#BAD4D4
#BBD4D3
#BCD4D2
#BDD4D1
#B8DAD0
#B9DACF
#BADACE
#BBDACD
#BCDACC
#BDDACA
#BEDAC9
#B8E0CA
#B9E0C9
#BBE0C7
#BCE0C6
#BDE0C5
#BEE0C4
#C0E0C2
#B8E8C2
#BAE8C0
#BBE8BF
#BDE8BD
#BEE8BC
#C0E8BA
#C2E8B8
Colorpallet from #B8C2E8 to #B8E8C2 and to #E8B8C2
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C8E2
#B9C7E2
#BBC5E2
#BCC4E2
#BDC3E2
#BEC2E2
#C0C0E2
#B8CEDC
#BACCDC
#BDC9DC
#BFC7DC
#C2C4DC
#C4C2DC
#C7BFDC
#B8D4D6
#BCD0D6
#BFCDD6
#C3C9D6
#C7C5D6
#CAC2D6
#CFBDD6
#B8DAD0
#BDD5D0
#C2D0D0
#C7CCD0
#CCC7D0
#D1C2D0
#D7BCD0
#B8E0CA
#BEDACA
#C4D4CA
#CACECA
#D0C8CA
#D6C2CA
#DEBACA
#B8E8C2
#C0E0C2
#C7D9C2
#CFD1C2
#D7C9C2
#DEC2C2
#E8B8C2
Colorpallet from #B8C2E8 to #B8E8C2 and to #E8C2B8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C8E2
#B9C7E2
#BBC6E1
#BCC5E1
#BDC4E1
#BEC3E0
#C0C2E0
#B8CEDC
#BACCDC
#BDCADB
#BFC8DB
#C2C6DA
#C4C4DA
#C7C2D9
#B8D4D6
#BCD1D5
#BFCED4
#C3CBD4
#C7C8D3
#CAC6D2
#CFC2D1
#B8DAD0
#BDD6CF
#C2D2CE
#C7CECD
#CCCBCC
#D1C7CA
#D7C2C9
#B8E0CA
#BEDBC9
#C4D6C7
#CAD2C6
#D0CDC5
#D6C8C4
#DEC2C2
#B8E8C2
#C0E2C0
#C7DCBF
#CFD6BD
#D7D0BC
#DECABA
#E8C2B8
Colorpallet from #B8C2E8 to #C2B8E8 and to #C2E8B8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#BAC0E8
#BAC1E7
#BAC3E5
#BAC4E4
#BAC5E3
#BAC6E2
#BAC8E0
#BBBFE8
#BBC1E6
#BBC4E3
#BBC6E1
#BBC9DE
#BBCBDC
#BBCED9
#BDBDE8
#BDC1E4
#BDC4E1
#BDC8DD
#BDCCD9
#BDCFD6
#BDD4D1
#BEBCE8
#BEC1E3
#BEC6DE
#BECAD9
#BECFD4
#BED4CF
#BEDAC9
#C0BAE8
#C0C0E2
#C0C6DC
#C0CCD6
#C0D2D0
#C0D8CA
#C0E0C2
#C2B8E8
#C2C0E0
#C2C7D9
#C2CFD1
#C2D7C9
#C2DEC2
#C2E8B8
Colorpallet from #B8C2E8 to #C2B8E8 and to #E8B8C2
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#BAC0E8
#BBC0E7
#BCC0E6
#BDC0E5
#BEC0E4
#BFC0E3
#C0C0E2
#BBBFE8
#BDBFE6
#BFBFE4
#C1BFE2
#C3BFE0
#C5BFDE
#C7BFDC
#BDBDE8
#C0BDE5
#C3BDE2
#C6BDDF
#C9BDDC
#CBBDDA
#CFBDD6
#BEBCE8
#C2BCE4
#C6BCE0
#CABCDC
#CEBCD9
#D2BCD5
#D7BCD0
#C0BAE8
#C5BAE3
#CABADE
#CEBADA
#D3BAD5
#D8BAD0
#DEBACA
#C2B8E8
#C8B8E2
#CEB8DC
#D4B8D6
#DAB8D0
#E0B8CA
#E8B8C2
Colorpallet from #B8C2E8 to #C2B8E8 and to #E8C2B8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#BAC0E8
#BBC0E7
#BCC1E5
#BDC1E4
#BEC1E3
#BFC2E2
#C0C2E0
#BBBFE8
#BDBFE6
#BFC0E3
#C1C0E1
#C3C1DE
#C5C1DC
#C7C2D9
#BDBDE8
#C0BEE4
#C3BFE1
#C6BFDD
#C9C0D9
#CBC1D6
#CFC2D1
#BEBCE8
#C2BDE3
#C6BEDE
#CABFD9
#CEC0D4
#D2C1CF
#D7C2C9
#C0BAE8
#C5BBE2
#CABDDC
#CEBED6
#D3BFD0
#D8C0CA
#DEC2C2
#C2B8E8
#C8BAE0
#CEBBD9
#D4BDD1
#DABEC9
#E0C0C2
#E8C2B8
Colorpallet from #B8C2E8 to #C2E8B8 and to #E8B8C2
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#BAC8E0
#BBC7E0
#BCC5E1
#BDC4E1
#BEC3E1
#BFC2E2
#C0C0E2
#BBCED9
#BDCCD9
#BFC9DA
#C1C7DA
#C3C4DB
#C5C2DB
#C7BFDC
#BDD4D1
#C0D0D2
#C3CDD3
#C6C9D3
#C9C5D4
#CBC2D5
#CFBDD6
#BEDAC9
#C2D5CA
#C6D0CB
#CACCCC
#CEC7CD
#D2C2CF
#D7BCD0
#C0E0C2
#C5DAC3
#CAD4C5
#CECEC6
#D3C8C7
#D8C2C8
#DEBACA
#C2E8B8
#C8E0BA
#CED9BB
#D4D1BD
#DAC9BE
#E0C2C0
#E8B8C2
Colorpallet from #B8C2E8 to #C2E8B8 and to #E8C2B8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#BAC8E0
#BBC7E0
#BCC6E0
#BDC5E0
#BEC4E0
#BFC3E0
#C0C2E0
#BBCED9
#BDCCD9
#BFCAD9
#C1C8D9
#C3C6D9
#C5C4D9
#C7C2D9
#BDD4D1
#C0D1D1
#C3CED1
#C6CBD1
#C9C8D1
#CBC6D1
#CFC2D1
#BEDAC9
#C2D6C9
#C6D2C9
#CACEC9
#CECBC9
#D2C7C9
#D7C2C9
#C0E0C2
#C5DBC2
#CAD6C2
#CED2C2
#D3CDC2
#D8C8C2
#DEC2C2
#C2E8B8
#C8E2B8
#CEDCB8
#D4D6B8
#DAD0B8
#E0CAB8
#E8C2B8
Colorpallet from #B8C2E8 to #E8B8C2 and to #E8C2B8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#B8C2E8
#C0C0E2
#C0C0E2
#C0C1E1
#C0C1E1
#C0C1E1
#C0C2E0
#C0C2E0
#C7BFDC
#C7BFDC
#C7C0DB
#C7C0DB
#C7C1DA
#C7C1DA
#C7C2D9
#CFBDD6
#CFBED5
#CFBFD4
#CFBFD4
#CFC0D3
#CFC1D2
#CFC2D1
#D7BCD0
#D7BDCF
#D7BECE
#D7BFCD
#D7C0CC
#D7C1CA
#D7C2C9
#DEBACA
#DEBBC9
#DEBDC7
#DEBEC6
#DEBFC5
#DEC0C4
#DEC2C2
#E8B8C2
#E8BAC0
#E8BBBF
#E8BDBD
#E8BEBC
#E8C0BA
#E8C2B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts