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 #DFD1EB to #DFEBD1 and to #D1DFEB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD5E7
#DFD5E8
#DED4E8
#DED4E9
#DED4EA
#DDD3EA
#DDD3EB
#DFD9E3
#DED8E4
#DED8E6
#DDD7E7
#DCD6E8
#DCD6E9
#DBD5EB
#DFDDDF
#DEDCE1
#DDDBE3
#DCDBE5
#DBDAE7
#D9D9E9
#D8D8EB
#DFE2DA
#DEE1DD
#DCDFDF
#DBDEE2
#D9DDE5
#D8DCE8
#D6DAEB
#DFE6D6
#DDE4D9
#DBE3DD
#DAE1E0
#D8E0E3
#D6DEE7
#D4DCEB
#DFEBD1
#DDE9D5
#DBE7D9
#D8E5DD
#D6E3E2
#D4E1E6
#D1DFEB
Colorpallet from #DFD1EB to #DFEBD1 and to #D1EBDF
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD5E7
#DFD5E7
#DED5E8
#DED5E8
#DED5E8
#DDD5E9
#DDD5E9
#DFD9E3
#DED9E4
#DED9E4
#DDD9E5
#DCD9E6
#DCD9E6
#DBD9E7
#DFDDDF
#DEDDE0
#DDDDE1
#DCDDE2
#DBDDE3
#D9DDE4
#D8DDE5
#DFE2DA
#DEE2DB
#DCE2DD
#DBE2DE
#D9E2E0
#D8E2E1
#D6E2E3
#DFE6D6
#DDE6D8
#DBE6DA
#DAE6DB
#D8E6DD
#D6E6DF
#D4E6E1
#DFEBD1
#DDEBD3
#DBEBD5
#D8EBD8
#D6EBDA
#D4EBDC
#D1EBDF
Colorpallet from #DFD1EB to #DFEBD1 and to #EBDFD1
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD5E7
#DFD5E7
#E0D4E7
#E0D4E7
#E0D4E7
#E1D3E7
#E1D3E7
#DFD9E3
#E0D8E3
#E0D8E3
#E1D7E3
#E2D6E3
#E2D6E3
#E3D5E3
#DFDDDF
#E0DCDF
#E1DBDF
#E2DBDF
#E3DADF
#E4D9DF
#E5D8DF
#DFE2DA
#E0E1DA
#E2DFDA
#E3DEDA
#E4DDDA
#E5DCDA
#E7DADA
#DFE6D6
#E1E4D6
#E2E3D6
#E4E1D6
#E5E0D6
#E7DED6
#E9DCD6
#DFEBD1
#E1E9D1
#E3E7D1
#E5E5D1
#E7E3D1
#E9E1D1
#EBDFD1
Colorpallet from #DFD1EB to #DFEBD1 and to #EBD1DF
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD5E7
#DFD4E7
#E0D4E8
#E0D3E8
#E0D2E8
#E1D2E9
#E1D1E9
#DFD9E3
#E0D8E4
#E0D6E4
#E1D5E5
#E2D4E6
#E2D3E6
#E3D1E7
#DFDDDF
#E0DBE0
#E1D9E1
#E2D7E2
#E3D5E3
#E4D3E4
#E5D1E5
#DFE2DA
#E0DFDB
#E2DDDD
#E3DADE
#E4D7E0
#E5D4E1
#E7D1E3
#DFE6D6
#E1E3D8
#E2DFDA
#E4DCDB
#E5D9DD
#E7D5DF
#E9D1E1
#DFEBD1
#E1E7D3
#E3E3D5
#E5DFD8
#E7DADA
#E9D6DC
#EBD1DF
Colorpallet from #DFD1EB to #D1DFEB and to #D1EBDF
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DDD3EB
#DDD3EB
#DDD4EA
#DDD4EA
#DDD4EA
#DDD5E9
#DDD5E9
#DBD5EB
#DBD6EA
#DBD6EA
#DBD7E9
#DBD8E8
#DBD8E8
#DBD9E7
#D8D8EB
#D8D9EA
#D8DAE9
#D8DAE8
#D8DBE7
#D8DCE6
#D8DDE5
#D6DAEB
#D6DBEA
#D6DDE8
#D6DEE7
#D6DFE6
#D6E0E5
#D6E2E3
#D4DCEB
#D4DEE9
#D4DFE8
#D4E1E6
#D4E2E5
#D4E4E3
#D4E6E1
#D1DFEB
#D1E1E9
#D1E3E7
#D1E5E5
#D1E7E3
#D1E9E1
#D1EBDF
Colorpallet from #DFD1EB to #D1DFEB and to #EBDFD1
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DDD3EB
#DED3EA
#DED3EA
#DFD3E9
#E0D3E8
#E0D3E8
#E1D3E7
#DBD5EB
#DCD5EA
#DED5E8
#DFD5E7
#E0D5E6
#E1D5E5
#E3D5E3
#D8D8EB
#DAD8E9
#DCD8E7
#DED8E5
#E0D8E3
#E2D8E1
#E5D8DF
#D6DAEB
#D9DAE8
#DBDAE6
#DEDAE3
#E1DAE0
#E4DADD
#E7DADA
#D4DCEB
#D7DCE8
#DBDCE4
#DEDCE1
#E1DCDE
#E5DCDA
#E9DCD6
#D1DFEB
#D5DFE7
#D9DFE3
#DDDFDF
#E2DFDA
#E6DFD6
#EBDFD1
Colorpallet from #DFD1EB to #D1DFEB and to #EBD1DF
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DDD3EB
#DED3EB
#DED2EA
#DFD2EA
#E0D2EA
#E0D1E9
#E1D1E9
#DBD5EB
#DCD4EA
#DED4EA
#DFD3E9
#E0D2E8
#E1D2E8
#E3D1E7
#D8D8EB
#DAD7EA
#DCD6E9
#DED5E8
#E0D4E7
#E2D2E6
#E5D1E5
#D6DAEB
#D9D9EA
#DBD7E8
#DED6E7
#E1D4E6
#E4D3E5
#E7D1E3
#D4DCEB
#D7DAE9
#DBD8E8
#DED7E6
#E1D5E5
#E5D3E3
#E9D1E1
#D1DFEB
#D5DDE9
#D9DBE7
#DDD8E5
#E2D6E3
#E6D4E1
#EBD1DF
Colorpallet from #DFD1EB to #D1EBDF and to #EBDFD1
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DDD5E9
#DED5E9
#DED4E8
#DFD4E8
#E0D4E8
#E0D3E7
#E1D3E7
#DBD9E7
#DCD8E6
#DED8E6
#DFD7E5
#E0D6E4
#E1D6E4
#E3D5E3
#D8DDE5
#DADCE4
#DCDBE3
#DEDBE2
#E0DAE1
#E2D9E0
#E5D8DF
#D6E2E3
#D9E1E2
#DBDFE0
#DEDEDF
#E1DDDD
#E4DCDC
#E7DADA
#D4E6E1
#D7E4DF
#DBE3DD
#DEE1DC
#E1E0DA
#E5DED8
#E9DCD6
#D1EBDF
#D5E9DD
#D9E7DB
#DDE5D8
#E2E3D6
#E6E1D4
#EBDFD1
Colorpallet from #DFD1EB to #D1EBDF and to #EBD1DF
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DDD5E9
#DED4E9
#DED4E9
#DFD3E9
#E0D2E9
#E0D2E9
#E1D1E9
#DBD9E7
#DCD8E7
#DED6E7
#DFD5E7
#E0D4E7
#E1D3E7
#E3D1E7
#D8DDE5
#DADBE5
#DCD9E5
#DED7E5
#E0D5E5
#E2D3E5
#E5D1E5
#D6E2E3
#D9DFE3
#DBDDE3
#DEDAE3
#E1D7E3
#E4D4E3
#E7D1E3
#D4E6E1
#D7E3E1
#DBDFE1
#DEDCE1
#E1D9E1
#E5D5E1
#E9D1E1
#D1EBDF
#D5E7DF
#D9E3DF
#DDDFDF
#E2DADF
#E6D6DF
#EBD1DF
Colorpallet from #DFD1EB to #EBDFD1 and to #EBD1DF
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#DFD1EB
#E1D3E7
#E1D3E7
#E1D2E8
#E1D2E8
#E1D2E8
#E1D1E9
#E1D1E9
#E3D5E3
#E3D4E4
#E3D4E4
#E3D3E5
#E3D2E6
#E3D2E6
#E3D1E7
#E5D8DF
#E5D7E0
#E5D6E1
#E5D5E2
#E5D4E3
#E5D2E4
#E5D1E5
#E7DADA
#E7D9DB
#E7D7DD
#E7D6DE
#E7D4E0
#E7D3E1
#E7D1E3
#E9DCD6
#E9DAD8
#E9D8DA
#E9D7DB
#E9D5DD
#E9D3DF
#E9D1E1
#EBDFD1
#EBDDD3
#EBDBD5
#EBD8D8
#EBD6DA
#EBD4DC
#EBD1DF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
