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 #ADD4F2 to #ADF2D4 and to #D4ADF2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD9ED
#AED7EE
#AFD5EF
#B0D4EF
#B1D2F0
#B2D0F1
#B3CEF2
#ADDEE8
#AFDAEA
#B1D7EB
#B3D3ED
#B5D0EE
#B7CCF0
#B9C8F2
#ADE2E4
#B0DDE6
#B3D7E8
#B6D2EB
#B9CDED
#BCC8EF
#C0C1F2
#ADE7DF
#B1E0E2
#B5D9E5
#B9D2E8
#BDCBEB
#C1C4EE
#C6BBF2
#ADECDA
#B2E3DE
#B7DAE2
#BCD2E6
#C1C9E9
#C6C0ED
#CCB5F2
#ADF2D4
#B3E7D9
#B9DCDE
#C0D1E2
#C6C6E7
#CCBBEC
#D4ADF2
Colorpallet from #ADD4F2 to #ADF2D4 and to #D4F2AD
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD9ED
#AED9EC
#AFD9EB
#B0D9EA
#B1D9E9
#B2D9E8
#B3D9E7
#ADDEE8
#AFDEE6
#B1DEE4
#B3DEE2
#B5DEE0
#B7DEDE
#B9DEDC
#ADE2E4
#B0E2E1
#B3E2DE
#B6E2DB
#B9E2D8
#BCE2D5
#C0E2D1
#ADE7DF
#B1E7DB
#B5E7D7
#B9E7D3
#BDE7CF
#C1E7CB
#C6E7C6
#ADECDA
#B2ECD5
#B7ECD0
#BCECCB
#C1ECC6
#C6ECC1
#CCECBB
#ADF2D4
#B3F2CE
#B9F2C8
#C0F2C1
#C6F2BB
#CCF2B5
#D4F2AD
Colorpallet from #ADD4F2 to #ADF2D4 and to #F2ADD4
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD9ED
#AFD7ED
#B1D5ED
#B2D4ED
#B4D2ED
#B6D0ED
#B8CEED
#ADDEE8
#B1DAE8
#B4D7E8
#B8D3E8
#BBD0E8
#BFCCE8
#C3C8E8
#ADE2E4
#B2DDE4
#B8D7E4
#BDD2E4
#C2CDE4
#C7C8E4
#CEC1E4
#ADE7DF
#B4E0DF
#BBD9DF
#C2D2DF
#C9CBDF
#D0C4DF
#D9BBDF
#ADECDA
#B6E3DA
#BFDADA
#C7D2DA
#D0C9DA
#D9C0DA
#E4B5DA
#ADF2D4
#B8E7D4
#C3DCD4
#CED1D4
#D9C6D4
#E4BBD4
#F2ADD4
Colorpallet from #ADD4F2 to #ADF2D4 and to #F2D4AD
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD9ED
#AFD8EC
#B1D7EB
#B2D7EA
#B4D6E9
#B6D5E8
#B8D4E7
#ADDEE8
#B1DCE6
#B4DBE4
#B8D9E2
#BBD8E0
#BFD6DE
#C3D4DC
#ADE2E4
#B2E0E1
#B8DEDE
#BDDBDB
#C2D9D8
#C7D7D5
#CED4D1
#ADE7DF
#B4E4DB
#BBE1D7
#C2DED3
#C9DBCF
#D0D8CB
#D9D4C6
#ADECDA
#B6E8D5
#BFE4D0
#C7E0CB
#D0DDC6
#D9D9C1
#E4D4BB
#ADF2D4
#B8EDCE
#C3E8C8
#CEE4C1
#D9DFBB
#E4DAB5
#F2D4AD
Colorpallet from #ADD4F2 to #D4ADF2 and to #D4F2AD
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#B3CEF2
#B3D0F0
#B3D2EE
#B3D3ED
#B3D5EB
#B3D7E9
#B3D9E7
#B9C8F2
#B9CCEE
#B9CFEB
#B9D3E7
#B9D6E4
#B9DAE0
#B9DEDC
#C0C1F2
#C0C6ED
#C0CCE7
#C0D1E2
#C0D6DD
#C0DBD8
#C0E2D1
#C6BBF2
#C6C2EB
#C6C9E4
#C6D0DD
#C6D7D6
#C6DECF
#C6E7C6
#CCB5F2
#CCBEE9
#CCC7E0
#CCCFD8
#CCD8CF
#CCE1C6
#CCECBB
#D4ADF2
#D4B8E7
#D4C3DC
#D4CED1
#D4D9C6
#D4E4BB
#D4F2AD
Colorpallet from #ADD4F2 to #D4ADF2 and to #F2ADD4
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#B3CEF2
#B4CEF1
#B5CEF0
#B5CEF0
#B6CEEF
#B7CEEE
#B8CEED
#B9C8F2
#BBC8F0
#BCC8EF
#BEC8ED
#BFC8EC
#C1C8EA
#C3C8E8
#C0C1F2
#C2C1F0
#C4C1EE
#C7C1EB
#C9C1E9
#CBC1E7
#CEC1E4
#C6BBF2
#C9BBEF
#CCBBEC
#CFBBE9
#D2BBE6
#D5BBE3
#D9BBDF
#CCB5F2
#D0B5EE
#D4B5EA
#D8B5E6
#DBB5E3
#DFB5DF
#E4B5DA
#D4ADF2
#D9ADED
#DEADE8
#E2ADE4
#E7ADDF
#ECADDA
#F2ADD4
Colorpallet from #ADD4F2 to #D4ADF2 and to #F2D4AD
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#B3CEF2
#B4CFF0
#B5D0EE
#B5D1ED
#B6D2EB
#B7D3E9
#B8D4E7
#B9C8F2
#BBCAEE
#BCCCEB
#BECEE7
#BFD0E4
#C1D2E0
#C3D4DC
#C0C1F2
#C2C4ED
#C4C7E7
#C7CAE2
#C9CDDD
#CBD0D8
#CED4D1
#C6BBF2
#C9BFEB
#CCC3E4
#CFC7DD
#D2CBD6
#D5CFCF
#D9D4C6
#CCB5F2
#D0BAE9
#D4BFE0
#D8C4D8
#DBC9CF
#DFCEC6
#E4D4BB
#D4ADF2
#D9B3E7
#DEB9DC
#E2C0D1
#E7C6C6
#ECCCBB
#F2D4AD
Colorpallet from #ADD4F2 to #D4F2AD and to #F2ADD4
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#B3D9E7
#B4D7E8
#B5D5E9
#B5D4EA
#B6D2EB
#B7D0EC
#B8CEED
#B9DEDC
#BBDADE
#BCD7E0
#BED3E2
#BFD0E4
#C1CCE6
#C3C8E8
#C0E2D1
#C2DDD4
#C4D7D7
#C7D2DA
#C9CDDD
#CBC8E0
#CEC1E4
#C6E7C6
#C9E0CA
#CCD9CE
#CFD2D2
#D2CBD6
#D5C4DA
#D9BBDF
#CCECBB
#D0E3C0
#D4DAC5
#D8D2CA
#DBC9CF
#DFC0D4
#E4B5DA
#D4F2AD
#D9E7B3
#DEDCB9
#E2D1C0
#E7C6C6
#ECBBCC
#F2ADD4
Colorpallet from #ADD4F2 to #D4F2AD and to #F2D4AD
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#B3D9E7
#B4D8E7
#B5D7E7
#B5D7E7
#B6D6E7
#B7D5E7
#B8D4E7
#B9DEDC
#BBDCDC
#BCDBDC
#BED9DC
#BFD8DC
#C1D6DC
#C3D4DC
#C0E2D1
#C2E0D1
#C4DED1
#C7DBD1
#C9D9D1
#CBD7D1
#CED4D1
#C6E7C6
#C9E4C6
#CCE1C6
#CFDEC6
#D2DBC6
#D5D8C6
#D9D4C6
#CCECBB
#D0E8BB
#D4E4BB
#D8E0BB
#DBDDBB
#DFD9BB
#E4D4BB
#D4F2AD
#D9EDAD
#DEE8AD
#E2E4AD
#E7DFAD
#ECDAAD
#F2D4AD
Colorpallet from #ADD4F2 to #F2ADD4 and to #F2D4AD
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#ADD4F2
#B8CEED
#B8CFEC
#B8D0EB
#B8D1EA
#B8D2E9
#B8D3E8
#B8D4E7
#C3C8E8
#C3CAE6
#C3CCE4
#C3CEE2
#C3D0E0
#C3D2DE
#C3D4DC
#CEC1E4
#CEC4E1
#CEC7DE
#CECADB
#CECDD8
#CED0D5
#CED4D1
#D9BBDF
#D9BFDB
#D9C3D7
#D9C7D3
#D9CBCF
#D9CFCB
#D9D4C6
#E4B5DA
#E4BAD5
#E4BFD0
#E4C4CB
#E4C9C6
#E4CEC1
#E4D4BB
#F2ADD4
#F2B3CE
#F2B9C8
#F2C0C1
#F2C6BB
#F2CCB5
#F2D4AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts