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 #CAE5DB to #CADBE5 and to #E5CADB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE3DD
#CBE3DD
#CBE2DC
#CCE2DC
#CDE2DC
#CDE1DB
#CEE1DB
#CAE2DE
#CBE1DE
#CDE0DD
#CEDFDD
#D0DEDC
#D1DDDC
#D3DCDB
#CAE0E0
#CCDFDF
#CEDDDE
#D0DCDE
#D2DBDD
#D4DADC
#D7D8DB
#CADFE1
#CDDDE0
#CFDBDF
#D2DADE
#D5D8DD
#D8D6DC
#DBD4DB
#CADDE3
#CEDBE2
#D1D9E0
#D5D6DF
#D8D4DE
#DCD2DD
#E0CFDB
#CADBE5
#CED8E3
#D3D6E2
#D7D3E0
#DBD0DF
#E0CDDD
#E5CADB
Colorpallet from #CAE5DB to #CADBE5 and to #E5DBCA
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE3DD
#CBE3DC
#CBE3DB
#CCE3DB
#CDE3DA
#CDE3D9
#CEE3D8
#CAE2DE
#CBE2DD
#CDE2DB
#CEE2DA
#D0E2D9
#D1E2D8
#D3E2D6
#CAE0E0
#CCE0DE
#CEE0DC
#D0E0DA
#D2E0D8
#D4E0D6
#D7E0D3
#CADFE1
#CDDFDE
#CFDFDC
#D2DFD9
#D5DFD6
#D8DFD3
#DBDFD0
#CADDE3
#CEDDDF
#D1DDDC
#D5DDD8
#D8DDD5
#DCDDD1
#E0DDCD
#CADBE5
#CEDBE1
#D3DBDC
#D7DBD8
#DBDBD4
#E0DBCF
#E5DBCA
Colorpallet from #CAE5DB to #CADBE5 and to #DBCAE5
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE3DD
#CAE3DD
#CBE2DD
#CBE2DD
#CCE2DD
#CCE1DD
#CDE1DD
#CAE2DE
#CBE1DE
#CCE0DE
#CCDFDE
#CDDEDE
#CEDDDE
#CFDCDE
#CAE0E0
#CBDFE0
#CDDDE0
#CEDCE0
#CFDBE0
#D0DAE0
#D2D8E0
#CADFE1
#CCDDE1
#CEDBE1
#CFDAE1
#D1D8E1
#D3D6E1
#D5D4E1
#CADDE3
#CCDBE3
#CED9E3
#D1D6E3
#D3D4E3
#D5D2E3
#D8CFE3
#CADBE5
#CDD8E5
#CFD6E5
#D2D3E5
#D5D0E5
#D8CDE5
#DBCAE5
Colorpallet from #CAE5DB to #CADBE5 and to #DBE5CA
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE3DD
#CAE3DC
#CBE4DB
#CBE4DB
#CCE4DA
#CCE5D9
#CDE5D8
#CAE2DE
#CBE2DD
#CCE3DB
#CCE3DA
#CDE4D9
#CEE4D8
#CFE5D6
#CAE0E0
#CBE1DE
#CDE2DC
#CEE2DA
#CFE3D8
#D0E4D6
#D2E5D3
#CADFE1
#CCE0DE
#CEE1DC
#CFE2D9
#D1E3D6
#D3E4D3
#D5E5D0
#CADDE3
#CCDEDF
#CEE0DC
#D1E1D8
#D3E2D5
#D5E3D1
#D8E5CD
#CADBE5
#CDDDE1
#CFDEDC
#D2E0D8
#D5E1D4
#D8E3CF
#DBE5CA
Colorpallet from #CAE5DB to #E5CADB and to #E5DBCA
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CEE1DB
#CEE1DB
#CEE2DA
#CEE2DA
#CEE2D9
#CEE3D9
#CEE3D8
#D3DCDB
#D3DDDA
#D3DED9
#D3DFD9
#D3E0D8
#D3E1D7
#D3E2D6
#D7D8DB
#D7D9DA
#D7DBD8
#D7DCD7
#D7DDD6
#D7DED5
#D7E0D3
#DBD4DB
#DBD6D9
#DBD8D7
#DBD9D6
#DBDBD4
#DBDDD2
#DBDFD0
#E0CFDB
#E0D1D9
#E0D3D7
#E0D6D4
#E0D8D2
#E0DAD0
#E0DDCD
#E5CADB
#E5CDD8
#E5CFD6
#E5D2D3
#E5D5D0
#E5D8CD
#E5DBCA
Colorpallet from #CAE5DB to #E5CADB and to #DBCAE5
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CEE1DB
#CEE1DB
#CEE1DC
#CEE1DC
#CDE1DC
#CDE1DD
#CDE1DD
#D3DCDB
#D2DCDB
#D2DCDC
#D1DCDC
#D0DCDD
#D0DCDD
#CFDCDE
#D7D8DB
#D6D8DC
#D5D8DD
#D5D8DD
#D4D8DE
#D3D8DF
#D2D8E0
#DBD4DB
#DAD4DC
#D9D4DD
#D8D4DE
#D7D4DF
#D6D4E0
#D5D4E1
#E0CFDB
#DFCFDC
#DDCFDE
#DCCFDF
#DBCFE0
#DACFE1
#D8CFE3
#E5CADB
#E3CADD
#E2CADE
#E0CAE0
#DFCAE1
#DDCAE3
#DBCAE5
Colorpallet from #CAE5DB to #E5CADB and to #DBE5CA
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CEE1DB
#CEE2DB
#CEE2DA
#CEE3DA
#CDE4D9
#CDE4D9
#CDE5D8
#D3DCDB
#D2DDDA
#D2DFD9
#D1E0D9
#D0E2D8
#D0E3D7
#CFE5D6
#D7D8DB
#D6DADA
#D5DCD8
#D5DED7
#D4E0D6
#D3E2D5
#D2E5D3
#DBD4DB
#DAD7D9
#D9D9D7
#D8DCD6
#D7DFD4
#D6E2D2
#D5E5D0
#E0CFDB
#DFD3D9
#DDD6D7
#DCDAD4
#DBDDD2
#DAE1D0
#D8E5CD
#E5CADB
#E3CED8
#E2D3D6
#E0D7D3
#DFDBD0
#DDE0CD
#DBE5CA
Colorpallet from #CAE5DB to #E5DBCA and to #DBCAE5
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CEE3D8
#CEE3D9
#CEE2DA
#CEE2DA
#CDE2DB
#CDE1DC
#CDE1DD
#D3E2D6
#D2E1D7
#D2E0D9
#D1DFDA
#D0DEDB
#D0DDDC
#CFDCDE
#D7E0D3
#D6DFD5
#D5DDD7
#D5DCD9
#D4DBDB
#D3DADD
#D2D8E0
#DBDFD0
#DADDD3
#D9DBD5
#D8DAD8
#D7D8DB
#D6D6DE
#D5D4E1
#E0DDCD
#DFDBD1
#DDD9D4
#DCD6D8
#DBD4DB
#DAD2DF
#D8CFE3
#E5DBCA
#E3D8CE
#E2D6D3
#E0D3D7
#DFD0DB
#DDCDE0
#DBCAE5
Colorpallet from #CAE5DB to #E5DBCA and to #DBE5CA
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CEE3D8
#CEE3D8
#CEE4D8
#CEE4D8
#CDE4D8
#CDE5D8
#CDE5D8
#D3E2D6
#D2E2D6
#D2E3D6
#D1E3D6
#D0E4D6
#D0E4D6
#CFE5D6
#D7E0D3
#D6E1D3
#D5E2D3
#D5E2D3
#D4E3D3
#D3E4D3
#D2E5D3
#DBDFD0
#DAE0D0
#D9E1D0
#D8E2D0
#D7E3D0
#D6E4D0
#D5E5D0
#E0DDCD
#DFDECD
#DDE0CD
#DCE1CD
#DBE2CD
#DAE3CD
#D8E5CD
#E5DBCA
#E3DDCA
#E2DECA
#E0E0CA
#DFE1CA
#DDE3CA
#DBE5CA
Colorpallet from #CAE5DB to #DBCAE5 and to #DBE5CA
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CAE5DB
#CDE1DD
#CDE2DC
#CDE2DB
#CDE3DB
#CDE4DA
#CDE4D9
#CDE5D8
#CFDCDE
#CFDDDD
#CFDFDB
#CFE0DA
#CFE2D9
#CFE3D8
#CFE5D6
#D2D8E0
#D2DADE
#D2DCDC
#D2DEDA
#D2E0D8
#D2E2D6
#D2E5D3
#D5D4E1
#D5D7DE
#D5D9DC
#D5DCD9
#D5DFD6
#D5E2D3
#D5E5D0
#D8CFE3
#D8D3DF
#D8D6DC
#D8DAD8
#D8DDD5
#D8E1D1
#D8E5CD
#DBCAE5
#DBCEE1
#DBD3DC
#DBD7D8
#DBDBD4
#DBE0CF
#DBE5CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
