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 #AFD7E5 to #AFE5D7 and to #D7AFE5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD9E3
#B0D8E3
#B1D6E4
#B2D5E4
#B3D4E4
#B4D3E5
#B5D1E5
#AFDBE1
#B1D8E2
#B3D6E2
#B5D3E3
#B7D0E4
#B9CDE4
#BCCAE5
#AFDEDE
#B2DADF
#B5D6E0
#B8D2E1
#BBCDE2
#BEC9E4
#C2C4E5
#AFE0DC
#B3DADD
#B7D5DF
#BBCFE0
#C0CAE2
#C4C4E3
#C9BDE5
#AFE2DA
#B4DBDC
#B9D4DE
#BECDDF
#C3C6E1
#C9C0E3
#CFB7E5
#AFE5D7
#B5DCD9
#BCD4DB
#C2CBDE
#C9C2E0
#CFBAE2
#D7AFE5
Colorpallet from #AFD7E5 to #AFE5D7 and to #D7E5AF
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD9E3
#B0D9E2
#B1D9E1
#B2D9E0
#B3D9DF
#B4D9DD
#B5D9DC
#AFDBE1
#B1DBDF
#B3DBDD
#B5DBDB
#B7DBD9
#B9DBD7
#BCDBD4
#AFDEDE
#B2DEDB
#B5DED8
#B8DED5
#BBDED2
#BEDECF
#C2DECB
#AFE0DC
#B3E0D8
#B7E0D4
#BBE0D0
#C0E0CB
#C4E0C7
#C9E0C2
#AFE2DA
#B4E2D5
#B9E2D0
#BEE2CB
#C3E2C6
#C9E2C0
#CFE2BA
#AFE5D7
#B5E5D1
#BCE5CA
#C2E5C4
#C9E5BD
#CFE5B7
#D7E5AF
Colorpallet from #AFD7E5 to #AFE5D7 and to #E5AFD7
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD9E3
#B0D8E3
#B2D6E3
#B3D5E3
#B5D4E3
#B6D3E3
#B8D1E3
#AFDBE1
#B2D8E1
#B4D6E1
#B7D3E1
#BAD0E1
#BDCDE1
#C0CAE1
#AFDEDE
#B3DADE
#B7D6DE
#BBD2DE
#C0CDDE
#C4C9DE
#C9C4DE
#AFE0DC
#B5DADC
#BAD5DC
#C0CFDC
#C5CADC
#CBC4DC
#D2BDDC
#AFE2DA
#B6DBDA
#BDD4DA
#C4CDDA
#CBC6DA
#D1C0DA
#DAB7DA
#AFE5D7
#B8DCD7
#C0D4D7
#C9CBD7
#D2C2D7
#DABAD7
#E5AFD7
Colorpallet from #AFD7E5 to #AFE5D7 and to #E5D7AF
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD9E3
#B0D9E2
#B2D8E1
#B3D8E0
#B5D8DF
#B6D7DD
#B8D7DC
#AFDBE1
#B2DADF
#B4DADD
#B7D9DB
#BAD8D9
#BDD8D7
#C0D7D4
#AFDEDE
#B3DDDB
#B7DCD8
#BBDBD5
#C0DAD2
#C4D8CF
#C9D7CB
#AFE0DC
#B5DFD8
#BADDD4
#C0DCD0
#C5DACB
#CBD9C7
#D2D7C2
#AFE2DA
#B6E0D5
#BDDED0
#C4DDCB
#CBDBC6
#D1D9C0
#DAD7BA
#AFE5D7
#B8E3D1
#C0E1CA
#C9DEC4
#D2DCBD
#DADAB7
#E5D7AF
Colorpallet from #AFD7E5 to #D7AFE5 and to #D7E5AF
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#B5D1E5
#B5D2E4
#B5D4E2
#B5D5E1
#B5D6DF
#B5D7DE
#B5D9DC
#BCCAE5
#BCCDE2
#BCCFE0
#BCD2DD
#BCD5DA
#BCD8D7
#BCDBD4
#C2C4E5
#C2C8E1
#C2CCDD
#C2D0D9
#C2D5D4
#C2D9D0
#C2DECB
#C9BDE5
#C9C3DF
#C9C8DA
#C9CED4
#C9D3CF
#C9D9C9
#C9E0C2
#CFB7E5
#CFBEDE
#CFC5D7
#CFCCD0
#CFD3C9
#CFD9C3
#CFE2BA
#D7AFE5
#D7B8DC
#D7C0D4
#D7C9CB
#D7D2C2
#D7DABA
#D7E5AF
Colorpallet from #AFD7E5 to #D7AFE5 and to #E5AFD7
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#B5D1E5
#B5D1E5
#B6D1E4
#B6D1E4
#B7D1E4
#B7D1E3
#B8D1E3
#BCCAE5
#BDCAE4
#BDCAE4
#BECAE3
#BFCAE2
#BFCAE2
#C0CAE1
#C2C4E5
#C3C4E4
#C4C4E3
#C5C4E2
#C6C4E1
#C8C4DF
#C9C4DE
#C9BDE5
#CABDE4
#CCBDE2
#CDBDE1
#CFBDDF
#D0BDDE
#D2BDDC
#CFB7E5
#D1B7E3
#D3B7E1
#D4B7E0
#D6B7DE
#D8B7DC
#DAB7DA
#D7AFE5
#D9AFE3
#DBAFE1
#DEAFDE
#E0AFDC
#E2AFDA
#E5AFD7
Colorpallet from #AFD7E5 to #D7AFE5 and to #E5D7AF
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#B5D1E5
#B5D2E4
#B6D3E2
#B6D4E1
#B7D5DF
#B7D6DE
#B8D7DC
#BCCAE5
#BDCCE2
#BDCEE0
#BED0DD
#BFD2DA
#BFD4D7
#C0D7D4
#C2C4E5
#C3C7E1
#C4CADD
#C5CDD9
#C6D0D4
#C8D3D0
#C9D7CB
#C9BDE5
#CAC1DF
#CCC5DA
#CDC9D4
#CFCECF
#D0D2C9
#D2D7C2
#CFB7E5
#D1BCDE
#D3C1D7
#D4C6D0
#D6CBC9
#D8D1C3
#DAD7BA
#D7AFE5
#D9B5DC
#DBBCD4
#DEC2CB
#E0C9C2
#E2CFBA
#E5D7AF
Colorpallet from #AFD7E5 to #D7E5AF and to #E5AFD7
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#B5D9DC
#B5D8DD
#B6D6DE
#B6D5DF
#B7D4E0
#B7D3E2
#B8D1E3
#BCDBD4
#BDD8D6
#BDD6D8
#BED3DA
#BFD0DC
#BFCDDE
#C0CAE1
#C2DECB
#C3DACE
#C4D6D1
#C5D2D4
#C6CDD7
#C8C9DA
#C9C4DE
#C9E0C2
#CADAC6
#CCD5CA
#CDCFCE
#CFCAD3
#D0C4D7
#D2BDDC
#CFE2BA
#D1DBBF
#D3D4C4
#D4CDC9
#D6C6CE
#D8C0D4
#DAB7DA
#D7E5AF
#D9DCB5
#DBD4BC
#DECBC2
#E0C2C9
#E2BACF
#E5AFD7
Colorpallet from #AFD7E5 to #D7E5AF and to #E5D7AF
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#B5D9DC
#B5D9DC
#B6D8DC
#B6D8DC
#B7D8DC
#B7D7DC
#B8D7DC
#BCDBD4
#BDDAD4
#BDDAD4
#BED9D4
#BFD8D4
#BFD8D4
#C0D7D4
#C2DECB
#C3DDCB
#C4DCCB
#C5DBCB
#C6DACB
#C8D8CB
#C9D7CB
#C9E0C2
#CADFC2
#CCDDC2
#CDDCC2
#CFDAC2
#D0D9C2
#D2D7C2
#CFE2BA
#D1E0BA
#D3DEBA
#D4DDBA
#D6DBBA
#D8D9BA
#DAD7BA
#D7E5AF
#D9E3AF
#DBE1AF
#DEDEAF
#E0DCAF
#E2DAAF
#E5D7AF
Colorpallet from #AFD7E5 to #E5AFD7 and to #E5D7AF
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#AFD7E5
#B8D1E3
#B8D2E2
#B8D3E1
#B8D4E0
#B8D5DF
#B8D6DD
#B8D7DC
#C0CAE1
#C0CCDF
#C0CEDD
#C0D0DB
#C0D2D9
#C0D4D7
#C0D7D4
#C9C4DE
#C9C7DB
#C9CAD8
#C9CDD5
#C9D0D2
#C9D3CF
#C9D7CB
#D2BDDC
#D2C1D8
#D2C5D4
#D2C9D0
#D2CECB
#D2D2C7
#D2D7C2
#DAB7DA
#DABCD5
#DAC1D0
#DAC6CB
#DACBC6
#DAD1C0
#DAD7BA
#E5AFD7
#E5B5D1
#E5BCCA
#E5C2C4
#E5C9BD
#E5CFB7
#E5D7AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
