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 #BCD2EA to #BCEAD2 and to #D2BCEA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD6E6
#BDD5E7
#BDD3E7
#BED2E8
#BFD1E9
#BFD0E9
#C0CEEA
#BCDAE2
#BDD8E3
#BED5E5
#BFD3E6
#C0D0E7
#C2CEE8
#C3CBEA
#BCDEDE
#BEDAE0
#C0D7E2
#C1D3E4
#C3CFE6
#C5CCE8
#C7C7EA
#BCE1DB
#BEDCDD
#C0D8E0
#C3D3E2
#C5CEE5
#C7CAE7
#CAC4EA
#BCE5D7
#BFDFDA
#C2D9DD
#C5D3E0
#C8CDE3
#CAC7E6
#CEC0EA
#BCEAD2
#C0E3D6
#C3DBDA
#C7D4DE
#CACDE1
#CEC5E5
#D2BCEA
Colorpallet from #BCD2EA to #BCEAD2 and to #D2EABC
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD6E6
#BDD6E6
#BDD6E5
#BED6E5
#BFD6E4
#BFD6E4
#C0D6E3
#BCDAE2
#BDDAE1
#BEDAE0
#BFDADF
#C0DADE
#C2DADC
#C3DADB
#BCDEDE
#BEDEDC
#C0DEDB
#C1DED9
#C3DED8
#C5DED6
#C7DED4
#BCE1DB
#BEE1D9
#C0E1D7
#C3E1D4
#C5E1D2
#C7E1D0
#CAE1CD
#BCE5D7
#BFE5D4
#C2E5D1
#C5E5CE
#C8E5CB
#CAE5C9
#CEE5C5
#BCEAD2
#C0EACE
#C3EACB
#C7EAC7
#CAEAC4
#CEEAC0
#D2EABC
Colorpallet from #BCD2EA to #BCEAD2 and to #EABCD2
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD6E6
#BDD5E6
#BED3E6
#BFD2E6
#C0D1E6
#C2D0E6
#C3CEE6
#BCDAE2
#BED8E2
#C1D5E2
#C3D3E2
#C6D0E2
#C8CEE2
#CBCBE2
#BCDEDE
#C0DADE
#C3D7DE
#C7D3DE
#CACFDE
#CECCDE
#D2C7DE
#BCE1DB
#C1DCDB
#C5D8DB
#CAD3DB
#CFCEDB
#D3CADB
#D9C4DB
#BCE5D7
#C2DFD7
#C8D9D7
#CED3D7
#D4CDD7
#DAC7D7
#E1C0D7
#BCEAD2
#C3E3D2
#CBDBD2
#D2D4D2
#D9CDD2
#E1C5D2
#EABCD2
Colorpallet from #BCD2EA to #BCEAD2 and to #EAD2BC
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD6E6
#BDD5E6
#BED5E5
#BFD4E5
#C0D3E4
#C2D3E4
#C3D2E3
#BCDAE2
#BED9E1
#C1D7E0
#C3D6DF
#C6D5DE
#C8D4DC
#CBD2DB
#BCDEDE
#C0DCDC
#C3DADB
#C7D8D9
#CAD6D8
#CED4D6
#D2D2D4
#BCE1DB
#C1DFD9
#C5DCD7
#CADAD4
#CFD7D2
#D3D5D0
#D9D2CD
#BCE5D7
#C2E2D4
#C8DFD1
#CEDCCE
#D4D9CB
#DAD6C9
#E1D2C5
#BCEAD2
#C3E6CE
#CBE2CB
#D2DEC7
#D9DBC4
#E1D7C0
#EAD2BC
Colorpallet from #BCD2EA to #D2BCEA and to #D2EABC
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#C0CEEA
#C0CFE9
#C0D1E8
#C0D2E7
#C0D3E6
#C0D4E4
#C0D6E3
#C3CBEA
#C3CDE8
#C3D0E5
#C3D2E3
#C3D5E0
#C3D7DE
#C3DADB
#C7C7EA
#C7CBE6
#C7CEE3
#C7D2DF
#C7D6DC
#C7D9D8
#C7DED4
#CAC4EA
#CAC9E5
#CACDE1
#CAD2DC
#CAD7D7
#CADBD3
#CAE1CD
#CEC0EA
#CEC6E4
#CECCDE
#CED2D8
#CED8D2
#CEDECC
#CEE5C5
#D2BCEA
#D2C3E3
#D2CBDB
#D2D2D4
#D2D9CD
#D2E1C5
#D2EABC
Colorpallet from #BCD2EA to #D2BCEA and to #EABCD2
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#C0CEEA
#C0CEE9
#C1CEE9
#C1CEE8
#C2CEE7
#C2CEE7
#C3CEE6
#C3CBEA
#C4CBE9
#C6CBE7
#C7CBE6
#C8CBE5
#C9CBE4
#CBCBE2
#C7C7EA
#C9C7E8
#CBC7E6
#CCC7E4
#CEC7E2
#D0C7E0
#D2C7DE
#CAC4EA
#CCC4E8
#CFC4E5
#D1C4E3
#D4C4E0
#D6C4DE
#D9C4DB
#CEC0EA
#D1C0E7
#D4C0E4
#D7C0E1
#DAC0DE
#DDC0DB
#E1C0D7
#D2BCEA
#D6BCE6
#DABCE2
#DEBCDE
#E1BCDB
#E5BCD7
#EABCD2
Colorpallet from #BCD2EA to #D2BCEA and to #EAD2BC
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#C0CEEA
#C0CFE9
#C1CFE8
#C1D0E7
#C2D1E6
#C2D1E4
#C3D2E3
#C3CBEA
#C4CCE8
#C6CDE5
#C7CEE3
#C8CFE0
#C9D1DE
#CBD2DB
#C7C7EA
#C9C9E6
#CBCBE3
#CCCCDF
#CECEDC
#D0D0D8
#D2D2D4
#CAC4EA
#CCC6E5
#CFC8E1
#D1CBDC
#D4CDD7
#D6CFD3
#D9D2CD
#CEC0EA
#D1C3E4
#D4C6DE
#D7C9D8
#DACCD2
#DDCECC
#E1D2C5
#D2BCEA
#D6C0E3
#DAC3DB
#DEC7D4
#E1CACD
#E5CEC5
#EAD2BC
Colorpallet from #BCD2EA to #D2EABC and to #EABCD2
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#C0D6E3
#C0D5E3
#C1D3E4
#C1D2E4
#C2D1E5
#C2D0E5
#C3CEE6
#C3DADB
#C4D8DC
#C6D5DD
#C7D3DE
#C8D0DF
#C9CEE1
#CBCBE2
#C7DED4
#C9DAD6
#CBD7D7
#CCD3D9
#CECFDA
#D0CCDC
#D2C7DE
#CAE1CD
#CCDCCF
#CFD8D1
#D1D3D4
#D4CED6
#D6CAD8
#D9C4DB
#CEE5C5
#D1DFC8
#D4D9CB
#D7D3CE
#DACDD1
#DDC7D3
#E1C0D7
#D2EABC
#D6E3C0
#DADBC3
#DED4C7
#E1CDCA
#E5C5CE
#EABCD2
Colorpallet from #BCD2EA to #D2EABC and to #EAD2BC
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#C0D6E3
#C0D5E3
#C1D5E3
#C1D4E3
#C2D3E3
#C2D3E3
#C3D2E3
#C3DADB
#C4D9DB
#C6D7DB
#C7D6DB
#C8D5DB
#C9D4DB
#CBD2DB
#C7DED4
#C9DCD4
#CBDAD4
#CCD8D4
#CED6D4
#D0D4D4
#D2D2D4
#CAE1CD
#CCDFCD
#CFDCCD
#D1DACD
#D4D7CD
#D6D5CD
#D9D2CD
#CEE5C5
#D1E2C5
#D4DFC5
#D7DCC5
#DAD9C5
#DDD6C5
#E1D2C5
#D2EABC
#D6E6BC
#DAE2BC
#DEDEBC
#E1DBBC
#E5D7BC
#EAD2BC
Colorpallet from #BCD2EA to #EABCD2 and to #EAD2BC
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#BCD2EA
#C3CEE6
#C3CFE6
#C3CFE5
#C3D0E5
#C3D1E4
#C3D1E4
#C3D2E3
#CBCBE2
#CBCCE1
#CBCDE0
#CBCEDF
#CBCFDE
#CBD1DC
#CBD2DB
#D2C7DE
#D2C9DC
#D2CBDB
#D2CCD9
#D2CED8
#D2D0D6
#D2D2D4
#D9C4DB
#D9C6D9
#D9C8D7
#D9CBD4
#D9CDD2
#D9CFD0
#D9D2CD
#E1C0D7
#E1C3D4
#E1C6D1
#E1C9CE
#E1CCCB
#E1CEC9
#E1D2C5
#EABCD2
#EAC0CE
#EAC3CB
#EAC7C7
#EACAC4
#EACEC0
#EAD2BC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts