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 #E1F0C9 to #E1C9F0 and to #F0E1C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1EACF
#E1EBCE
#E2EBCD
#E2ECCC
#E2EDCB
#E3EDCA
#E3EEC9
#E1E4D5
#E2E5D3
#E3E6D1
#E3E7CF
#E4E8CD
#E5EACB
#E6EBC9
#E1DDDC
#E2DFD9
#E3E1D6
#E4E3D3
#E5E5D0
#E7E7CD
#E8E9C9
#E1D7E2
#E3D9DE
#E4DCDA
#E6DED6
#E7E1D2
#E9E3CE
#EBE6C9
#E1D1E8
#E3D4E3
#E5D7DE
#E7DAD9
#E9DDD4
#EBE0CF
#EDE4C9
#E1C9F0
#E3CDEA
#E6D1E4
#E8D5DD
#EBD8D7
#EDDCD1
#F0E1C9
Colorpallet from #E1F0C9 to #E1C9F0 and to #F0C9E1
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1EACF
#E1EACF
#E2EACE
#E2EACE
#E2EACE
#E3EACD
#E3EACD
#E1E4D5
#E2E4D4
#E3E4D4
#E3E4D3
#E4E4D2
#E5E4D2
#E6E4D1
#E1DDDC
#E2DDDB
#E3DDDA
#E4DDD9
#E5DDD8
#E7DDD6
#E8DDD5
#E1D7E2
#E3D7E0
#E4D7DF
#E6D7DD
#E7D7DC
#E9D7DA
#EBD7D8
#E1D1E8
#E3D1E6
#E5D1E4
#E7D1E2
#E9D1E0
#EBD1DE
#EDD1DC
#E1C9F0
#E3C9EE
#E6C9EB
#E8C9E9
#EBC9E6
#EDC9E4
#F0C9E1
Colorpallet from #E1F0C9 to #E1C9F0 and to #C9E1F0
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1EACF
#E0EBCF
#E0EBCF
#DFECCF
#DEEDCF
#DEEDCF
#DDEECF
#E1E4D5
#E0E5D5
#DEE6D5
#DDE7D5
#DCE8D5
#DBEAD5
#D9EBD5
#E1DDDC
#DFDFDC
#DDE1DC
#DBE3DC
#D9E5DC
#D7E7DC
#D5E9DC
#E1D7E2
#DFD9E2
#DCDCE2
#DADEE2
#D7E1E2
#D5E3E2
#D2E6E2
#E1D1E8
#DED4E8
#DBD7E8
#D8DAE8
#D5DDE8
#D2E0E8
#CEE4E8
#E1C9F0
#DDCDF0
#D9D1F0
#D5D5F0
#D2D8F0
#CEDCF0
#C9E1F0
Colorpallet from #E1F0C9 to #E1C9F0 and to #C9F0E1
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1EACF
#E0EBCF
#E0ECCE
#DFEDCE
#DEEECE
#DEEFCD
#DDF0CD
#E1E4D5
#E0E6D4
#DEE8D4
#DDEAD3
#DCECD2
#DBEED2
#D9F0D1
#E1DDDC
#DFE0DB
#DDE3DA
#DBE6D9
#D9E9D8
#D7ECD6
#D5F0D5
#E1D7E2
#DFDBE0
#DCDFDF
#DAE3DD
#D7E7DC
#D5EBDA
#D2F0D8
#E1D1E8
#DED6E6
#DBDBE4
#D8E0E2
#D5E5E0
#D2EADE
#CEF0DC
#E1C9F0
#DDCFEE
#D9D5EB
#D5DCE9
#D2E2E6
#CEE8E4
#C9F0E1
Colorpallet from #E1F0C9 to #F0E1C9 and to #F0C9E1
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E3EEC9
#E3EDCA
#E3EDCA
#E3ECCB
#E3EBCC
#E3EBCC
#E3EACD
#E6EBC9
#E6EACA
#E6E9CC
#E6E8CD
#E6E7CE
#E6E5CF
#E6E4D1
#E8E9C9
#E8E7CB
#E8E5CD
#E8E3CF
#E8E1D1
#E8DFD3
#E8DDD5
#EBE6C9
#EBE4CB
#EBE1CE
#EBDFD0
#EBDCD3
#EBDAD5
#EBD7D8
#EDE4C9
#EDE1CC
#EDDECF
#EDDBD2
#EDD8D5
#EDD5D8
#EDD1DC
#F0E1C9
#F0DDCD
#F0D9D1
#F0D5D5
#F0D2D8
#F0CEDC
#F0C9E1
Colorpallet from #E1F0C9 to #F0E1C9 and to #C9E1F0
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E3EEC9
#E2EECA
#E1EECB
#E0EECC
#DFEECD
#DEEECE
#DDEECF
#E6EBC9
#E4EBCB
#E2EBCD
#E0EBCF
#DEEBD1
#DCEBD3
#D9EBD5
#E8E9C9
#E5E9CC
#E2E9CF
#DFE9D2
#DCE9D5
#D9E9D8
#D5E9DC
#EBE6C9
#E7E6CD
#E3E6D1
#DFE6D5
#DBE6D9
#D7E6DD
#D2E6E2
#EDE4C9
#E8E4CE
#E3E4D3
#DEE4D8
#D9E4DD
#D4E4E2
#CEE4E8
#F0E1C9
#EAE1CF
#E4E1D5
#DDE1DC
#D7E1E2
#D1E1E8
#C9E1F0
Colorpallet from #E1F0C9 to #F0E1C9 and to #C9F0E1
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E3EEC9
#E2EECA
#E1EFCA
#E0EFCB
#DFEFCC
#DEF0CC
#DDF0CD
#E6EBC9
#E4ECCA
#E2EDCC
#E0EDCD
#DEEECE
#DCEFCF
#D9F0D1
#E8E9C9
#E5EACB
#E2EBCD
#DFECCF
#DCEDD1
#D9EFD3
#D5F0D5
#EBE6C9
#E7E8CB
#E3E9CE
#DFEBD0
#DBECD3
#D7EED5
#D2F0D8
#EDE4C9
#E8E6CC
#E3E8CF
#DEEAD2
#D9ECD5
#D4EED8
#CEF0DC
#F0E1C9
#EAE3CD
#E4E6D1
#DDE8D5
#D7EBD8
#D1EDDC
#C9F0E1
Colorpallet from #E1F0C9 to #F0C9E1 and to #C9E1F0
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E3EACD
#E2EBCD
#E1EBCE
#E0ECCE
#DFEDCE
#DEEDCF
#DDEECF
#E6E4D1
#E4E5D2
#E2E6D2
#E0E7D3
#DEE8D4
#DCEAD4
#D9EBD5
#E8DDD5
#E5DFD6
#E2E1D7
#DFE3D8
#DCE5D9
#D9E7DB
#D5E9DC
#EBD7D8
#E7D9DA
#E3DCDB
#DFDEDD
#DBE1DE
#D7E3E0
#D2E6E2
#EDD1DC
#E8D4DE
#E3D7E0
#DEDAE2
#D9DDE4
#D4E0E6
#CEE4E8
#F0C9E1
#EACDE3
#E4D1E6
#DDD5E8
#D7D8EB
#D1DCED
#C9E1F0
Colorpallet from #E1F0C9 to #F0C9E1 and to #C9F0E1
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E3EACD
#E2EBCD
#E1ECCD
#E0EDCD
#DFEECD
#DEEFCD
#DDF0CD
#E6E4D1
#E4E6D1
#E2E8D1
#E0EAD1
#DEECD1
#DCEED1
#D9F0D1
#E8DDD5
#E5E0D5
#E2E3D5
#DFE6D5
#DCE9D5
#D9ECD5
#D5F0D5
#EBD7D8
#E7DBD8
#E3DFD8
#DFE3D8
#DBE7D8
#D7EBD8
#D2F0D8
#EDD1DC
#E8D6DC
#E3DBDC
#DEE0DC
#D9E5DC
#D4EADC
#CEF0DC
#F0C9E1
#EACFE1
#E4D5E1
#DDDCE1
#D7E2E1
#D1E8E1
#C9F0E1
Colorpallet from #E1F0C9 to #C9E1F0 and to #C9F0E1
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#E1F0C9
#DDEECF
#DDEECF
#DDEFCE
#DDEFCE
#DDEFCE
#DDF0CD
#DDF0CD
#D9EBD5
#D9ECD4
#D9EDD4
#D9EDD3
#D9EED2
#D9EFD2
#D9F0D1
#D5E9DC
#D5EADB
#D5EBDA
#D5ECD9
#D5EDD8
#D5EFD6
#D5F0D5
#D2E6E2
#D2E8E0
#D2E9DF
#D2EBDD
#D2ECDC
#D2EEDA
#D2F0D8
#CEE4E8
#CEE6E6
#CEE8E4
#CEEAE2
#CEECE0
#CEEEDE
#CEF0DC
#C9E1F0
#C9E3EE
#C9E6EB
#C9E8E9
#C9EBE6
#C9EDE4
#C9F0E1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
