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 #AFD0E5 to #AFE5D0 and to #D0AFE5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD3E2
#B0D2E2
#B1D0E3
#B1CFE3
#B2CEE4
#B3CDE4
#B4CBE5
#AFD7DE
#B1D4DF
#B3D1E0
#B4CEE1
#B6CBE2
#B8C9E4
#BAC5E5
#AFDADB
#B2D6DD
#B4D2DE
#B7CEE0
#B9C9E1
#BCC5E3
#BFC0E5
#AFDDD8
#B2D8DA
#B6D2DC
#B9CDDE
#BCC7E0
#C0C2E2
#C4BBE5
#AFE1D4
#B3DAD7
#B7D3D9
#BBCCDC
#C0C5DF
#C4BFE2
#C9B6E5
#AFE5D0
#B4DCD3
#BAD4D7
#BFCBDA
#C4C2DD
#C9BAE1
#D0AFE5
Colorpallet from #AFD0E5 to #AFE5D0 and to #D0E5AF
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD3E2
#B0D3E1
#B1D3E0
#B1D3DF
#B2D3DE
#B3D3DD
#B4D3DC
#AFD7DE
#B1D7DC
#B3D7DB
#B4D7D9
#B6D7D8
#B8D7D6
#BAD7D4
#AFDADB
#B2DAD8
#B4DAD6
#B7DAD3
#B9DAD1
#BCDACE
#BFDACB
#AFDDD8
#B2DDD4
#B6DDD1
#B9DDCD
#BCDDCA
#C0DDC6
#C4DDC2
#AFE1D4
#B3E1D0
#B7E1CC
#BBE1C8
#C0E1C3
#C4E1BF
#C9E1BA
#AFE5D0
#B4E5CB
#BAE5C5
#BFE5C0
#C4E5BB
#C9E5B6
#D0E5AF
Colorpallet from #AFD0E5 to #AFE5D0 and to #E5AFD0
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD3E2
#B0D2E2
#B2D0E2
#B3CFE2
#B5CEE2
#B6CDE2
#B8CBE2
#AFD7DE
#B2D4DE
#B4D1DE
#B7CEDE
#BACBDE
#BDC9DE
#C0C5DE
#AFDADB
#B3D6DB
#B7D2DB
#BBCEDB
#C0C9DB
#C4C5DB
#C9C0DB
#AFDDD8
#B5D8D8
#BAD2D8
#C0CDD8
#C5C7D8
#CBC2D8
#D2BBD8
#AFE1D4
#B6DAD4
#BDD3D4
#C4CCD4
#CBC5D4
#D1BFD4
#DAB6D4
#AFE5D0
#B8DCD0
#C0D4D0
#C9CBD0
#D2C2D0
#DABAD0
#E5AFD0
Colorpallet from #AFD0E5 to #AFE5D0 and to #E5D0AF
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD3E2
#B0D3E1
#B2D2E0
#B3D2DF
#B5D1DE
#B6D1DD
#B8D0DC
#AFD7DE
#B2D6DC
#B4D5DB
#B7D4D9
#BAD3D8
#BDD1D6
#C0D0D4
#AFDADB
#B3D8D8
#B7D7D6
#BBD5D3
#C0D4D1
#C4D2CE
#C9D0CB
#AFDDD8
#B5DBD4
#BAD9D1
#C0D7CD
#C5D5CA
#CBD3C6
#D2D0C2
#AFE1D4
#B6DED0
#BDDCCC
#C4D9C8
#CBD6C3
#D1D3BF
#DAD0BA
#AFE5D0
#B8E2CB
#C0DEC5
#C9DBC0
#D2D8BB
#DAD4B6
#E5D0AF
Colorpallet from #AFD0E5 to #D0AFE5 and to #D0E5AF
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#B4CBE5
#B4CCE4
#B4CEE2
#B4CFE1
#B4D0DF
#B4D1DE
#B4D3DC
#BAC5E5
#BAC8E2
#BACBE0
#BACEDD
#BAD1DA
#BAD3D7
#BAD7D4
#BFC0E5
#BFC4E1
#BFC8DD
#BFCCD9
#BFD1D4
#BFD5D0
#BFDACB
#C4BBE5
#C4C0DF
#C4C6DA
#C4CBD4
#C4D1CF
#C4D6C9
#C4DDC2
#C9B6E5
#C9BDDE
#C9C4D7
#C9CBD0
#C9D2C9
#C9D8C3
#C9E1BA
#D0AFE5
#D0B8DC
#D0C0D4
#D0C9CB
#D0D2C2
#D0DABA
#D0E5AF
Colorpallet from #AFD0E5 to #D0AFE5 and to #E5AFD0
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#B4CBE5
#B5CBE5
#B5CBE4
#B6CBE4
#B7CBE3
#B7CBE3
#B8CBE2
#BAC5E5
#BBC5E4
#BCC5E3
#BDC5E2
#BEC5E1
#BFC5DF
#C0C5DE
#BFC0E5
#C1C0E3
#C2C0E2
#C4C0E0
#C5C0DF
#C7C0DD
#C9C0DB
#C4BBE5
#C6BBE3
#C8BBE1
#CBBBDF
#CDBBDD
#CFBBDB
#D2BBD8
#C9B6E5
#CCB6E2
#CEB6E0
#D1B6DD
#D4B6DA
#D7B6D7
#DAB6D4
#D0AFE5
#D3AFE2
#D7AFDE
#DAAFDB
#DDAFD8
#E1AFD4
#E5AFD0
Colorpallet from #AFD0E5 to #D0AFE5 and to #E5D0AF
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#B4CBE5
#B5CCE4
#B5CDE2
#B6CDE1
#B7CEDF
#B7CFDE
#B8D0DC
#BAC5E5
#BBC7E2
#BCC9E0
#BDCADD
#BECCDA
#BFCED7
#C0D0D4
#BFC0E5
#C1C3E1
#C2C5DD
#C4C8D9
#C5CAD4
#C7CDD0
#C9D0CB
#C4BBE5
#C6BEDF
#C8C2DA
#CBC5D4
#CDC8CF
#CFCCC9
#D2D0C2
#C9B6E5
#CCBADE
#CEBED7
#D1C2D0
#D4C7C9
#D7CBC3
#DAD0BA
#D0AFE5
#D3B4DC
#D7BAD4
#DABFCB
#DDC4C2
#E1C9BA
#E5D0AF
Colorpallet from #AFD0E5 to #D0E5AF and to #E5AFD0
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#B4D3DC
#B5D2DD
#B5D0DE
#B6CFDF
#B7CEE0
#B7CDE1
#B8CBE2
#BAD7D4
#BBD4D6
#BCD1D7
#BDCED9
#BECBDA
#BFC9DC
#C0C5DE
#BFDACB
#C1D6CE
#C2D2D0
#C4CED3
#C5C9D5
#C7C5D8
#C9C0DB
#C4DDC2
#C6D8C6
#C8D2C9
#CBCDCD
#CDC7D0
#CFC2D4
#D2BBD8
#C9E1BA
#CCDABE
#CED3C2
#D1CCC6
#D4C5CB
#D7BFCF
#DAB6D4
#D0E5AF
#D3DCB4
#D7D4BA
#DACBBF
#DDC2C4
#E1BAC9
#E5AFD0
Colorpallet from #AFD0E5 to #D0E5AF and to #E5D0AF
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#B4D3DC
#B5D3DC
#B5D2DC
#B6D2DC
#B7D1DC
#B7D1DC
#B8D0DC
#BAD7D4
#BBD6D4
#BCD5D4
#BDD4D4
#BED3D4
#BFD1D4
#C0D0D4
#BFDACB
#C1D8CB
#C2D7CB
#C4D5CB
#C5D4CB
#C7D2CB
#C9D0CB
#C4DDC2
#C6DBC2
#C8D9C2
#CBD7C2
#CDD5C2
#CFD3C2
#D2D0C2
#C9E1BA
#CCDEBA
#CEDCBA
#D1D9BA
#D4D6BA
#D7D3BA
#DAD0BA
#D0E5AF
#D3E2AF
#D7DEAF
#DADBAF
#DDD8AF
#E1D4AF
#E5D0AF
Colorpallet from #AFD0E5 to #E5AFD0 and to #E5D0AF
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#AFD0E5
#B8CBE2
#B8CCE1
#B8CDE0
#B8CDDF
#B8CEDE
#B8CFDD
#B8D0DC
#C0C5DE
#C0C7DC
#C0C9DB
#C0CAD9
#C0CCD8
#C0CED6
#C0D0D4
#C9C0DB
#C9C3D8
#C9C5D6
#C9C8D3
#C9CAD1
#C9CDCE
#C9D0CB
#D2BBD8
#D2BED4
#D2C2D1
#D2C5CD
#D2C8CA
#D2CCC6
#D2D0C2
#DAB6D4
#DABAD0
#DABECC
#DAC2C8
#DAC7C3
#DACBBF
#DAD0BA
#E5AFD0
#E5B4CB
#E5BAC5
#E5BFC0
#E5C4BB
#E5C9B6
#E5D0AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
