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 #CADAEC to #CAECDA and to #DACAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADDE9
#CADCE9
#CBDBEA
#CBDAEA
#CCD9EB
#CCD8EB
#CDD7EC
#CAE0E6
#CBDEE7
#CCDCE8
#CCDBE9
#CDD9EA
#CED7EB
#CFD5EC
#CAE3E3
#CBE0E4
#CDDEE6
#CEDBE7
#CFD8E9
#D0D5EA
#D2D2EC
#CAE6E0
#CCE2E2
#CDDFE4
#CFDBE6
#D0D8E8
#D2D4EA
#D4D0EC
#CAE8DE
#CCE4E0
#CEDFE2
#D0DBE5
#D2D7E7
#D4D2E9
#D7CDEC
#CAECDA
#CDE7DD
#CFE1E0
#D2DCE3
#D4D6E6
#D7D1E8
#DACAEC
Colorpallet from #CADAEC to #CAECDA and to #DAECCA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADDE9
#CADDE9
#CBDDE8
#CBDDE8
#CCDDE8
#CCDDE7
#CDDDE7
#CAE0E6
#CBE0E5
#CCE0E4
#CCE0E4
#CDE0E3
#CEE0E2
#CFE0E1
#CAE3E3
#CBE3E2
#CDE3E1
#CEE3E0
#CFE3DF
#D0E3DD
#D2E3DC
#CAE6E0
#CCE6DE
#CDE6DD
#CFE6DB
#D0E6DA
#D2E6D8
#D4E6D6
#CAE8DE
#CCE8DC
#CEE8DA
#D0E8D8
#D2E8D6
#D4E8D4
#D7E8D1
#CAECDA
#CDECD7
#CFECD5
#D2ECD2
#D4ECD0
#D7ECCD
#DAECCA
Colorpallet from #CADAEC to #CAECDA and to #ECCADA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADDE9
#CBDCE9
#CCDBE9
#CCDAE9
#CDD9E9
#CED8E9
#CFD7E9
#CAE0E6
#CCDEE6
#CEDCE6
#CFDBE6
#D1D9E6
#D3D7E6
#D5D5E6
#CAE3E3
#CDE0E3
#CFDEE3
#D2DBE3
#D4D8E3
#D7D5E3
#DAD2E3
#CAE6E0
#CEE2E0
#D1DFE0
#D5DBE0
#D8D8E0
#DCD4E0
#E0D0E0
#CAE8DE
#CEE4DE
#D3DFDE
#D7DBDE
#DBD7DE
#E0D2DE
#E5CDDE
#CAECDA
#CFE7DA
#D5E1DA
#DADCDA
#E0D6DA
#E5D1DA
#ECCADA
Colorpallet from #CADAEC to #CAECDA and to #ECDACA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADDE9
#CBDDE9
#CCDCE8
#CCDCE8
#CDDBE8
#CEDBE7
#CFDAE7
#CAE0E6
#CCDFE5
#CEDEE4
#CFDDE4
#D1DCE3
#D3DBE2
#D5DAE1
#CAE3E3
#CDE2E2
#CFE0E1
#D2DFE0
#D4DDDF
#D7DCDD
#DADADC
#CAE6E0
#CEE4DE
#D1E2DD
#D5E0DB
#D8DEDA
#DCDCD8
#E0DAD6
#CAE8DE
#CEE6DC
#D3E4DA
#D7E1D8
#DBDFD6
#E0DDD4
#E5DAD1
#CAECDA
#CFE9D7
#D5E6D5
#DAE3D2
#E0E0D0
#E5DECD
#ECDACA
Colorpallet from #CADAEC to #DACAEC and to #DAECCA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CDD7EC
#CDD8EB
#CDD9EA
#CDDAEA
#CDDBE9
#CDDCE8
#CDDDE7
#CFD5EC
#CFD7EA
#CFD9E8
#CFDAE7
#CFDCE5
#CFDEE3
#CFE0E1
#D2D2EC
#D2D5E9
#D2D7E7
#D2DAE4
#D2DDE2
#D2E0DF
#D2E3DC
#D4D0EC
#D4D4E8
#D4D7E5
#D4DBE1
#D4DEDE
#D4E2DA
#D4E6D6
#D7CDEC
#D7D1E8
#D7D6E3
#D7DADF
#D7DEDB
#D7E3D6
#D7E8D1
#DACAEC
#DACFE7
#DAD5E1
#DADADC
#DAE0D6
#DAE5D1
#DAECCA
Colorpallet from #CADAEC to #DACAEC and to #ECCADA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CDD7EC
#CDD7EC
#CED7EB
#CED7EB
#CED7EA
#CFD7EA
#CFD7E9
#CFD5EC
#D0D5EB
#D1D5EA
#D2D5E9
#D3D5E8
#D4D5E7
#D5D5E6
#D2D2EC
#D3D2EB
#D5D2E9
#D6D2E8
#D7D2E6
#D8D2E5
#DAD2E3
#D4D0EC
#D6D0EA
#D8D0E8
#DAD0E6
#DCD0E4
#DED0E2
#E0D0E0
#D7CDEC
#D9CDEA
#DBCDE8
#DECDE5
#E0CDE3
#E2CDE1
#E5CDDE
#DACAEC
#DDCAE9
#E0CAE6
#E3CAE3
#E6CAE0
#E8CADE
#ECCADA
Colorpallet from #CADAEC to #DACAEC and to #ECDACA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CDD7EC
#CDD7EB
#CED8EA
#CED8EA
#CED9E9
#CFD9E8
#CFDAE7
#CFD5EC
#D0D6EA
#D1D7E8
#D2D7E7
#D3D8E5
#D4D9E3
#D5DAE1
#D2D2EC
#D3D3E9
#D5D5E7
#D6D6E4
#D7D7E2
#D8D8DF
#DADADC
#D4D0EC
#D6D2E8
#D8D3E5
#DAD5E1
#DCD6DE
#DED8DA
#E0DAD6
#D7CDEC
#D9CFE8
#DBD1E3
#DED3DF
#E0D5DB
#E2D7D6
#E5DAD1
#DACAEC
#DDCDE7
#E0CFE1
#E3D2DC
#E6D4D6
#E8D7D1
#ECDACA
Colorpallet from #CADAEC to #DAECCA and to #ECCADA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CDDDE7
#CDDCE7
#CEDBE8
#CEDAE8
#CED9E8
#CFD8E9
#CFD7E9
#CFE0E1
#D0DEE2
#D1DCE3
#D2DBE3
#D3D9E4
#D4D7E5
#D5D5E6
#D2E3DC
#D3E0DD
#D5DEDE
#D6DBDF
#D7D8E0
#D8D5E2
#DAD2E3
#D4E6D6
#D6E2D8
#D8DFD9
#DADBDB
#DCD8DC
#DED4DE
#E0D0E0
#D7E8D1
#D9E4D3
#DBDFD5
#DEDBD7
#E0D7D9
#E2D2DB
#E5CDDE
#DAECCA
#DDE7CD
#E0E1CF
#E3DCD2
#E6D6D4
#E8D1D7
#ECCADA
Colorpallet from #CADAEC to #DAECCA and to #ECDACA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CDDDE7
#CDDDE7
#CEDCE7
#CEDCE7
#CEDBE7
#CFDBE7
#CFDAE7
#CFE0E1
#D0DFE1
#D1DEE1
#D2DDE1
#D3DCE1
#D4DBE1
#D5DAE1
#D2E3DC
#D3E2DC
#D5E0DC
#D6DFDC
#D7DDDC
#D8DCDC
#DADADC
#D4E6D6
#D6E4D6
#D8E2D6
#DAE0D6
#DCDED6
#DEDCD6
#E0DAD6
#D7E8D1
#D9E6D1
#DBE4D1
#DEE1D1
#E0DFD1
#E2DDD1
#E5DAD1
#DAECCA
#DDE9CA
#E0E6CA
#E3E3CA
#E6E0CA
#E8DECA
#ECDACA
Colorpallet from #CADAEC to #ECCADA and to #ECDACA
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CADAEC
#CFD7E9
#CFD7E9
#CFD8E8
#CFD8E8
#CFD9E8
#CFD9E7
#CFDAE7
#D5D5E6
#D5D6E5
#D5D7E4
#D5D7E4
#D5D8E3
#D5D9E2
#D5DAE1
#DAD2E3
#DAD3E2
#DAD5E1
#DAD6E0
#DAD7DF
#DAD8DD
#DADADC
#E0D0E0
#E0D2DE
#E0D3DD
#E0D5DB
#E0D6DA
#E0D8D8
#E0DAD6
#E5CDDE
#E5CFDC
#E5D1DA
#E5D3D8
#E5D5D6
#E5D7D4
#E5DAD1
#ECCADA
#ECCDD7
#ECCFD5
#ECD2D2
#ECD4D0
#ECD7CD
#ECDACA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts