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 #AED5E2 to #AEE2D5 and to #D5AEE2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED7E0
#AFD6E0
#B0D4E1
#B1D3E1
#B2D2E1
#B3D1E2
#B4CFE2
#AED9DE
#B0D6DF
#B2D4DF
#B4D1E0
#B6CFE1
#B8CCE1
#BAC9E2
#AEDBDC
#B1D7DD
#B4D3DE
#B7CFDF
#BACBE0
#BDC7E1
#C1C2E2
#AEDDDA
#B2D8DB
#B6D2DD
#BACDDE
#BEC8DF
#C2C3E0
#C7BCE2
#AEDFD8
#B3D8DA
#B8D2DB
#BDCBDD
#C2C5DE
#C7BEE0
#CDB6E2
#AEE2D5
#B4DAD7
#BAD1D9
#C1C9DB
#C7C1DD
#CDB8DF
#D5AEE2
Colorpallet from #AED5E2 to #AEE2D5 and to #D5E2AE
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED7E0
#AFD7DF
#B0D7DE
#B1D7DD
#B2D7DC
#B3D7DB
#B4D7DA
#AED9DE
#B0D9DC
#B2D9DA
#B4D9D8
#B6D9D6
#B8D9D4
#BAD9D1
#AEDBDC
#B1DBD9
#B4DBD6
#B7DBD3
#BADBD0
#BDDBCD
#C1DBC9
#AEDDDA
#B2DDD6
#B6DDD2
#BADDCE
#BEDDCA
#C2DDC6
#C7DDC1
#AEDFD8
#B3DFD3
#B8DFCE
#BDDFC9
#C2DFC4
#C7DFBE
#CDDFB8
#AEE2D5
#B4E2CF
#BAE2C9
#C1E2C2
#C7E2BC
#CDE2B6
#D5E2AE
Colorpallet from #AED5E2 to #AEE2D5 and to #E2AED5
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED7E0
#AFD6E0
#B1D4E0
#B2D3E0
#B3D2E0
#B4D1E0
#B6CFE0
#AED9DE
#B1D6DE
#B3D4DE
#B6D1DE
#B9CFDE
#BCCCDE
#BFC9DE
#AEDBDC
#B2D7DC
#B6D3DC
#BACFDC
#BECBDC
#C2C7DC
#C7C2DC
#AEDDDA
#B3D8DA
#B9D2DA
#BECDDA
#C3C8DA
#C8C3DA
#CFBCDA
#AEDFD8
#B5D8D8
#BBD2D8
#C2CBD8
#C9C5D8
#D0BED8
#D8B6D8
#AEE2D5
#B6DAD5
#BFD1D5
#C7C9D5
#CFC1D5
#D8B8D5
#E2AED5
Colorpallet from #AED5E2 to #AEE2D5 and to #E2D5AE
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED7E0
#AFD7DF
#B1D6DE
#B2D6DD
#B3D6DC
#B4D5DB
#B6D5DA
#AED9DE
#B1D8DC
#B3D8DA
#B6D7D8
#B9D6D6
#BCD6D4
#BFD5D1
#AEDBDC
#B2DAD9
#B6D9D6
#BAD8D3
#BED7D0
#C2D6CD
#C7D5C9
#AEDDDA
#B3DCD6
#B9DAD2
#BED9CE
#C3D8CA
#C8D7C6
#CFD5C1
#AEDFD8
#B5DDD3
#BBDCCE
#C2DAC9
#C9D9C4
#D0D7BE
#D8D5B8
#AEE2D5
#B6E0CF
#BFDEC9
#C7DCC2
#CFDABC
#D8D8B6
#E2D5AE
Colorpallet from #AED5E2 to #D5AEE2 and to #D5E2AE
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#B4CFE2
#B4D0E1
#B4D2DF
#B4D3DE
#B4D4DD
#B4D5DC
#B4D7DA
#BAC9E2
#BACCDF
#BACEDD
#BAD1DA
#BAD3D7
#BAD6D4
#BAD9D1
#C1C2E2
#C1C6DE
#C1CADA
#C1CED6
#C1D2D2
#C1D6CE
#C1DBC9
#C7BCE2
#C7C1DD
#C7C7D7
#C7CCD2
#C7D1CD
#C7D6C8
#C7DDC1
#CDB6E2
#CDBDDB
#CDC3D5
#CDCACE
#CDD0C7
#CDD7C0
#CDDFB8
#D5AEE2
#D5B6DA
#D5BFD1
#D5C7C9
#D5CFC1
#D5D8B8
#D5E2AE
Colorpallet from #AED5E2 to #D5AEE2 and to #E2AED5
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#B4CFE2
#B4CFE2
#B5CFE1
#B5CFE1
#B5CFE1
#B6CFE0
#B6CFE0
#BAC9E2
#BBC9E1
#BCC9E1
#BCC9E0
#BDC9DF
#BEC9DF
#BFC9DE
#C1C2E2
#C2C2E1
#C3C2E0
#C4C2DF
#C5C2DE
#C6C2DD
#C7C2DC
#C7BCE2
#C8BCE1
#CABCDF
#CBBCDE
#CCBCDD
#CDBCDC
#CFBCDA
#CDB6E2
#CFB6E0
#D1B6DF
#D2B6DD
#D4B6DC
#D6B6DA
#D8B6D8
#D5AEE2
#D7AEE0
#D9AEDE
#DBAEDC
#DDAEDA
#DFAED8
#E2AED5
Colorpallet from #AED5E2 to #D5AEE2 and to #E2D5AE
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#B4CFE2
#B4D0E1
#B5D1DF
#B5D2DE
#B5D3DD
#B6D4DC
#B6D5DA
#BAC9E2
#BBCBDF
#BCCDDD
#BCCFDA
#BDD1D7
#BED3D4
#BFD5D1
#C1C2E2
#C2C5DE
#C3C8DA
#C4CBD6
#C5CED2
#C6D1CE
#C7D5C9
#C7BCE2
#C8C0DD
#CAC4D7
#CBC8D2
#CCCCCD
#CDD0C8
#CFD5C1
#CDB6E2
#CFBBDB
#D1C0D5
#D2C5CE
#D4CAC7
#D6CFC0
#D8D5B8
#D5AEE2
#D7B4DA
#D9BAD1
#DBC1C9
#DDC7C1
#DFCDB8
#E2D5AE
Colorpallet from #AED5E2 to #D5E2AE and to #E2AED5
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#B4D7DA
#B4D6DB
#B5D4DC
#B5D3DD
#B5D2DE
#B6D1DF
#B6CFE0
#BAD9D1
#BBD6D3
#BCD4D5
#BCD1D7
#BDCFD9
#BECCDB
#BFC9DE
#C1DBC9
#C2D7CC
#C3D3CF
#C4CFD2
#C5CBD5
#C6C7D8
#C7C2DC
#C7DDC1
#C8D8C5
#CAD2C9
#CBCDCD
#CCC8D1
#CDC3D5
#CFBCDA
#CDDFB8
#CFD8BD
#D1D2C2
#D2CBC7
#D4C5CC
#D6BED2
#D8B6D8
#D5E2AE
#D7DAB4
#D9D1BA
#DBC9C1
#DDC1C7
#DFB8CD
#E2AED5
Colorpallet from #AED5E2 to #D5E2AE and to #E2D5AE
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#B4D7DA
#B4D7DA
#B5D6DA
#B5D6DA
#B5D6DA
#B6D5DA
#B6D5DA
#BAD9D1
#BBD8D1
#BCD8D1
#BCD7D1
#BDD6D1
#BED6D1
#BFD5D1
#C1DBC9
#C2DAC9
#C3D9C9
#C4D8C9
#C5D7C9
#C6D6C9
#C7D5C9
#C7DDC1
#C8DCC1
#CADAC1
#CBD9C1
#CCD8C1
#CDD7C1
#CFD5C1
#CDDFB8
#CFDDB8
#D1DCB8
#D2DAB8
#D4D9B8
#D6D7B8
#D8D5B8
#D5E2AE
#D7E0AE
#D9DEAE
#DBDCAE
#DDDAAE
#DFD8AE
#E2D5AE
Colorpallet from #AED5E2 to #E2AED5 and to #E2D5AE
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#AED5E2
#B6CFE0
#B6D0DF
#B6D1DE
#B6D2DD
#B6D3DC
#B6D4DB
#B6D5DA
#BFC9DE
#BFCBDC
#BFCDDA
#BFCFD8
#BFD1D6
#BFD3D4
#BFD5D1
#C7C2DC
#C7C5D9
#C7C8D6
#C7CBD3
#C7CED0
#C7D1CD
#C7D5C9
#CFBCDA
#CFC0D6
#CFC4D2
#CFC8CE
#CFCCCA
#CFD0C6
#CFD5C1
#D8B6D8
#D8BBD3
#D8C0CE
#D8C5C9
#D8CAC4
#D8CFBE
#D8D5B8
#E2AED5
#E2B4CF
#E2BAC9
#E2C1C2
#E2C7BC
#E2CDB6
#E2D5AE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
