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 #B3D5E2 to #B3E2D5 and to #D5B3E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D7E0
#B4D6E0
#B5D5E1
#B5D4E1
#B6D3E1
#B7D1E2
#B8D0E2
#B3D9DE
#B5D7DF
#B7D4DF
#B8D2E0
#BACFE1
#BCCDE1
#BECAE2
#B3DBDC
#B6D7DD
#B8D4DE
#BBD0DF
#BDCDE0
#C0C9E1
#C3C5E2
#B3DDDA
#B7D8DB
#BAD3DD
#BECFDE
#C1CADF
#C5C5E0
#C9BFE2
#B3DFD8
#B7D9DA
#BCD3DB
#C0CDDD
#C4C7DE
#C9C1E0
#CEBAE2
#B3E2D5
#B8DAD7
#BED3D9
#C3CBDB
#C9C4DD
#CEBCDF
#D5B3E2
Colorpallet from #B3D5E2 to #B3E2D5 and to #D5E2B3
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D7E0
#B4D7DF
#B5D7DE
#B5D7DD
#B6D7DC
#B7D7DB
#B8D7DA
#B3D9DE
#B5D9DC
#B7D9DA
#B8D9D9
#BAD9D7
#BCD9D5
#BED9D3
#B3DBDC
#B6DBD9
#B8DBD7
#BBDBD4
#BDDBD1
#C0DBCE
#C3DBCB
#B3DDDA
#B7DDD6
#BADDD3
#BEDDCF
#C1DDCC
#C5DDC8
#C9DDC4
#B3DFD8
#B7DFD4
#BCDFCF
#C0DFCB
#C4DFC6
#C9DFC2
#CEDFBC
#B3E2D5
#B8E2D0
#BEE2CA
#C3E2C5
#C9E2BF
#CEE2BA
#D5E2B3
Colorpallet from #B3D5E2 to #B3E2D5 and to #E2B3D5
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D7E0
#B4D6E0
#B6D5E0
#B7D4E0
#B8D3E0
#B9D1E0
#BBD0E0
#B3D9DE
#B5D7DE
#B8D4DE
#BAD2DE
#BDCFDE
#BFCDDE
#C2CADE
#B3DBDC
#B7D7DC
#BAD4DC
#BED0DC
#C2CDDC
#C5C9DC
#CAC5DC
#B3DDDA
#B8D8DA
#BDD3DA
#C1CFDA
#C6CADA
#CBC5DA
#D1BFDA
#B3DFD8
#B9D9D8
#BFD3D8
#C5CDD8
#CBC7D8
#D1C1D8
#D9BAD8
#B3E2D5
#BBDAD5
#C2D3D5
#CACBD5
#D1C4D5
#D9BCD5
#E2B3D5
Colorpallet from #B3D5E2 to #B3E2D5 and to #E2D5B3
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D7E0
#B4D7DF
#B6D6DE
#B7D6DD
#B8D6DC
#B9D5DB
#BBD5DA
#B3D9DE
#B5D8DC
#B8D8DA
#BAD7D9
#BDD6D7
#BFD6D5
#C2D5D3
#B3DBDC
#B7DAD9
#BAD9D7
#BED8D4
#C2D7D1
#C5D6CE
#CAD5CB
#B3DDDA
#B8DCD6
#BDDAD3
#C1D9CF
#C6D8CC
#CBD7C8
#D1D5C4
#B3DFD8
#B9DDD4
#BFDCCF
#C5DACB
#CBD9C6
#D1D7C2
#D9D5BC
#B3E2D5
#BBE0D0
#C2DECA
#CADCC5
#D1DABF
#D9D8BA
#E2D5B3
Colorpallet from #B3D5E2 to #D5B3E2 and to #D5E2B3
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B8D0E2
#B8D1E1
#B8D2DF
#B8D3DE
#B8D4DD
#B8D6DC
#B8D7DA
#BECAE2
#BECCE0
#BECFDD
#BED1DB
#BED4D8
#BED6D6
#BED9D3
#C3C5E2
#C3C9DE
#C3CCDB
#C3D0D7
#C3D3D3
#C3D7D0
#C3DBCB
#C9BFE2
#C9C4DD
#C9C9D8
#C9CDD4
#C9D2CF
#C9D7CA
#C9DDC4
#CEBAE2
#CEC0DC
#CEC6D6
#CECCD0
#CED2CA
#CED8C4
#CEDFBC
#D5B3E2
#D5BBDA
#D5C2D3
#D5CACB
#D5D1C4
#D5D9BC
#D5E2B3
Colorpallet from #B3D5E2 to #D5B3E2 and to #E2B3D5
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B8D0E2
#B8D0E2
#B9D0E1
#B9D0E1
#BAD0E1
#BAD0E0
#BBD0E0
#BECAE2
#BFCAE1
#BFCAE1
#C0CAE0
#C1CADF
#C1CADF
#C2CADE
#C3C5E2
#C4C5E1
#C5C5E0
#C6C5DF
#C7C5DE
#C9C5DD
#CAC5DC
#C9BFE2
#CABFE1
#CCBFDF
#CDBFDE
#CEBFDD
#CFBFDC
#D1BFDA
#CEBAE2
#D0BAE0
#D2BADF
#D3BADD
#D5BADC
#D7BADA
#D9BAD8
#D5B3E2
#D7B3E0
#D9B3DE
#DBB3DC
#DDB3DA
#DFB3D8
#E2B3D5
Colorpallet from #B3D5E2 to #D5B3E2 and to #E2D5B3
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B8D0E2
#B8D1E1
#B9D2DF
#B9D2DE
#BAD3DD
#BAD4DC
#BBD5DA
#BECAE2
#BFCCE0
#BFCEDD
#C0CFDB
#C1D1D8
#C1D3D6
#C2D5D3
#C3C5E2
#C4C8DE
#C5CADB
#C6CDD7
#C7CFD3
#C9D2D0
#CAD5CB
#C9BFE2
#CAC3DD
#CCC6D8
#CDCAD4
#CECDCF
#CFD1CA
#D1D5C4
#CEBAE2
#D0BEDC
#D2C3D6
#D3C7D0
#D5CBCA
#D7D0C4
#D9D5BC
#D5B3E2
#D7B8DA
#D9BED3
#DBC3CB
#DDC9C4
#DFCEBC
#E2D5B3
Colorpallet from #B3D5E2 to #D5E2B3 and to #E2B3D5
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B8D7DA
#B8D6DB
#B9D5DC
#B9D4DD
#BAD3DE
#BAD1DF
#BBD0E0
#BED9D3
#BFD7D5
#BFD4D7
#C0D2D8
#C1CFDA
#C1CDDC
#C2CADE
#C3DBCB
#C4D7CE
#C5D4D0
#C6D0D3
#C7CDD6
#C9C9D9
#CAC5DC
#C9DDC4
#CAD8C8
#CCD3CB
#CDCFCF
#CECAD2
#CFC5D6
#D1BFDA
#CEDFBC
#D0D9C0
#D2D3C5
#D3CDC9
#D5C7CE
#D7C1D2
#D9BAD8
#D5E2B3
#D7DAB8
#D9D3BE
#DBCBC3
#DDC4C9
#DFBCCE
#E2B3D5
Colorpallet from #B3D5E2 to #D5E2B3 and to #E2D5B3
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B8D7DA
#B8D7DA
#B9D6DA
#B9D6DA
#BAD6DA
#BAD5DA
#BBD5DA
#BED9D3
#BFD8D3
#BFD8D3
#C0D7D3
#C1D6D3
#C1D6D3
#C2D5D3
#C3DBCB
#C4DACB
#C5D9CB
#C6D8CB
#C7D7CB
#C9D6CB
#CAD5CB
#C9DDC4
#CADCC4
#CCDAC4
#CDD9C4
#CED8C4
#CFD7C4
#D1D5C4
#CEDFBC
#D0DDBC
#D2DCBC
#D3DABC
#D5D9BC
#D7D7BC
#D9D5BC
#D5E2B3
#D7E0B3
#D9DEB3
#DBDCB3
#DDDAB3
#DFD8B3
#E2D5B3
Colorpallet from #B3D5E2 to #E2B3D5 and to #E2D5B3
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#B3D5E2
#BBD0E0
#BBD1DF
#BBD2DE
#BBD2DD
#BBD3DC
#BBD4DB
#BBD5DA
#C2CADE
#C2CCDC
#C2CEDA
#C2CFD9
#C2D1D7
#C2D3D5
#C2D5D3
#CAC5DC
#CAC8D9
#CACAD7
#CACDD4
#CACFD1
#CAD2CE
#CAD5CB
#D1BFDA
#D1C3D6
#D1C6D3
#D1CACF
#D1CDCC
#D1D1C8
#D1D5C4
#D9BAD8
#D9BED4
#D9C3CF
#D9C7CB
#D9CBC6
#D9D0C2
#D9D5BC
#E2B3D5
#E2B8D0
#E2BECA
#E2C3C5
#E2C9BF
#E2CEBA
#E2D5B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
