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 #C3F2D2 to #C3D2F2 and to #F2C3D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3EDD7
#C4EDD6
#C6ECD5
#C7ECD5
#C8EBD4
#C9EBD3
#CBEAD2
#C3E8DC
#C5E7DA
#C8E6D9
#CAE6D7
#CDE5D6
#CFE4D4
#D2E3D2
#C3E3E1
#C7E2DF
#CAE0DC
#CEDFDA
#D2DED7
#D5DDD5
#DADBD2
#C3DEE6
#C8DCE3
#CDDBE0
#D1D9DC
#D6D8D9
#DBD6D6
#E1D4D2
#C3D8EC
#C9D6E8
#CFD4E4
#D5D2E0
#DBD0DB
#E1CED7
#E9CCD2
#C3D2F2
#CBD0ED
#D2CDE8
#DACBE3
#E1C8DE
#E9C6D8
#F2C3D2
Colorpallet from #C3F2D2 to #C3D2F2 and to #F2D2C3
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3EDD7
#C4EDD6
#C6EDD5
#C7EDD4
#C8EDD3
#C9EDD1
#CBEDD0
#C3E8DC
#C5E8DA
#C8E8D7
#CAE8D5
#CDE8D2
#CFE8D0
#D2E8CD
#C3E3E1
#C7E3DD
#CAE3DA
#CEE3D6
#D2E3D3
#D5E3CF
#DAE3CB
#C3DEE6
#C8DEE1
#CDDEDC
#D1DED8
#D6DED3
#DBDECE
#E1DEC8
#C3D8EC
#C9D8E6
#CFD8E0
#D5D8DA
#DBD8D4
#E1D8CE
#E9D8C6
#C3D2F2
#CBD2EA
#D2D2E3
#DAD2DB
#E1D2D4
#E9D2CC
#F2D2C3
Colorpallet from #C3F2D2 to #C3D2F2 and to #D2C3F2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3EDD7
#C3EDD7
#C4ECD7
#C4ECD7
#C4EBD7
#C5EBD7
#C5EAD7
#C3E8DC
#C4E7DC
#C5E6DC
#C5E6DC
#C6E5DC
#C7E4DC
#C8E3DC
#C3E3E1
#C4E2E1
#C5E0E1
#C6DFE1
#C7DEE1
#C9DDE1
#CADBE1
#C3DEE6
#C5DCE6
#C6DBE6
#C8D9E6
#C9D8E6
#CBD6E6
#CDD4E6
#C3D8EC
#C5D6EC
#C7D4EC
#C9D2EC
#CBD0EC
#CDCEEC
#CFCCEC
#C3D2F2
#C5D0F2
#C8CDF2
#CACBF2
#CDC8F2
#CFC6F2
#D2C3F2
Colorpallet from #C3F2D2 to #C3D2F2 and to #D2F2C3
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3EDD7
#C3EED6
#C4EFD5
#C4EFD4
#C4F0D3
#C5F1D1
#C5F2D0
#C3E8DC
#C4EADA
#C5EBD7
#C5EDD5
#C6EED2
#C7F0D0
#C8F2CD
#C3E3E1
#C4E5DD
#C5E8DA
#C6EAD6
#C7EDD3
#C9EFCF
#CAF2CB
#C3DEE6
#C5E1E1
#C6E4DC
#C8E8D8
#C9EBD3
#CBEECE
#CDF2C8
#C3D8EC
#C5DCE6
#C7E0E0
#C9E4DA
#CBE9D4
#CDEDCE
#CFF2C6
#C3D2F2
#C5D7EA
#C8DCE3
#CAE1DB
#CDE6D4
#CFECCC
#D2F2C3
Colorpallet from #C3F2D2 to #F2C3D2 and to #F2D2C3
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#CBEAD2
#CBEAD2
#CBEBD1
#CBEBD1
#CBECD1
#CBECD0
#CBEDD0
#D2E3D2
#D2E4D1
#D2E5D0
#D2E5D0
#D2E6CF
#D2E7CE
#D2E8CD
#DADBD2
#DADCD1
#DADED0
#DADFCF
#DAE0CE
#DAE1CC
#DAE3CB
#E1D4D2
#E1D6D0
#E1D7CF
#E1D9CD
#E1DACC
#E1DCCA
#E1DEC8
#E9CCD2
#E9CED0
#E9D0CE
#E9D2CC
#E9D4CA
#E9D6C8
#E9D8C6
#F2C3D2
#F2C5D0
#F2C8CD
#F2CACB
#F2CDC8
#F2CFC6
#F2D2C3
Colorpallet from #C3F2D2 to #F2C3D2 and to #D2C3F2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#CBEAD2
#CAEAD3
#C9EAD4
#C8EAD4
#C7EAD5
#C6EAD6
#C5EAD7
#D2E3D2
#D0E3D4
#CFE3D5
#CDE3D7
#CCE3D8
#CAE3DA
#C8E3DC
#DADBD2
#D7DBD4
#D5DBD7
#D2DBD9
#D0DBDC
#CDDBDE
#CADBE1
#E1D4D2
#DED4D5
#DBD4D8
#D7D4DC
#D4D4DF
#D1D4E2
#CDD4E6
#E9CCD2
#E5CCD6
#E1CCDA
#DDCCDE
#D8CCE3
#D4CCE7
#CFCCEC
#F2C3D2
#EDC3D7
#E8C3DC
#E3C3E1
#DEC3E6
#D8C3EC
#D2C3F2
Colorpallet from #C3F2D2 to #F2C3D2 and to #D2F2C3
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#CBEAD2
#CAEBD2
#C9EDD1
#C8EED1
#C7EFD1
#C6F0D0
#C5F2D0
#D2E3D2
#D0E5D1
#CFE8D0
#CDEAD0
#CCEDCF
#CAEFCE
#C8F2CD
#DADBD2
#D7DFD1
#D5E2D0
#D2E6CF
#D0EACE
#CDEDCC
#CAF2CB
#E1D4D2
#DED9D0
#DBDECF
#D7E2CD
#D4E7CC
#D1ECCA
#CDF2C8
#E9CCD2
#E5D2D0
#E1D8CE
#DDDECC
#D8E4CA
#D4EAC8
#CFF2C6
#F2C3D2
#EDCBD0
#E8D2CD
#E3DACB
#DEE1C8
#D8E9C6
#D2F2C3
Colorpallet from #C3F2D2 to #F2D2C3 and to #D2C3F2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#CBEDD0
#CAEDD1
#C9ECD2
#C8ECD3
#C7EBD4
#C6EBD6
#C5EAD7
#D2E8CD
#D0E7CF
#CFE6D2
#CDE6D4
#CCE5D7
#CAE4D9
#C8E3DC
#DAE3CB
#D7E2CF
#D5E0D2
#D2DFD6
#D0DED9
#CDDDDD
#CADBE1
#E1DEC8
#DEDCCD
#DBDBD2
#D7D9D6
#D4D8DB
#D1D6E0
#CDD4E6
#E9D8C6
#E5D6CC
#E1D4D2
#DDD2D8
#D8D0DE
#D4CEE4
#CFCCEC
#F2D2C3
#EDD0CB
#E8CDD2
#E3CBDA
#DEC8E1
#D8C6E9
#D2C3F2
Colorpallet from #C3F2D2 to #F2D2C3 and to #D2F2C3
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#CBEDD0
#CAEED0
#C9EFD0
#C8EFD0
#C7F0D0
#C6F1D0
#C5F2D0
#D2E8CD
#D0EACD
#CFEBCD
#CDEDCD
#CCEECD
#CAF0CD
#C8F2CD
#DAE3CB
#D7E5CB
#D5E8CB
#D2EACB
#D0EDCB
#CDEFCB
#CAF2CB
#E1DEC8
#DEE1C8
#DBE4C8
#D7E8C8
#D4EBC8
#D1EEC8
#CDF2C8
#E9D8C6
#E5DCC6
#E1E0C6
#DDE4C6
#D8E9C6
#D4EDC6
#CFF2C6
#F2D2C3
#EDD7C3
#E8DCC3
#E3E1C3
#DEE6C3
#D8ECC3
#D2F2C3
Colorpallet from #C3F2D2 to #D2C3F2 and to #D2F2C3
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C3F2D2
#C5EAD7
#C5EBD6
#C5EDD5
#C5EED4
#C5EFD3
#C5F0D1
#C5F2D0
#C8E3DC
#C8E5DA
#C8E8D7
#C8EAD5
#C8EDD2
#C8EFD0
#C8F2CD
#CADBE1
#CADFDD
#CAE2DA
#CAE6D6
#CAEAD3
#CAEDCF
#CAF2CB
#CDD4E6
#CDD9E1
#CDDEDC
#CDE2D8
#CDE7D3
#CDECCE
#CDF2C8
#CFCCEC
#CFD2E6
#CFD8E0
#CFDEDA
#CFE4D4
#CFEACE
#CFF2C6
#D2C3F2
#D2CBEA
#D2D2E3
#D2DADB
#D2E1D4
#D2E9CC
#D2F2C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts