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 #D2E6E2 to #D2E2E6 and to #E6D2E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E5E3
#D2E5E3
#D3E4E3
#D3E4E3
#D4E4E2
#D4E3E2
#D5E3E2
#D2E5E3
#D3E4E3
#D4E3E3
#D5E3E3
#D6E2E2
#D7E1E2
#D8E0E2
#D2E4E4
#D4E3E4
#D5E1E3
#D7E0E3
#D8DFE3
#DADEE2
#DCDCE2
#D2E3E5
#D4E1E5
#D6E0E4
#D8DEE4
#DADDE3
#DCDBE3
#DFD9E2
#D2E3E5
#D5E1E5
#D7DFE4
#DADDE4
#DCDBE3
#DFD9E3
#E2D6E2
#D2E2E6
#D5DFE5
#D8DDE5
#DCDAE4
#DFD8E3
#E2D5E3
#E6D2E2
Colorpallet from #D2E6E2 to #D2E2E6 and to #E6E2D2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E5E3
#D2E5E2
#D3E5E2
#D3E5E1
#D4E5E0
#D4E5E0
#D5E5DF
#D2E5E3
#D3E5E2
#D4E5E1
#D5E5E0
#D6E5DF
#D7E5DE
#D8E5DD
#D2E4E4
#D4E4E2
#D5E4E1
#D7E4DF
#D8E4DE
#DAE4DC
#DCE4DA
#D2E3E5
#D4E3E3
#D6E3E1
#D8E3DF
#DAE3DD
#DCE3DB
#DFE3D8
#D2E3E5
#D5E3E2
#D7E3E0
#DAE3DD
#DCE3DB
#DFE3D8
#E2E3D5
#D2E2E6
#D5E2E3
#D8E2E0
#DCE2DC
#DFE2D9
#E2E2D6
#E6E2D2
Colorpallet from #D2E6E2 to #D2E2E6 and to #E2D2E6
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E5E3
#D2E5E3
#D3E4E3
#D3E4E3
#D4E4E3
#D4E3E3
#D5E3E3
#D2E5E3
#D3E4E3
#D4E3E3
#D4E3E3
#D5E2E3
#D6E1E3
#D7E0E3
#D2E4E4
#D3E3E4
#D5E1E4
#D6E0E4
#D7DFE4
#D8DEE4
#DADCE4
#D2E3E5
#D4E1E5
#D5E0E5
#D7DEE5
#D8DDE5
#DADBE5
#DCD9E5
#D2E3E5
#D4E1E5
#D6DFE5
#D8DDE5
#DADBE5
#DCD9E5
#DFD6E5
#D2E2E6
#D5DFE6
#D7DDE6
#DADAE6
#DCD8E6
#DFD5E6
#E2D2E6
Colorpallet from #D2E6E2 to #D2E2E6 and to #E2E6D2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E5E3
#D2E5E2
#D3E5E2
#D3E5E1
#D4E6E0
#D4E6E0
#D5E6DF
#D2E5E3
#D3E5E2
#D4E5E1
#D4E5E0
#D5E6DF
#D6E6DE
#D7E6DD
#D2E4E4
#D3E4E2
#D5E5E1
#D6E5DF
#D7E5DE
#D8E6DC
#DAE6DA
#D2E3E5
#D4E3E3
#D5E4E1
#D7E4DF
#D8E5DD
#DAE5DB
#DCE6D8
#D2E3E5
#D4E3E2
#D6E4E0
#D8E4DD
#DAE5DB
#DCE5D8
#DFE6D5
#D2E2E6
#D5E3E3
#D7E3E0
#DAE4DC
#DCE5D9
#DFE5D6
#E2E6D2
Colorpallet from #D2E6E2 to #E6D2E2 and to #E6E2D2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D5E3E2
#D5E3E2
#D5E4E1
#D5E4E1
#D5E4E0
#D5E5E0
#D5E5DF
#D8E0E2
#D8E1E1
#D8E2E0
#D8E2E0
#D8E3DF
#D8E4DE
#D8E5DD
#DCDCE2
#DCDDE1
#DCDFDF
#DCE0DE
#DCE1DD
#DCE2DC
#DCE4DA
#DFD9E2
#DFDBE0
#DFDCDF
#DFDEDD
#DFDFDC
#DFE1DA
#DFE3D8
#E2D6E2
#E2D8E0
#E2DADE
#E2DCDC
#E2DEDA
#E2E0D8
#E2E3D5
#E6D2E2
#E6D5DF
#E6D7DD
#E6DADA
#E6DCD8
#E6DFD5
#E6E2D2
Colorpallet from #D2E6E2 to #E6D2E2 and to #E2D2E6
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D5E3E2
#D5E3E2
#D5E3E2
#D5E3E2
#D5E3E3
#D5E3E3
#D5E3E3
#D8E0E2
#D8E0E2
#D8E0E2
#D8E0E2
#D7E0E3
#D7E0E3
#D7E0E3
#DCDCE2
#DCDCE2
#DBDCE3
#DBDCE3
#DBDCE3
#DADCE4
#DADCE4
#DFD9E2
#DFD9E2
#DED9E3
#DED9E3
#DDD9E4
#DDD9E4
#DCD9E5
#E2D6E2
#E2D6E2
#E1D6E3
#E1D6E3
#E0D6E4
#E0D6E4
#DFD6E5
#E6D2E2
#E5D2E3
#E5D2E3
#E4D2E4
#E3D2E5
#E3D2E5
#E2D2E6
Colorpallet from #D2E6E2 to #E6D2E2 and to #E2E6D2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D5E3E2
#D5E3E2
#D5E4E1
#D5E4E1
#D5E5E0
#D5E5E0
#D5E6DF
#D8E0E2
#D8E1E1
#D8E2E0
#D8E3E0
#D7E4DF
#D7E5DE
#D7E6DD
#DCDCE2
#DCDEE1
#DBDFDF
#DBE1DE
#DBE2DD
#DAE4DC
#DAE6DA
#DFD9E2
#DFDBE0
#DEDDDF
#DEDFDD
#DDE1DC
#DDE3DA
#DCE6D8
#E2D6E2
#E2D9E0
#E1DBDE
#E1DEDC
#E0E0DA
#E0E3D8
#DFE6D5
#E6D2E2
#E5D5DF
#E5D8DD
#E4DCDA
#E3DFD8
#E3E2D5
#E2E6D2
Colorpallet from #D2E6E2 to #E6E2D2 and to #E2D2E6
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D5E5DF
#D5E5E0
#D5E4E0
#D5E4E1
#D5E4E2
#D5E3E2
#D5E3E3
#D8E5DD
#D8E4DE
#D8E3DF
#D8E3E0
#D7E2E1
#D7E1E2
#D7E0E3
#DCE4DA
#DCE3DC
#DBE1DD
#DBE0DF
#DBDFE0
#DADEE2
#DADCE4
#DFE3D8
#DFE1DA
#DEE0DC
#DEDEDE
#DDDDE0
#DDDBE2
#DCD9E5
#E2E3D5
#E2E1D8
#E1DFDA
#E1DDDD
#E0DBDF
#E0D9E2
#DFD6E5
#E6E2D2
#E5DFD5
#E5DDD8
#E4DADC
#E3D8DF
#E3D5E2
#E2D2E6
Colorpallet from #D2E6E2 to #E6E2D2 and to #E2E6D2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D5E5DF
#D5E5DF
#D5E5DF
#D5E5DF
#D5E6DF
#D5E6DF
#D5E6DF
#D8E5DD
#D8E5DD
#D8E5DD
#D8E5DD
#D7E6DD
#D7E6DD
#D7E6DD
#DCE4DA
#DCE4DA
#DBE5DA
#DBE5DA
#DBE5DA
#DAE6DA
#DAE6DA
#DFE3D8
#DFE3D8
#DEE4D8
#DEE4D8
#DDE5D8
#DDE5D8
#DCE6D8
#E2E3D5
#E2E3D5
#E1E4D5
#E1E4D5
#E0E5D5
#E0E5D5
#DFE6D5
#E6E2D2
#E5E3D2
#E5E3D2
#E4E4D2
#E3E5D2
#E3E5D2
#E2E6D2
Colorpallet from #D2E6E2 to #E2D2E6 and to #E2E6D2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D2E6E2
#D5E3E3
#D5E3E2
#D5E4E2
#D5E4E1
#D5E5E0
#D5E5E0
#D5E6DF
#D7E0E3
#D7E1E2
#D7E2E1
#D7E3E0
#D7E4DF
#D7E5DE
#D7E6DD
#DADCE4
#DADEE2
#DADFE1
#DAE1DF
#DAE2DE
#DAE4DC
#DAE6DA
#DCD9E5
#DCDBE3
#DCDDE1
#DCDFDF
#DCE1DD
#DCE3DB
#DCE6D8
#DFD6E5
#DFD9E2
#DFDBE0
#DFDEDD
#DFE0DB
#DFE3D8
#DFE6D5
#E2D2E6
#E2D5E3
#E2D8E0
#E2DCDC
#E2DFD9
#E2E2D6
#E2E6D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
