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 #B1DAF2 to #B1F2DA and to #DAB1F2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DEEE
#B2DCEF
#B3DAEF
#B4D9F0
#B5D7F1
#B7D5F1
#B8D3F2
#B1E2EA
#B3DFEB
#B5DBED
#B7D8EE
#B9D5EF
#BBD1F0
#BECDF2
#B1E6E6
#B4E1E8
#B7DCEA
#BBD7EC
#BED2EE
#C1CCF0
#C5C6F2
#B1E9E3
#B5E2E5
#B9DCE8
#BDD5EA
#C2CFED
#C6C8EF
#CBC0F2
#B1EDDF
#B6E5E2
#BCDCE5
#C1D4E8
#C6CCEB
#CBC3EE
#D2B9F2
#B1F2DA
#B8E8DE
#BEDDE2
#C5D3E6
#CBC8E9
#D2BEED
#DAB1F2
Colorpallet from #B1DAF2 to #B1F2DA and to #DAF2B1
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DEEE
#B2DEED
#B3DEEC
#B4DEEB
#B5DEEA
#B7DEE9
#B8DEE8
#B1E2EA
#B3E2E8
#B5E2E6
#B7E2E4
#B9E2E2
#BBE2E0
#BEE2DD
#B1E6E6
#B4E6E3
#B7E6E0
#BBE6DD
#BEE6DA
#C1E6D7
#C5E6D3
#B1E9E3
#B5E9DF
#B9E9DA
#BDE9D6
#C2E9D2
#C6E9CD
#CBE9C8
#B1EDDF
#B6EDDA
#BCEDD4
#C1EDCF
#C6EDCA
#CBEDC5
#D2EDBE
#B1F2DA
#B8F2D3
#BEF2CD
#C5F2C6
#CBF2C0
#D2F2B9
#DAF2B1
Colorpallet from #B1DAF2 to #B1F2DA and to #F2B1DA
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DEEE
#B3DCEE
#B4DAEE
#B6D9EE
#B7D7EE
#B9D5EE
#BBD3EE
#B1E2EA
#B4DFEA
#B8DBEA
#BBD8EA
#BED5EA
#C2D1EA
#C6CDEA
#B1E6E6
#B6E1E6
#BBDCE6
#C0D7E6
#C5D2E6
#CACCE6
#D0C6E6
#B1E9E3
#B8E2E3
#BEDCE3
#C5D5E3
#CCCFE3
#D3C8E3
#DBC0E3
#B1EDDF
#B9E5DF
#C2DCDF
#CAD4DF
#D2CCDF
#DBC3DF
#E5B9DF
#B1F2DA
#BBE8DA
#C6DDDA
#D0D3DA
#DBC8DA
#E5BEDA
#F2B1DA
Colorpallet from #B1DAF2 to #B1F2DA and to #F2DAB1
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DEEE
#B3DDED
#B4DDEC
#B6DCEB
#B7DBEA
#B9DBE9
#BBDAE8
#B1E2EA
#B4E1E8
#B8DFE6
#BBDEE4
#BEDDE2
#C2DCE0
#C6DADD
#B1E6E6
#B6E4E3
#BBE2E0
#C0E0DD
#C5DEDA
#CADCD7
#D0DAD3
#B1E9E3
#B8E7DF
#BEE4DA
#C5E2D6
#CCDFD2
#D3DDCD
#DBDAC8
#B1EDDF
#B9EADA
#C2E7D4
#CAE4CF
#D2E1CA
#DBDEC5
#E5DABE
#B1F2DA
#BBEED3
#C6EACD
#D0E6C6
#DBE3C0
#E5DFB9
#F2DAB1
Colorpallet from #B1DAF2 to #DAB1F2 and to #DAF2B1
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B8D3F2
#B8D5F0
#B8D7EF
#B8D8ED
#B8DAEC
#B8DCEA
#B8DEE8
#BECDF2
#BED0EF
#BED4EB
#BED7E8
#BEDAE5
#BEDEE1
#BEE2DD
#C5C6F2
#C5CBED
#C5D0E8
#C5D5E3
#C5DADE
#C5E0D9
#C5E6D3
#CBC0F2
#CBC7EB
#CBCDE5
#CBD4DE
#CBDAD7
#CBE1D0
#CBE9C8
#D2B9F2
#D2C1EA
#D2CAE1
#D2D2D9
#D2DAD1
#D2E3C8
#D2EDBE
#DAB1F2
#DABBE8
#DAC6DD
#DAD0D3
#DADBC8
#DAE5BE
#DAF2B1
Colorpallet from #B1DAF2 to #DAB1F2 and to #F2B1DA
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B8D3F2
#B8D3F1
#B9D3F1
#B9D3F0
#BAD3EF
#BAD3EF
#BBD3EE
#BECDF2
#BFCDF1
#C1CDEF
#C2CDEE
#C3CDED
#C4CDEC
#C6CDEA
#C5C6F2
#C7C6F0
#C9C6EE
#CAC6EC
#CCC6EA
#CEC6E8
#D0C6E6
#CBC0F2
#CEC0F0
#D0C0ED
#D3C0EB
#D5C0E8
#D8C0E6
#DBC0E3
#D2B9F2
#D5B9EF
#D8B9EC
#DBB9E9
#DEB9E6
#E1B9E3
#E5B9DF
#DAB1F2
#DEB1EE
#E2B1EA
#E6B1E6
#E9B1E3
#EDB1DF
#F2B1DA
Colorpallet from #B1DAF2 to #DAB1F2 and to #F2DAB1
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B8D3F2
#B8D4F0
#B9D5EF
#B9D6ED
#BAD7EC
#BAD9EA
#BBDAE8
#BECDF2
#BFCFEF
#C1D1EB
#C2D3E8
#C3D5E5
#C4D7E1
#C6DADD
#C5C6F2
#C7C9ED
#C9CCE8
#CAD0E3
#CCD3DE
#CED6D9
#D0DAD3
#CBC0F2
#CEC4EB
#D0C8E5
#D3CCDE
#D5D1D7
#D8D5D0
#DBDAC8
#D2B9F2
#D5BEEA
#D8C4E1
#DBC9D9
#DECED1
#E1D3C8
#E5DABE
#DAB1F2
#DEB8E8
#E2BEDD
#E6C5D3
#E9CBC8
#EDD2BE
#F2DAB1
Colorpallet from #B1DAF2 to #DAF2B1 and to #F2B1DA
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B8DEE8
#B8DCE9
#B9DAEA
#B9D9EB
#BAD7EC
#BAD5ED
#BBD3EE
#BEE2DD
#BFDFDF
#C1DBE1
#C2D8E3
#C3D5E5
#C4D1E7
#C6CDEA
#C5E6D3
#C7E1D6
#C9DCD9
#CAD7DC
#CCD2DF
#CECCE2
#D0C6E6
#CBE9C8
#CEE2CC
#D0DCD1
#D3D5D5
#D5CFD9
#D8C8DE
#DBC0E3
#D2EDBE
#D5E5C3
#D8DCC9
#DBD4CE
#DECCD3
#E1C3D8
#E5B9DF
#DAF2B1
#DEE8B8
#E2DDBE
#E6D3C5
#E9C8CB
#EDBED2
#F2B1DA
Colorpallet from #B1DAF2 to #DAF2B1 and to #F2DAB1
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B8DEE8
#B8DDE8
#B9DDE8
#B9DCE8
#BADBE8
#BADBE8
#BBDAE8
#BEE2DD
#BFE1DD
#C1DFDD
#C2DEDD
#C3DDDD
#C4DCDD
#C6DADD
#C5E6D3
#C7E4D3
#C9E2D3
#CAE0D3
#CCDED3
#CEDCD3
#D0DAD3
#CBE9C8
#CEE7C8
#D0E4C8
#D3E2C8
#D5DFC8
#D8DDC8
#DBDAC8
#D2EDBE
#D5EABE
#D8E7BE
#DBE4BE
#DEE1BE
#E1DEBE
#E5DABE
#DAF2B1
#DEEEB1
#E2EAB1
#E6E6B1
#E9E3B1
#EDDFB1
#F2DAB1
Colorpallet from #B1DAF2 to #F2B1DA and to #F2DAB1
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#B1DAF2
#BBD3EE
#BBD4ED
#BBD5EC
#BBD6EB
#BBD7EA
#BBD9E9
#BBDAE8
#C6CDEA
#C6CFE8
#C6D1E6
#C6D3E4
#C6D5E2
#C6D7E0
#C6DADD
#D0C6E6
#D0C9E3
#D0CCE0
#D0D0DD
#D0D3DA
#D0D6D7
#D0DAD3
#DBC0E3
#DBC4DF
#DBC8DA
#DBCCD6
#DBD1D2
#DBD5CD
#DBDAC8
#E5B9DF
#E5BEDA
#E5C4D4
#E5C9CF
#E5CECA
#E5D3C5
#E5DABE
#F2B1DA
#F2B8D3
#F2BECD
#F2C5C6
#F2CBC0
#F2D2B9
#F2DAB1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts