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 #BADCE3 to #BAE3DC and to #DCBAE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADDE2
#BBDCE2
#BCDBE2
#BCDAE2
#BDD9E3
#BED8E3
#BFD7E3
#BADEE1
#BCDCE1
#BEDAE2
#BFD8E2
#C1D6E2
#C3D4E3
#C5D1E3
#BADFE0
#BDDCE0
#BFD9E1
#C2D6E1
#C4D3E2
#C7D0E2
#CACCE3
#BAE0DF
#BEDCE0
#C1D8E0
#C5D4E1
#C8CFE2
#CCCBE2
#D0C6E3
#BAE2DD
#BEDDDE
#C3D7DF
#C7D2E0
#CBCDE1
#D0C8E2
#D5C1E3
#BAE3DC
#BFDCDD
#C5D6DE
#CACFDF
#D0C9E0
#D5C2E2
#DCBAE3
Colorpallet from #BADCE3 to #BAE3DC and to #DCE3BA
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADDE2
#BBDDE1
#BCDDE0
#BCDDDF
#BDDDDE
#BEDDDD
#BFDDDC
#BADEE1
#BCDEDF
#BEDEDD
#BFDEDC
#C1DEDA
#C3DED8
#C5DED6
#BADFE0
#BDDFDD
#BFDFDB
#C2DFD8
#C4DFD5
#C7DFD2
#CADFCF
#BAE0DF
#BEE0DB
#C1E0D8
#C5E0D4
#C8E0D1
#CCE0CD
#D0E0C9
#BAE2DD
#BEE2D9
#C3E2D4
#C7E2D0
#CBE2CC
#D0E2C7
#D5E2C2
#BAE3DC
#BFE3D7
#C5E3D1
#CAE3CC
#D0E3C6
#D5E3C1
#DCE3BA
Colorpallet from #BADCE3 to #BAE3DC and to #E3BADC
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADDE2
#BBDCE2
#BCDBE2
#BDDAE2
#BED9E2
#C0D8E2
#C1D7E2
#BADEE1
#BCDCE1
#BEDAE1
#C0D8E1
#C2D6E1
#C4D4E1
#C7D1E1
#BADFE0
#BDDCE0
#C0D9E0
#C4D6E0
#C7D3E0
#CAD0E0
#CECCE0
#BAE0DF
#BEDCDF
#C2D8DF
#C6D4DF
#CBCFDF
#CFCBDF
#D4C6DF
#BAE2DD
#BFDDDD
#C5D7DD
#CAD2DD
#CFCDDD
#D4C8DD
#DBC1DD
#BAE3DC
#C1DCDC
#C7D6DC
#CECFDC
#D4C9DC
#DBC2DC
#E3BADC
Colorpallet from #BADCE3 to #BAE3DC and to #E3DCBA
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADDE2
#BBDDE1
#BCDDE0
#BDDDDF
#BEDCDE
#C0DCDD
#C1DCDC
#BADEE1
#BCDEDF
#BEDDDD
#C0DDDC
#C2DDDA
#C4DCD8
#C7DCD6
#BADFE0
#BDDFDD
#C0DEDB
#C4DED8
#C7DDD5
#CADDD2
#CEDCCF
#BAE0DF
#BEDFDB
#C2DFD8
#C6DED4
#CBDDD1
#CFDDCD
#D4DCC9
#BAE2DD
#BFE1D9
#C5E0D4
#CADFD0
#CFDECC
#D4DDC7
#DBDCC2
#BAE3DC
#C1E2D7
#C7E1D1
#CEE0CC
#D4DFC6
#DBDDC1
#E3DCBA
Colorpallet from #BADCE3 to #DCBAE3 and to #DCE3BA
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BFD7E3
#BFD8E2
#BFD9E1
#BFDAE0
#BFDBDF
#BFDCDD
#BFDDDC
#C5D1E3
#C5D3E1
#C5D5DF
#C5D7DD
#C5D9DB
#C5DBD9
#C5DED6
#CACCE3
#CACFE0
#CAD2DD
#CAD5D9
#CAD8D6
#CADBD3
#CADFCF
#D0C6E3
#D0CADF
#D0CEDB
#D0D2D7
#D0D7D2
#D0DBCE
#D0E0C9
#D5C1E3
#D5C6DE
#D5CCD8
#D5D1D3
#D5D6CE
#D5DBC9
#D5E2C2
#DCBAE3
#DCC1DC
#DCC7D6
#DCCECF
#DCD4C9
#DCDBC2
#DCE3BA
Colorpallet from #BADCE3 to #DCBAE3 and to #E3BADC
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BFD7E3
#BFD7E3
#C0D7E3
#C0D7E3
#C0D7E2
#C1D7E2
#C1D7E2
#C5D1E3
#C5D1E3
#C6D1E2
#C6D1E2
#C6D1E2
#C7D1E1
#C7D1E1
#CACCE3
#CBCCE3
#CBCCE2
#CCCCE2
#CDCCE1
#CDCCE1
#CECCE0
#D0C6E3
#D1C6E2
#D1C6E2
#D2C6E1
#D3C6E0
#D3C6E0
#D4C6DF
#D5C1E3
#D6C1E2
#D7C1E1
#D8C1E0
#D9C1DF
#DAC1DE
#DBC1DD
#DCBAE3
#DDBAE2
#DEBAE1
#DFBAE0
#E0BADF
#E2BADD
#E3BADC
Colorpallet from #BADCE3 to #DCBAE3 and to #E3DCBA
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BFD7E3
#BFD8E2
#C0D9E1
#C0D9E0
#C0DADF
#C1DBDD
#C1DCDC
#C5D1E3
#C5D3E1
#C6D5DF
#C6D6DD
#C6D8DB
#C7DAD9
#C7DCD6
#CACCE3
#CBCFE0
#CBD1DD
#CCD4D9
#CDD6D6
#CDD9D3
#CEDCCF
#D0C6E3
#D1CADF
#D1CDDB
#D2D1D7
#D3D4D2
#D3D8CE
#D4DCC9
#D5C1E3
#D6C5DE
#D7CAD8
#D8CED3
#D9D2CE
#DAD7C9
#DBDCC2
#DCBAE3
#DDBFDC
#DEC5D6
#DFCACF
#E0D0C9
#E2D5C2
#E3DCBA
Colorpallet from #BADCE3 to #DCE3BA and to #E3BADC
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BFDDDC
#BFDCDD
#C0DBDE
#C0DADF
#C0D9E0
#C1D8E1
#C1D7E2
#C5DED6
#C5DCD8
#C6DADA
#C6D8DB
#C6D6DD
#C7D4DF
#C7D1E1
#CADFCF
#CBDCD2
#CBD9D4
#CCD6D7
#CDD3DA
#CDD0DD
#CECCE0
#D0E0C9
#D1DCCD
#D1D8D0
#D2D4D4
#D3CFD7
#D3CBDB
#D4C6DF
#D5E2C2
#D6DDC6
#D7D7CB
#D8D2CF
#D9CDD3
#DAC8D8
#DBC1DD
#DCE3BA
#DDDCBF
#DED6C5
#DFCFCA
#E0C9D0
#E2C2D5
#E3BADC
Colorpallet from #BADCE3 to #DCE3BA and to #E3DCBA
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BFDDDC
#BFDDDC
#C0DDDC
#C0DDDC
#C0DCDC
#C1DCDC
#C1DCDC
#C5DED6
#C5DED6
#C6DDD6
#C6DDD6
#C6DDD6
#C7DCD6
#C7DCD6
#CADFCF
#CBDFCF
#CBDECF
#CCDECF
#CDDDCF
#CDDDCF
#CEDCCF
#D0E0C9
#D1DFC9
#D1DFC9
#D2DEC9
#D3DDC9
#D3DDC9
#D4DCC9
#D5E2C2
#D6E1C2
#D7E0C2
#D8DFC2
#D9DEC2
#DADDC2
#DBDCC2
#DCE3BA
#DDE2BA
#DEE1BA
#DFE0BA
#E0DFBA
#E2DDBA
#E3DCBA
Colorpallet from #BADCE3 to #E3BADC and to #E3DCBA
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#BADCE3
#C1D7E2
#C1D8E1
#C1D9E0
#C1D9DF
#C1DADE
#C1DBDD
#C1DCDC
#C7D1E1
#C7D3DF
#C7D5DD
#C7D6DC
#C7D8DA
#C7DAD8
#C7DCD6
#CECCE0
#CECFDD
#CED1DB
#CED4D8
#CED6D5
#CED9D2
#CEDCCF
#D4C6DF
#D4CADB
#D4CDD8
#D4D1D4
#D4D4D1
#D4D8CD
#D4DCC9
#DBC1DD
#DBC5D9
#DBCAD4
#DBCED0
#DBD2CC
#DBD7C7
#DBDCC2
#E3BADC
#E3BFD7
#E3C5D1
#E3CACC
#E3D0C6
#E3D5C1
#E3DCBA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
