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 #D1CAEC to #D1ECCA and to #CAD1EC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CFE7
#D1CEE8
#D1CEE9
#D1CDE9
#D0CCEA
#D0CCEB
#D0CBEC
#D1D5E1
#D1D4E3
#D0D2E5
#D0D1E6
#D0CFE8
#CFCEEA
#CFCCEC
#D1DADC
#D1D8DF
#D0D6E1
#D0D4E4
#CFD2E6
#CFD0E9
#CECDEC
#D1E0D6
#D0DDDA
#D0DADD
#CFD7E1
#CED4E4
#CED2E8
#CDCEEC
#D1E5D1
#D0E2D5
#CFDEDA
#CEDBDE
#CDD8E2
#CCD4E7
#CBD0EC
#D1ECCA
#D0E8CF
#CFE3D5
#CEDFDA
#CDDBE0
#CBD6E5
#CAD1EC
Colorpallet from #D1CAEC to #D1ECCA and to #CAECD1
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CFE7
#D1CFE7
#D1CFE7
#D1CFE7
#D0CFE8
#D0CFE8
#D0CFE8
#D1D5E1
#D1D5E1
#D0D5E2
#D0D5E2
#D0D5E2
#CFD5E3
#CFD5E3
#D1DADC
#D1DADC
#D0DADD
#D0DADD
#CFDADE
#CFDADE
#CEDADF
#D1E0D6
#D0E0D7
#D0E0D8
#CFE0D8
#CEE0D9
#CEE0DA
#CDE0DB
#D1E5D1
#D0E5D2
#CFE5D3
#CEE5D3
#CDE5D4
#CCE5D5
#CBE5D6
#D1ECCA
#D0ECCB
#CFECCC
#CEECCD
#CDECCE
#CBECD0
#CAECD1
Colorpallet from #D1CAEC to #D1ECCA and to #ECD1CA
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CFE7
#D2CEE7
#D2CEE7
#D3CDE7
#D4CCE7
#D4CCE7
#D5CBE7
#D1D5E1
#D2D4E1
#D4D2E1
#D5D1E1
#D7CFE1
#D8CEE1
#DACCE1
#D1DADC
#D3D8DC
#D5D6DC
#D7D4DC
#D9D2DC
#DBD0DC
#DECDDC
#D1E0D6
#D4DDD6
#D6DAD6
#D9D7D6
#DCD4D6
#DFD2D6
#E2CED6
#D1E5D1
#D5E2D1
#D8DED1
#DCDBD1
#DFD8D1
#E3D4D1
#E7D0D1
#D1ECCA
#D5E8CA
#DAE3CA
#DEDFCA
#E2DBCA
#E7D6CA
#ECD1CA
Colorpallet from #D1CAEC to #D1ECCA and to #ECCAD1
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CFE7
#D2CEE7
#D2CDE7
#D3CDE7
#D4CCE8
#D4CBE8
#D5CAE8
#D1D5E1
#D2D3E1
#D4D1E2
#D5D0E2
#D7CEE2
#D8CCE3
#DACAE3
#D1DADC
#D3D7DC
#D5D5DD
#D7D2DD
#D9D0DE
#DBCDDE
#DECADF
#D1E0D6
#D4DCD7
#D6D9D8
#D9D5D8
#DCD2D9
#DFCEDA
#E2CADB
#D1E5D1
#D5E1D2
#D8DCD3
#DCD8D3
#DFD4D4
#E3CFD5
#E7CAD6
#D1ECCA
#D5E7CB
#DAE1CC
#DEDCCD
#E2D6CE
#E7D1D0
#ECCAD1
Colorpallet from #D1CAEC to #CAD1EC and to #CAECD1
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D0CBEC
#D0CCEB
#D0CCEB
#D0CDEA
#D0CEE9
#D0CEE9
#D0CFE8
#CFCCEC
#CFCDEB
#CFCFE9
#CFD0E8
#CFD2E6
#CFD3E5
#CFD5E3
#CECDEC
#CECFEA
#CED1E8
#CED3E6
#CED5E4
#CED7E2
#CEDADF
#CDCEEC
#CDD1E9
#CDD4E7
#CDD7E4
#CDDAE1
#CDDCDE
#CDE0DB
#CBD0EC
#CBD3E8
#CBD7E5
#CBDAE1
#CBDDDE
#CBE1DA
#CBE5D6
#CAD1EC
#CAD5E8
#CADAE3
#CADEDF
#CAE2DB
#CAE7D6
#CAECD1
Colorpallet from #D1CAEC to #CAD1EC and to #ECD1CA
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D0CBEC
#D1CBEB
#D2CBEA
#D2CBEA
#D3CBE9
#D4CBE8
#D5CBE7
#CFCCEC
#D1CCEA
#D3CCE8
#D4CCE7
#D6CCE5
#D8CCE3
#DACCE1
#CECDEC
#D1CDE9
#D3CDE7
#D6CDE4
#D8CDE2
#DBCDDF
#DECDDC
#CDCEEC
#D0CEE8
#D4CEE5
#D7CEE1
#DACEDE
#DECEDA
#E2CED6
#CBD0EC
#CFD0E8
#D4D0E3
#D8D0DF
#DDD0DB
#E1D0D6
#E7D0D1
#CAD1EC
#CFD1E7
#D5D1E1
#DAD1DC
#E0D1D6
#E5D1D1
#ECD1CA
Colorpallet from #D1CAEC to #CAD1EC and to #ECCAD1
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D0CBEC
#D1CBEB
#D2CBEB
#D2CBEA
#D3CAE9
#D4CAE9
#D5CAE8
#CFCCEC
#D1CCEB
#D3CBE9
#D4CBE8
#D6CBE6
#D8CAE5
#DACAE3
#CECDEC
#D1CDEA
#D3CCE8
#D6CCE6
#D8CBE4
#DBCBE2
#DECADF
#CDCEEC
#D0CDE9
#D4CDE7
#D7CCE4
#DACBE1
#DECBDE
#E2CADB
#CBD0EC
#CFCFE8
#D4CEE5
#D8CDE1
#DDCCDE
#E1CBDA
#E7CAD6
#CAD1EC
#CFD0E8
#D5CFE3
#DACEDF
#E0CDDB
#E5CBD6
#ECCAD1
Colorpallet from #D1CAEC to #CAECD1 and to #ECD1CA
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D0CFE8
#D1CEE8
#D2CEE8
#D2CDE8
#D3CCE7
#D4CCE7
#D5CBE7
#CFD5E3
#D1D4E3
#D3D2E2
#D4D1E2
#D6CFE2
#D8CEE1
#DACCE1
#CEDADF
#D1D8DF
#D3D6DE
#D6D4DE
#D8D2DD
#DBD0DD
#DECDDC
#CDE0DB
#D0DDDA
#D4DAD9
#D7D7D9
#DAD4D8
#DED2D7
#E2CED6
#CBE5D6
#CFE2D5
#D4DED4
#D8DBD4
#DDD8D3
#E1D4D2
#E7D0D1
#CAECD1
#CFE8D0
#D5E3CF
#DADFCE
#E0DBCD
#E5D6CB
#ECD1CA
Colorpallet from #D1CAEC to #CAECD1 and to #ECCAD1
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D0CFE8
#D1CEE8
#D2CDE8
#D2CDE8
#D3CCE8
#D4CBE8
#D5CAE8
#CFD5E3
#D1D3E3
#D3D1E3
#D4D0E3
#D6CEE3
#D8CCE3
#DACAE3
#CEDADF
#D1D7DF
#D3D5DF
#D6D2DF
#D8D0DF
#DBCDDF
#DECADF
#CDE0DB
#D0DCDB
#D4D9DB
#D7D5DB
#DAD2DB
#DECEDB
#E2CADB
#CBE5D6
#CFE1D6
#D4DCD6
#D8D8D6
#DDD4D6
#E1CFD6
#E7CAD6
#CAECD1
#CFE7D1
#D5E1D1
#DADCD1
#E0D6D1
#E5D1D1
#ECCAD1
Colorpallet from #D1CAEC to #ECD1CA and to #ECCAD1
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D1CAEC
#D5CBE7
#D5CBE7
#D5CBE7
#D5CBE7
#D5CAE8
#D5CAE8
#D5CAE8
#DACCE1
#DACCE1
#DACBE2
#DACBE2
#DACBE2
#DACAE3
#DACAE3
#DECDDC
#DECDDC
#DECCDD
#DECCDD
#DECBDE
#DECBDE
#DECADF
#E2CED6
#E2CDD7
#E2CDD8
#E2CCD8
#E2CBD9
#E2CBDA
#E2CADB
#E7D0D1
#E7CFD2
#E7CED3
#E7CDD3
#E7CCD4
#E7CBD5
#E7CAD6
#ECD1CA
#ECD0CB
#ECCFCC
#ECCECD
#ECCDCE
#ECCBD0
#ECCAD1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts