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 #F5CADA to #F5DACA and to #CAF5DA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CDD7
#F4CED7
#F3CED8
#F2CFD8
#F1D0D9
#EFD0D9
#EED1DA
#F5CFD5
#F3D0D6
#F1D2D7
#EED3D7
#ECD5D8
#EAD6D9
#E7D8DA
#F5D2D2
#F2D4D3
#EED6D5
#EBD8D6
#E8DAD7
#E4DCD8
#E0DFDA
#F5D4D0
#F1D7D2
#ECDAD3
#E8DDD5
#E3E0D6
#DFE2D8
#D9E6DA
#F5D7CD
#F0DACF
#EADED1
#E5E1D3
#DFE4D5
#DAE8D7
#D3ECDA
#F5DACA
#EEDECD
#E7E3CF
#E0E7D2
#D9EBD4
#D3F0D7
#CAF5DA
Colorpallet from #F5CADA to #F5DACA and to #CADAF5
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CDD7
#F4CDD8
#F3CDD9
#F2CDDA
#F1CDDB
#EFCDDD
#EECDDE
#F5CFD5
#F3CFD7
#F1CFD9
#EECFDC
#ECCFDE
#EACFE0
#E7CFE3
#F5D2D2
#F2D2D5
#EED2D9
#EBD2DC
#E8D2DF
#E4D2E3
#E0D2E7
#F5D4D0
#F1D4D4
#ECD4D9
#E8D4DD
#E3D4E1
#DFD4E6
#D9D4EB
#F5D7CD
#F0D7D3
#EAD7D8
#E5D7DE
#DFD7E3
#DAD7E9
#D3D7F0
#F5DACA
#EEDAD1
#E7DAD8
#E0DADF
#D9DAE6
#D3DAEC
#CADAF5
Colorpallet from #F5CADA to #F5DACA and to #DAF5CA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CDD7
#F4CED7
#F4CED7
#F3CFD7
#F2D0D7
#F2D0D7
#F1D1D7
#F5CFD5
#F4D0D5
#F2D2D5
#F1D3D5
#EFD5D5
#EED6D5
#ECD8D5
#F5D2D2
#F3D4D2
#F1D6D2
#EFD8D2
#EDDAD2
#EBDCD2
#E8DFD2
#F5D4D0
#F2D7D0
#F0DAD0
#EDDDD0
#EAE0D0
#E7E2D0
#E4E6D0
#F5D7CD
#F1DACD
#EEDECD
#EAE1CD
#E7E4CD
#E3E8CD
#DFECCD
#F5DACA
#F1DECA
#ECE3CA
#E8E7CA
#E4EBCA
#DFF0CA
#DAF5CA
Colorpallet from #F5CADA to #F5DACA and to #DACAF5
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CDD7
#F4CDD8
#F4CCD9
#F3CCDA
#F2CBDB
#F2CBDD
#F1CADE
#F5CFD5
#F4CED7
#F2CDD9
#F1CDDC
#EFCCDE
#EECBE0
#ECCAE3
#F5D2D2
#F3D1D5
#F1CFD9
#EFCEDC
#EDCDDF
#EBCCE3
#E8CAE7
#F5D4D0
#F2D2D4
#F0D1D9
#EDCFDD
#EACEE1
#E7CCE6
#E4CAEB
#F5D7CD
#F1D5D3
#EED3D8
#EAD1DE
#E7CFE3
#E3CDE9
#DFCAF0
#F5DACA
#F1D7D1
#ECD5D8
#E8D2DF
#E4D0E6
#DFCDEC
#DACAF5
Colorpallet from #F5CADA to #CAF5DA and to #CADAF5
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#EED1DA
#EED0DB
#EED0DB
#EECFDC
#EECEDD
#EECEDD
#EECDDE
#E7D8DA
#E7D7DB
#E7D5DD
#E7D4DE
#E7D2E0
#E7D1E1
#E7CFE3
#E0DFDA
#E0DDDC
#E0DBDE
#E0D9E0
#E0D7E2
#E0D5E4
#E0D2E7
#D9E6DA
#D9E3DD
#D9E0DF
#D9DDE2
#D9DAE5
#D9D8E8
#D9D4EB
#D3ECDA
#D3E9DE
#D3E5E1
#D3E2E5
#D3DFE8
#D3DBEC
#D3D7F0
#CAF5DA
#CAF1DE
#CAECE3
#CAE8E7
#CAE4EB
#CADFF0
#CADAF5
Colorpallet from #F5CADA to #CAF5DA and to #DAF5CA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#EED1DA
#EED1DA
#EFD1D9
#EFD1D9
#F0D1D8
#F0D1D8
#F1D1D7
#E7D8DA
#E8D8D9
#E9D8D8
#E9D8D8
#EAD8D7
#EBD8D6
#ECD8D5
#E0DFDA
#E1DFD9
#E3DFD7
#E4DFD6
#E5DFD5
#E6DFD4
#E8DFD2
#D9E6DA
#DBE6D8
#DDE6D7
#DEE6D5
#E0E6D4
#E2E6D2
#E4E6D0
#D3ECDA
#D5ECD8
#D7ECD6
#D9ECD4
#DBECD2
#DDECD0
#DFECCD
#CAF5DA
#CDF5D7
#CFF5D5
#D2F5D2
#D4F5D0
#D7F5CD
#DAF5CA
Colorpallet from #F5CADA to #CAF5DA and to #DACAF5
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#EED1DA
#EED0DB
#EFCFDB
#EFCEDC
#F0CDDD
#F0CBDD
#F1CADE
#E7D8DA
#E8D6DB
#E9D4DD
#E9D1DE
#EACFE0
#EBCDE1
#ECCAE3
#E0DFDA
#E1DCDC
#E3D8DE
#E4D5E0
#E5D2E2
#E6CEE4
#E8CAE7
#D9E6DA
#DBE2DD
#DDDDDF
#DED9E2
#E0D4E5
#E2D0E8
#E4CAEB
#D3ECDA
#D5E7DE
#D7E1E1
#D9DCE5
#DBD6E8
#DDD1EC
#DFCAF0
#CAF5DA
#CDEEDE
#CFE7E3
#D2E0E7
#D4D9EB
#D7D3F0
#DACAF5
Colorpallet from #F5CADA to #CADAF5 and to #DAF5CA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#EECDDE
#EECEDD
#EFCEDC
#EFCFDB
#F0D0DA
#F0D0D8
#F1D1D7
#E7CFE3
#E8D0E1
#E9D2DF
#E9D3DC
#EAD5DA
#EBD6D8
#ECD8D5
#E0D2E7
#E1D4E4
#E3D6E0
#E4D8DD
#E5DADA
#E6DCD6
#E8DFD2
#D9D4EB
#DBD7E7
#DDDAE2
#DEDDDE
#E0E0DA
#E2E2D5
#E4E6D0
#D3D7F0
#D5DAEA
#D7DEE5
#D9E1DF
#DBE4DA
#DDE8D4
#DFECCD
#CADAF5
#CDDEEE
#CFE3E7
#D2E7E0
#D4EBD9
#D7F0D3
#DAF5CA
Colorpallet from #F5CADA to #CADAF5 and to #DACAF5
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#EECDDE
#EECDDE
#EFCCDE
#EFCCDE
#F0CBDE
#F0CBDE
#F1CADE
#E7CFE3
#E8CEE3
#E9CDE3
#E9CDE3
#EACCE3
#EBCBE3
#ECCAE3
#E0D2E7
#E1D1E7
#E3CFE7
#E4CEE7
#E5CDE7
#E6CCE7
#E8CAE7
#D9D4EB
#DBD2EB
#DDD1EB
#DECFEB
#E0CEEB
#E2CCEB
#E4CAEB
#D3D7F0
#D5D5F0
#D7D3F0
#D9D1F0
#DBCFF0
#DDCDF0
#DFCAF0
#CADAF5
#CDD7F5
#CFD5F5
#D2D2F5
#D4D0F5
#D7CDF5
#DACAF5
Colorpallet from #F5CADA to #DAF5CA and to #DACAF5
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F5CADA
#F1D1D7
#F1D0D8
#F1CFD9
#F1CEDA
#F1CDDB
#F1CBDD
#F1CADE
#ECD8D5
#ECD6D7
#ECD4D9
#ECD1DC
#ECCFDE
#ECCDE0
#ECCAE3
#E8DFD2
#E8DCD5
#E8D8D9
#E8D5DC
#E8D2DF
#E8CEE3
#E8CAE7
#E4E6D0
#E4E2D4
#E4DDD9
#E4D9DD
#E4D4E1
#E4D0E6
#E4CAEB
#DFECCD
#DFE7D3
#DFE1D8
#DFDCDE
#DFD6E3
#DFD1E9
#DFCAF0
#DAF5CA
#DAEED1
#DAE7D8
#DAE0DF
#DAD9E6
#DAD3EC
#DACAF5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts