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 #BDEDD8 to #BDD8ED and to #EDBDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEADB
#BEE9DB
#C0E8DA
#C1E8DA
#C2E7D9
#C3E6D9
#C5E5D8
#BDE6DF
#BFE5DE
#C2E3DD
#C4E2DC
#C7E1DB
#C9E0D9
#CCDED8
#BDE3E2
#C1E1E0
#C4DFDF
#C8DDDD
#CCDBDC
#CFD9DA
#D4D6D8
#BDE0E5
#C2DDE3
#C7DAE1
#CCD7DF
#D1D4DD
#D6D2DB
#DCCED8
#BDDCE9
#C3D9E6
#C9D5E4
#CFD2E1
#D5CFDE
#DBCBDB
#E3C7D8
#BDD8ED
#C5D4EA
#CCCFE6
#D4CBE3
#DCC7E0
#E3C2DC
#EDBDD8
Colorpallet from #BDEDD8 to #BDD8ED and to #EDD8BD
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEADB
#BEEADA
#C0EAD9
#C1EAD8
#C2EAD7
#C3EAD5
#C5EAD4
#BDE6DF
#BFE6DC
#C2E6DA
#C4E6D7
#C7E6D5
#C9E6D2
#CCE6CF
#BDE3E2
#C1E3DE
#C4E3DB
#C8E3D7
#CCE3D3
#CFE3D0
#D4E3CB
#BDE0E5
#C2E0E0
#C7E0DB
#CCE0D7
#D1E0D2
#D6E0CD
#DCE0C7
#BDDCE9
#C3DCE3
#C9DCDD
#CFDCD6
#D5DCD0
#DBDCCA
#E3DCC2
#BDD8ED
#C5D8E5
#CCD8DE
#D4D8D6
#DCD8CE
#E3D8C7
#EDD8BD
Colorpallet from #BDEDD8 to #BDD8ED and to #D8BDED
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEADB
#BEE9DB
#BEE8DB
#BFE8DB
#C0E7DB
#C0E6DB
#C1E5DB
#BDE6DF
#BEE5DF
#C0E3DF
#C1E2DF
#C3E1DF
#C4E0DF
#C6DEDF
#BDE3E2
#BFE1E2
#C1DFE2
#C3DDE2
#C5DBE2
#C7D9E2
#CAD6E2
#BDE0E5
#C0DDE5
#C2DAE5
#C5D7E5
#C8D4E5
#CBD2E5
#CECEE5
#BDDCE9
#C1D9E9
#C4D5E9
#C8D2E9
#CBCFE9
#CFCBE9
#D3C7E9
#BDD8ED
#C1D4ED
#C6CFED
#CACBED
#CEC7ED
#D3C2ED
#D8BDED
Colorpallet from #BDEDD8 to #BDD8ED and to #D8EDBD
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEADB
#BEEADA
#BEEBD9
#BFEBD8
#C0ECD7
#C0ECD5
#C1EDD4
#BDE6DF
#BEE7DC
#C0E8DA
#C1E9D7
#C3EAD5
#C4ECD2
#C6EDCF
#BDE3E2
#BFE5DE
#C1E6DB
#C3E8D7
#C5E9D3
#C7EBD0
#CAEDCB
#BDE0E5
#C0E2E0
#C2E4DB
#C5E6D7
#C8E8D2
#CBEACD
#CEEDC7
#BDDCE9
#C1DFE3
#C4E1DD
#C8E4D6
#CBE7D0
#CFEACA
#D3EDC2
#BDD8ED
#C1DBE5
#C6DFDE
#CAE2D6
#CEE5CE
#D3E9C7
#D8EDBD
Colorpallet from #BDEDD8 to #EDBDD8 and to #EDD8BD
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#C5E5D8
#C5E6D7
#C5E7D7
#C5E7D6
#C5E8D5
#C5E9D5
#C5EAD4
#CCDED8
#CCDFD7
#CCE1D5
#CCE2D4
#CCE3D2
#CCE4D1
#CCE6CF
#D4D6D8
#D4D8D6
#D4DAD4
#D4DCD2
#D4DED0
#D4E0CE
#D4E3CB
#DCCED8
#DCD1D5
#DCD4D3
#DCD7D0
#DCDACD
#DCDCCA
#DCE0C7
#E3C7D8
#E3CAD4
#E3CED1
#E3D1CD
#E3D4CA
#E3D8C6
#E3DCC2
#EDBDD8
#EDC1D4
#EDC6CF
#EDCACB
#EDCEC7
#EDD3C2
#EDD8BD
Colorpallet from #BDEDD8 to #EDBDD8 and to #D8BDED
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#C5E5D8
#C4E5D8
#C4E5D9
#C3E5D9
#C2E5DA
#C2E5DA
#C1E5DB
#CCDED8
#CBDED9
#CADEDA
#C9DEDB
#C8DEDC
#C7DEDE
#C6DEDF
#D4D6D8
#D2D6DA
#D1D6DB
#CFD6DD
#CED6DE
#CCD6E0
#CAD6E2
#DCCED8
#DACEDA
#D8CEDC
#D5CEDE
#D3CEE0
#D1CEE2
#CECEE5
#E3C7D8
#E0C7DB
#DEC7DD
#DBC7E0
#D9C7E3
#D6C7E6
#D3C7E9
#EDBDD8
#EABDDB
#E6BDDF
#E3BDE2
#E0BDE5
#DCBDE9
#D8BDED
Colorpallet from #BDEDD8 to #EDBDD8 and to #D8EDBD
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#C5E5D8
#C4E6D7
#C4E8D7
#C3E9D6
#C2EAD5
#C2EBD5
#C1EDD4
#CCDED8
#CBE0D7
#CAE3D5
#C9E5D4
#C8E8D2
#C7EAD1
#C6EDCF
#D4D6D8
#D2DAD6
#D1DDD4
#CFE1D2
#CEE5D0
#CCE8CE
#CAEDCB
#DCCED8
#DAD3D5
#D8D8D3
#D5DDD0
#D3E2CD
#D1E7CA
#CEEDC7
#E3C7D8
#E0CDD4
#DED3D1
#DBD9CD
#D9DFCA
#D6E5C6
#D3EDC2
#EDBDD8
#EAC5D4
#E6CCCF
#E3D4CB
#E0DCC7
#DCE3C2
#D8EDBD
Colorpallet from #BDEDD8 to #EDD8BD and to #D8BDED
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#C5EAD4
#C4E9D5
#C4E8D6
#C3E8D7
#C2E7D8
#C2E6DA
#C1E5DB
#CCE6CF
#CBE5D2
#CAE3D4
#C9E2D7
#C8E1D9
#C7E0DC
#C6DEDF
#D4E3CB
#D2E1CF
#D1DFD2
#CFDDD6
#CEDBDA
#CCD9DD
#CAD6E2
#DCE0C7
#DADDCC
#D8DAD1
#D5D7D5
#D3D4DA
#D1D2DF
#CECEE5
#E3DCC2
#E0D9C8
#DED5CE
#DBD2D5
#D9CFDB
#D6CBE1
#D3C7E9
#EDD8BD
#EAD4C5
#E6CFCC
#E3CBD4
#E0C7DC
#DCC2E3
#D8BDED
Colorpallet from #BDEDD8 to #EDD8BD and to #D8EDBD
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#C5EAD4
#C4EAD4
#C4EBD4
#C3EBD4
#C2ECD4
#C2ECD4
#C1EDD4
#CCE6CF
#CBE7CF
#CAE8CF
#C9E9CF
#C8EACF
#C7ECCF
#C6EDCF
#D4E3CB
#D2E5CB
#D1E6CB
#CFE8CB
#CEE9CB
#CCEBCB
#CAEDCB
#DCE0C7
#DAE2C7
#D8E4C7
#D5E6C7
#D3E8C7
#D1EAC7
#CEEDC7
#E3DCC2
#E0DFC2
#DEE1C2
#DBE4C2
#D9E7C2
#D6EAC2
#D3EDC2
#EDD8BD
#EADBBD
#E6DFBD
#E3E2BD
#E0E5BD
#DCE9BD
#D8EDBD
Colorpallet from #BDEDD8 to #D8BDED and to #D8EDBD
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#BDEDD8
#C1E5DB
#C1E6DA
#C1E8D9
#C1E9D8
#C1EAD7
#C1EBD5
#C1EDD4
#C6DEDF
#C6E0DC
#C6E3DA
#C6E5D7
#C6E8D5
#C6EAD2
#C6EDCF
#CAD6E2
#CADADE
#CADDDB
#CAE1D7
#CAE5D3
#CAE8D0
#CAEDCB
#CECEE5
#CED3E0
#CED8DB
#CEDDD7
#CEE2D2
#CEE7CD
#CEEDC7
#D3C7E9
#D3CDE3
#D3D3DD
#D3D9D6
#D3DFD0
#D3E5CA
#D3EDC2
#D8BDED
#D8C5E5
#D8CCDE
#D8D4D6
#D8DCCE
#D8E3C7
#D8EDBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts