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 #AFECD6 to #AFD6EC and to #ECAFD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFE8DA
#B1E7D9
#B2E6D9
#B4E5D8
#B5E4D7
#B7E3D7
#B9E2D6
#AFE5DD
#B2E3DC
#B5E1DB
#B9DFDA
#BCDDD9
#BFDBD7
#C3D8D6
#AFE1E1
#B4DEDF
#B8DBDD
#BDD8DC
#C2D5DA
#C6D3D8
#CCCFD6
#AFDEE4
#B5DAE2
#BBD6E0
#C2D2DD
#C8CEDB
#CECAD9
#D6C5D6
#AFDAE8
#B7D5E5
#BFD0E2
#C7CBDF
#CEC6DC
#D6C1DA
#E0BBD6
#AFD6EC
#B9D0E8
#C3CAE5
#CCC3E1
#D6BDDE
#E0B7DA
#ECAFD6
Colorpallet from #AFECD6 to #AFD6EC and to #ECD6AF
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFE8DA
#B1E8D8
#B2E8D7
#B4E8D5
#B5E8D4
#B7E8D2
#B9E8D0
#AFE5DD
#B2E5DA
#B5E5D7
#B9E5D4
#BCE5D1
#BFE5CE
#C3E5CA
#AFE1E1
#B4E1DC
#B8E1D7
#BDE1D3
#C2E1CE
#C6E1C9
#CCE1C3
#AFDEE4
#B5DEDE
#BBDED8
#C2DED1
#C8DECB
#CEDEC5
#D6DEBD
#AFDAE8
#B7DAE0
#BFDAD8
#C7DAD0
#CEDAC9
#D6DAC1
#E0DAB7
#AFD6EC
#B9D6E2
#C3D6D8
#CCD6CF
#D6D6C5
#E0D6BB
#ECD6AF
Colorpallet from #AFECD6 to #AFD6EC and to #D6AFEC
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFE8DA
#B0E7DA
#B1E6DA
#B2E5DA
#B3E4DA
#B4E3DA
#B5E2DA
#AFE5DD
#B1E3DD
#B3E1DD
#B5DFDD
#B7DDDD
#B9DBDD
#BBD8DD
#AFE1E1
#B2DEE1
#B5DBE1
#B8D8E1
#BBD5E1
#BED3E1
#C2CFE1
#AFDEE4
#B3DAE4
#B7D6E4
#BBD2E4
#BFCEE4
#C3CAE4
#C8C5E4
#AFDAE8
#B4D5E8
#B9D0E8
#BECBE8
#C3C6E8
#C8C1E8
#CEBBE8
#AFD6EC
#B5D0EC
#BBCAEC
#C2C3EC
#C8BDEC
#CEB7EC
#D6AFEC
Colorpallet from #AFECD6 to #AFD6EC and to #D6ECAF
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFE8DA
#B0E9D8
#B1E9D7
#B2EAD5
#B3EBD4
#B4EBD2
#B5ECD0
#AFE5DD
#B1E6DA
#B3E7D7
#B5E8D4
#B7E9D1
#B9EBCE
#BBECCA
#AFE1E1
#B2E3DC
#B5E5D7
#B8E6D3
#BBE8CE
#BEEAC9
#C2ECC3
#AFDEE4
#B3E0DE
#B7E2D8
#BBE5D1
#BFE7CB
#C3E9C5
#C8ECBD
#AFDAE8
#B4DDE0
#B9E0D8
#BEE3D0
#C3E6C9
#C8E8C1
#CEECB7
#AFD6EC
#B5DAE2
#BBDDD8
#C2E1CF
#C8E4C5
#CEE8BB
#D6ECAF
Colorpallet from #AFECD6 to #ECAFD6 and to #ECD6AF
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#B9E2D6
#B9E3D5
#B9E4D4
#B9E5D3
#B9E6D2
#B9E7D1
#B9E8D0
#C3D8D6
#C3DAD4
#C3DCD2
#C3DED0
#C3E0CE
#C3E2CC
#C3E5CA
#CCCFD6
#CCD2D3
#CCD5D0
#CCD8CD
#CCDBCA
#CCDDC7
#CCE1C3
#D6C5D6
#D6C9D2
#D6CDCE
#D6D1CA
#D6D5C6
#D6D9C2
#D6DEBD
#E0BBD6
#E0C0D1
#E0C5CC
#E0CAC7
#E0CFC2
#E0D4BD
#E0DAB7
#ECAFD6
#ECB5D0
#ECBBCA
#ECC2C3
#ECC8BD
#ECCEB7
#ECD6AF
Colorpallet from #AFECD6 to #ECAFD6 and to #D6AFEC
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#B9E2D6
#B8E2D7
#B8E2D7
#B7E2D8
#B6E2D9
#B6E2D9
#B5E2DA
#C3D8D6
#C2D8D7
#C0D8D8
#BFD8D9
#BED8DA
#BDD8DC
#BBD8DD
#CCCFD6
#CACFD8
#C9CFDA
#C7CFDB
#C6CFDD
#C4CFDF
#C2CFE1
#D6C5D6
#D4C5D8
#D2C5DA
#CFC5DD
#CDC5DF
#CBC5E1
#C8C5E4
#E0BBD6
#DDBBD9
#DABBDC
#D7BBDF
#D4BBE2
#D2BBE4
#CEBBE8
#ECAFD6
#E8AFDA
#E5AFDD
#E1AFE1
#DEAFE4
#DAAFE8
#D6AFEC
Colorpallet from #AFECD6 to #ECAFD6 and to #D6ECAF
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#B9E2D6
#B8E4D5
#B8E5D4
#B7E7D3
#B6E8D2
#B6EAD1
#B5ECD0
#C3D8D6
#C2DBD4
#C0DED2
#BFE2D0
#BEE5CE
#BDE8CC
#BBECCA
#CCCFD6
#CAD4D3
#C9D8D0
#C7DDCD
#C6E2CA
#C4E6C7
#C2ECC3
#D6C5D6
#D4CBD2
#D2D1CE
#CFD8CA
#CDDEC6
#CBE4C2
#C8ECBD
#E0BBD6
#DDC3D1
#DACBCC
#D7D3C7
#D4DAC2
#D2E2BD
#CEECB7
#ECAFD6
#E8B9D0
#E5C3CA
#E1CCC3
#DED6BD
#DAE0B7
#D6ECAF
Colorpallet from #AFECD6 to #ECD6AF and to #D6AFEC
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#B9E8D0
#B8E7D2
#B8E6D3
#B7E5D5
#B6E4D6
#B6E3D8
#B5E2DA
#C3E5CA
#C2E3CD
#C0E1D0
#BFDFD3
#BEDDD6
#BDDBD9
#BBD8DD
#CCE1C3
#CADEC8
#C9DBCD
#C7D8D1
#C6D5D6
#C4D3DB
#C2CFE1
#D6DEBD
#D4DAC3
#D2D6C9
#CFD2D0
#CDCED6
#CBCADC
#C8C5E4
#E0DAB7
#DDD5BF
#DAD0C7
#D7CBCF
#D4C6D6
#D2C1DE
#CEBBE8
#ECD6AF
#E8D0B9
#E5CAC3
#E1C3CC
#DEBDD6
#DAB7E0
#D6AFEC
Colorpallet from #AFECD6 to #ECD6AF and to #D6ECAF
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#B9E8D0
#B8E9D0
#B8E9D0
#B7EAD0
#B6EBD0
#B6EBD0
#B5ECD0
#C3E5CA
#C2E6CA
#C0E7CA
#BFE8CA
#BEE9CA
#BDEBCA
#BBECCA
#CCE1C3
#CAE3C3
#C9E5C3
#C7E6C3
#C6E8C3
#C4EAC3
#C2ECC3
#D6DEBD
#D4E0BD
#D2E2BD
#CFE5BD
#CDE7BD
#CBE9BD
#C8ECBD
#E0DAB7
#DDDDB7
#DAE0B7
#D7E3B7
#D4E6B7
#D2E8B7
#CEECB7
#ECD6AF
#E8DAAF
#E5DDAF
#E1E1AF
#DEE4AF
#DAE8AF
#D6ECAF
Colorpallet from #AFECD6 to #D6AFEC and to #D6ECAF
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#AFECD6
#B5E2DA
#B5E4D8
#B5E5D7
#B5E7D5
#B5E8D4
#B5EAD2
#B5ECD0
#BBD8DD
#BBDBDA
#BBDED7
#BBE2D4
#BBE5D1
#BBE8CE
#BBECCA
#C2CFE1
#C2D4DC
#C2D8D7
#C2DDD3
#C2E2CE
#C2E6C9
#C2ECC3
#C8C5E4
#C8CBDE
#C8D1D8
#C8D8D1
#C8DECB
#C8E4C5
#C8ECBD
#CEBBE8
#CEC3E0
#CECBD8
#CED3D0
#CEDAC9
#CEE2C1
#CEECB7
#D6AFEC
#D6B9E2
#D6C3D8
#D6CCCF
#D6D6C5
#D6E0BB
#D6ECAF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts