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 #BFD1ED to #BFEDD1 and to #D1BFED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD5E9
#BFD4EA
#C0D3EA
#C0D2EB
#C1D1EC
#C1CFEC
#C2CEED
#BFDAE4
#C0D8E5
#C1D5E7
#C2D3E8
#C3D0EA
#C4CEEB
#C5CBED
#BFDEE0
#C0DAE2
#C2D7E4
#C3D3E6
#C5D0E8
#C6CCEA
#C8C8ED
#BFE3DB
#C1DEDE
#C3D9E1
#C5D5E4
#C7D0E7
#C9CBE9
#CBC5ED
#BFE7D7
#C1E1DB
#C3DBDE
#C6D6E2
#C8D0E5
#CACAE9
#CDC3ED
#BFEDD1
#C2E6D5
#C5DEDA
#C8D7DE
#CBD0E3
#CDC8E7
#D1BFED
Colorpallet from #BFD1ED to #BFEDD1 and to #D1EDBF
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD5E9
#BFD5E9
#C0D5E8
#C0D5E8
#C1D5E7
#C1D5E7
#C2D5E6
#BFDAE4
#C0DAE3
#C1DAE2
#C2DAE1
#C3DAE0
#C4DADF
#C5DADE
#BFDEE0
#C0DEDF
#C2DEDD
#C3DEDC
#C5DEDA
#C6DED9
#C8DED7
#BFE3DB
#C1E3D9
#C3E3D7
#C5E3D6
#C7E3D4
#C9E3D2
#CBE3D0
#BFE7D7
#C1E7D5
#C3E7D2
#C6E7D0
#C8E7CD
#CAE7CB
#CDE7C8
#BFEDD1
#C2EDCE
#C5EDCB
#C8EDC8
#CBEDC5
#CDEDC3
#D1EDBF
Colorpallet from #BFD1ED to #BFEDD1 and to #EDBFD1
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD5E9
#C0D4E9
#C1D3E9
#C2D2E9
#C3D1E9
#C5CFE9
#C6CEE9
#BFDAE4
#C1D8E4
#C4D5E4
#C6D3E4
#C9D0E4
#CBCEE4
#CECBE4
#BFDEE0
#C3DAE0
#C6D7E0
#CAD3E0
#CDD0E0
#D1CCE0
#D5C8E0
#BFE3DB
#C4DEDB
#C8D9DB
#CDD5DB
#D2D0DB
#D6CBDB
#DCC5DB
#BFE7D7
#C5E1D7
#CBDBD7
#D1D6D7
#D7D0D7
#DDCAD7
#E4C3D7
#BFEDD1
#C6E6D1
#CEDED1
#D5D7D1
#DCD0D1
#E4C8D1
#EDBFD1
Colorpallet from #BFD1ED to #BFEDD1 and to #EDD1BF
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD5E9
#C0D4E9
#C1D4E8
#C2D3E8
#C3D2E7
#C5D2E7
#C6D1E6
#BFDAE4
#C1D9E3
#C4D7E2
#C6D6E1
#C9D4E0
#CBD3DF
#CED1DE
#BFDEE0
#C3DCDF
#C6DADD
#CAD8DC
#CDD6DA
#D1D4D9
#D5D1D7
#BFE3DB
#C4E0D9
#C8DDD7
#CDDAD6
#D2D7D4
#D6D5D2
#DCD1D0
#BFE7D7
#C5E3D5
#CBE0D2
#D1DCD0
#D7D9CD
#DDD5CB
#E4D1C8
#BFEDD1
#C6E9CE
#CEE4CB
#D5E0C8
#DCDBC5
#E4D7C3
#EDD1BF
Colorpallet from #BFD1ED to #D1BFED and to #D1EDBF
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#C2CEED
#C2CFEC
#C2D0EB
#C2D1EA
#C2D2E9
#C2D4E7
#C2D5E6
#C5CBED
#C5CDEB
#C5D0E8
#C5D2E6
#C5D5E3
#C5D7E1
#C5DADE
#C8C8ED
#C8CCE9
#C8CFE6
#C8D3E2
#C8D6DF
#C8DADB
#C8DED7
#CBC5ED
#CBCAE8
#CBCFE4
#CBD3DF
#CBD8DA
#CBDDD6
#CBE3D0
#CDC3ED
#CDC9E7
#CDCFE1
#CDD4DB
#CDDAD5
#CDE0CF
#CDE7C8
#D1BFED
#D1C6E6
#D1CEDE
#D1D5D7
#D1DCD0
#D1E4C8
#D1EDBF
Colorpallet from #BFD1ED to #D1BFED and to #EDBFD1
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#C2CEED
#C3CEEC
#C3CEEC
#C4CEEB
#C5CEEA
#C5CEEA
#C6CEE9
#C5CBED
#C6CBEC
#C8CBEA
#C9CBE9
#CBCBE7
#CCCBE6
#CECBE4
#C8C8ED
#CAC8EB
#CCC8E9
#CEC8E7
#D0C8E5
#D2C8E3
#D5C8E0
#CBC5ED
#CEC5EA
#D0C5E7
#D3C5E4
#D6C5E1
#D9C5DF
#DCC5DB
#CDC3ED
#D1C3E9
#D4C3E6
#D8C3E2
#DCC3DF
#DFC3DB
#E4C3D7
#D1BFED
#D5BFE9
#DABFE4
#DEBFE0
#E3BFDB
#E7BFD7
#EDBFD1
Colorpallet from #BFD1ED to #D1BFED and to #EDD1BF
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#C2CEED
#C3CEEC
#C3CFEB
#C4CFEA
#C5D0E9
#C5D0E7
#C6D1E6
#C5CBED
#C6CCEB
#C8CDE8
#C9CEE6
#CBCFE3
#CCD0E1
#CED1DE
#C8C8ED
#CAC9E9
#CCCBE6
#CECCE2
#D0CEDF
#D2CFDB
#D5D1D7
#CBC5ED
#CEC7E8
#D0C9E4
#D3CBDF
#D6CDDA
#D9CFD6
#DCD1D0
#CDC3ED
#D1C5E7
#D4C7E1
#D8CADB
#DCCCD5
#DFCECF
#E4D1C8
#D1BFED
#D5C2E6
#DAC5DE
#DEC8D7
#E3CBD0
#E7CDC8
#EDD1BF
Colorpallet from #BFD1ED to #D1EDBF and to #EDBFD1
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#C2D5E6
#C3D4E6
#C3D3E7
#C4D2E7
#C5D1E8
#C5CFE8
#C6CEE9
#C5DADE
#C6D8DF
#C8D5E0
#C9D3E1
#CBD0E2
#CCCEE3
#CECBE4
#C8DED7
#CADAD8
#CCD7DA
#CED3DB
#D0D0DD
#D2CCDE
#D5C8E0
#CBE3D0
#CEDED2
#D0D9D4
#D3D5D5
#D6D0D7
#D9CBD9
#DCC5DB
#CDE7C8
#D1E1CA
#D4DBCD
#D8D6CF
#DCD0D2
#DFCAD4
#E4C3D7
#D1EDBF
#D5E6C2
#DADEC5
#DED7C8
#E3D0CB
#E7C8CD
#EDBFD1
Colorpallet from #BFD1ED to #D1EDBF and to #EDD1BF
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#C2D5E6
#C3D4E6
#C3D4E6
#C4D3E6
#C5D2E6
#C5D2E6
#C6D1E6
#C5DADE
#C6D9DE
#C8D7DE
#C9D6DE
#CBD4DE
#CCD3DE
#CED1DE
#C8DED7
#CADCD7
#CCDAD7
#CED8D7
#D0D6D7
#D2D4D7
#D5D1D7
#CBE3D0
#CEE0D0
#D0DDD0
#D3DAD0
#D6D7D0
#D9D5D0
#DCD1D0
#CDE7C8
#D1E3C8
#D4E0C8
#D8DCC8
#DCD9C8
#DFD5C8
#E4D1C8
#D1EDBF
#D5E9BF
#DAE4BF
#DEE0BF
#E3DBBF
#E7D7BF
#EDD1BF
Colorpallet from #BFD1ED to #EDBFD1 and to #EDD1BF
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#BFD1ED
#C6CEE9
#C6CEE9
#C6CFE8
#C6CFE8
#C6D0E7
#C6D0E7
#C6D1E6
#CECBE4
#CECCE3
#CECDE2
#CECEE1
#CECFE0
#CED0DF
#CED1DE
#D5C8E0
#D5C9DF
#D5CBDD
#D5CCDC
#D5CEDA
#D5CFD9
#D5D1D7
#DCC5DB
#DCC7D9
#DCC9D7
#DCCBD6
#DCCDD4
#DCCFD2
#DCD1D0
#E4C3D7
#E4C5D5
#E4C7D2
#E4CAD0
#E4CCCD
#E4CECB
#E4D1C8
#EDBFD1
#EDC2CE
#EDC5CB
#EDC8C8
#EDCBC5
#EDCDC3
#EDD1BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts