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 #E2D2E4 to #E2E4D2 and to #D2E2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D5E1
#E2D5E1
#E1D5E2
#E1D5E2
#E0D5E3
#E0D5E3
#DFD5E4
#E2D8DE
#E1D8DF
#E0D8E0
#E0D8E1
#DFD7E2
#DED7E3
#DDD7E4
#E2DBDB
#E1DBDC
#DFDBDE
#DEDBDF
#DDDAE1
#DCDAE2
#DADAE4
#E2DED8
#E0DEDA
#DFDDDC
#DDDDDE
#DCDDE0
#DADCE2
#D8DCE4
#E2E0D6
#E0E0D8
#DEE0DA
#DCE0DD
#DADFDF
#D8DFE1
#D5DFE4
#E2E4D2
#DFE4D5
#DDE3D8
#DAE3DB
#D8E3DE
#D5E2E0
#D2E2E4
Colorpallet from #E2D2E4 to #E2E4D2 and to #D2E4E2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D5E1
#E2D5E1
#E1D5E2
#E1D5E2
#E0D5E3
#E0D5E3
#DFD5E4
#E2D8DE
#E1D8DF
#E0D8E0
#E0D8E0
#DFD8E1
#DED8E2
#DDD8E3
#E2DBDB
#E1DBDC
#DFDBDE
#DEDBDF
#DDDBE0
#DCDBE1
#DADBE3
#E2DED8
#E0DEDA
#DFDEDC
#DDDEDD
#DCDEDF
#DADEE1
#D8DEE3
#E2E0D6
#E0E0D8
#DEE0DA
#DCE0DC
#DAE0DE
#D8E0E0
#D5E0E2
#E2E4D2
#DFE4D5
#DDE4D7
#DAE4DA
#D8E4DC
#D5E4DF
#D2E4E2
Colorpallet from #E2D2E4 to #E2E4D2 and to #E4E2D2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D5E1
#E2D5E1
#E2D5E1
#E2D5E1
#E2D5E1
#E2D5E1
#E2D5E1
#E2D8DE
#E2D8DE
#E2D8DE
#E2D8DE
#E3D7DE
#E3D7DE
#E3D7DE
#E2DBDB
#E2DBDB
#E2DBDB
#E2DBDB
#E3DADB
#E3DADB
#E3DADB
#E2DED8
#E2DED8
#E2DDD8
#E2DDD8
#E3DDD8
#E3DCD8
#E3DCD8
#E2E0D6
#E2E0D6
#E3E0D6
#E3E0D6
#E3DFD6
#E4DFD6
#E4DFD6
#E2E4D2
#E2E4D2
#E3E3D2
#E3E3D2
#E3E3D2
#E4E2D2
#E4E2D2
Colorpallet from #E2D2E4 to #E2E4D2 and to #E4D2E2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D5E1
#E2D5E1
#E2D4E2
#E2D4E2
#E2D3E3
#E2D3E3
#E2D2E4
#E2D8DE
#E2D7DF
#E2D6E0
#E2D5E0
#E3D4E1
#E3D3E2
#E3D2E3
#E2DBDB
#E2DADC
#E2D8DE
#E2D7DF
#E3D5E0
#E3D4E1
#E3D2E3
#E2DED8
#E2DCDA
#E2DADC
#E2D8DD
#E3D6DF
#E3D4E1
#E3D2E3
#E2E0D6
#E2DED8
#E3DCDA
#E3D9DC
#E3D7DE
#E4D5E0
#E4D2E2
#E2E4D2
#E2E1D5
#E3DED7
#E3DBDA
#E3D8DC
#E4D6DF
#E4D2E2
Colorpallet from #E2D2E4 to #D2E2E4 and to #D2E4E2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#DFD5E4
#DFD5E4
#DFD5E4
#DFD5E4
#DFD5E4
#DFD5E4
#DFD5E4
#DDD7E4
#DDD7E4
#DDD7E4
#DDD7E4
#DDD8E3
#DDD8E3
#DDD8E3
#DADAE4
#DADAE4
#DADAE4
#DADAE4
#DADBE3
#DADBE3
#DADBE3
#D8DCE4
#D8DCE4
#D8DDE4
#D8DDE4
#D8DDE3
#D8DEE3
#D8DEE3
#D5DFE4
#D5DFE4
#D5DFE3
#D5DFE3
#D5E0E3
#D5E0E2
#D5E0E2
#D2E2E4
#D2E2E4
#D2E3E3
#D2E3E3
#D2E3E3
#D2E4E2
#D2E4E2
Colorpallet from #E2D2E4 to #D2E2E4 and to #E4E2D2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#DFD5E4
#DFD5E4
#E0D5E3
#E0D5E3
#E1D5E2
#E1D5E2
#E2D5E1
#DDD7E4
#DED7E3
#DFD7E2
#E0D7E1
#E1D7E0
#E2D7DF
#E3D7DE
#DADAE4
#DBDAE3
#DDDAE1
#DEDAE0
#E0DADE
#E1DADD
#E3DADB
#D8DCE4
#DADCE2
#DCDCE0
#DDDCDE
#DFDCDC
#E1DCDA
#E3DCD8
#D5DFE4
#D7DFE2
#DADFE0
#DCDFDD
#DFDFDB
#E1DFD9
#E4DFD6
#D2E2E4
#D5E2E1
#D8E2DE
#DBE2DB
#DEE2D8
#E0E2D6
#E4E2D2
Colorpallet from #E2D2E4 to #D2E2E4 and to #E4D2E2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#DFD5E4
#DFD5E4
#E0D4E4
#E0D4E4
#E1D3E4
#E1D3E4
#E2D2E4
#DDD7E4
#DED6E4
#DFD5E4
#E0D5E4
#E1D4E3
#E2D3E3
#E3D2E3
#DADAE4
#DBD9E4
#DDD7E4
#DED6E4
#E0D5E3
#E1D4E3
#E3D2E3
#D8DCE4
#DADAE4
#DCD9E4
#DDD7E4
#DFD6E3
#E1D4E3
#E3D2E3
#D5DFE4
#D7DDE4
#DADBE3
#DCD9E3
#DFD7E3
#E1D5E2
#E4D2E2
#D2E2E4
#D5DFE4
#D8DDE3
#DBDAE3
#DED8E3
#E0D5E2
#E4D2E2
Colorpallet from #E2D2E4 to #D2E4E2 and to #E4E2D2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#DFD5E4
#DFD5E4
#E0D5E3
#E0D5E3
#E1D5E2
#E1D5E2
#E2D5E1
#DDD8E3
#DED8E2
#DFD8E1
#E0D8E1
#E1D7E0
#E2D7DF
#E3D7DE
#DADBE3
#DBDBE2
#DDDBE0
#DEDBDF
#E0DADE
#E1DADD
#E3DADB
#D8DEE3
#DADEE1
#DCDDDF
#DDDDDE
#DFDDDC
#E1DCDA
#E3DCD8
#D5E0E2
#D7E0E0
#DAE0DE
#DCE0DC
#DFDFDA
#E1DFD8
#E4DFD6
#D2E4E2
#D5E4DF
#D8E3DD
#DBE3DA
#DEE3D8
#E0E2D5
#E4E2D2
Colorpallet from #E2D2E4 to #D2E4E2 and to #E4D2E2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#DFD5E4
#DFD5E4
#E0D4E4
#E0D4E4
#E1D3E4
#E1D3E4
#E2D2E4
#DDD8E3
#DED7E3
#DFD6E3
#E0D5E3
#E1D4E3
#E2D3E3
#E3D2E3
#DADBE3
#DBDAE3
#DDD8E3
#DED7E3
#E0D5E3
#E1D4E3
#E3D2E3
#D8DEE3
#DADCE3
#DCDAE3
#DDD8E3
#DFD6E3
#E1D4E3
#E3D2E3
#D5E0E2
#D7DEE2
#DADCE2
#DCD9E2
#DFD7E2
#E1D5E2
#E4D2E2
#D2E4E2
#D5E1E2
#D8DEE2
#DBDBE2
#DED8E2
#E0D6E2
#E4D2E2
Colorpallet from #E2D2E4 to #E4E2D2 and to #E4D2E2
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D2E4
#E2D5E1
#E2D5E1
#E2D4E2
#E2D4E2
#E2D3E3
#E2D3E3
#E2D2E4
#E3D7DE
#E3D6DF
#E3D5E0
#E3D5E0
#E3D4E1
#E3D3E2
#E3D2E3
#E3DADB
#E3D9DC
#E3D7DE
#E3D6DF
#E3D5E0
#E3D4E1
#E3D2E3
#E3DCD8
#E3DADA
#E3D9DC
#E3D7DD
#E3D6DF
#E3D4E1
#E3D2E3
#E4DFD6
#E4DDD8
#E4DBDA
#E4D9DC
#E4D7DE
#E4D5E0
#E4D2E2
#E4E2D2
#E4DFD5
#E4DDD7
#E4DADA
#E4D8DC
#E4D5DF
#E4D2E2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts