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 #DDF0C4 to #DDC4F0 and to #F0DDC4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDE9CB
#DDEACA
#DEEAC9
#DEEBC8
#DFECC7
#DFECC5
#E0EDC4
#DDE2D2
#DEE3D0
#DFE5CE
#E0E6CB
#E1E7C9
#E2E8C7
#E3EAC4
#DDDBD9
#DEDDD6
#E0DFD2
#E1E1CF
#E3E3CC
#E4E5C8
#E6E7C4
#DDD4E0
#DFD7DC
#E1D9D7
#E3DCD3
#E5DECE
#E7E1CA
#E9E4C4
#DDCDE7
#DFD0E1
#E2D3DC
#E4D7D6
#E7DAD1
#E9DDCB
#ECE1C4
#DDC4F0
#E0C8E9
#E3CCE2
#E6D0DB
#E9D4D4
#ECD8CD
#F0DDC4
Colorpallet from #DDF0C4 to #DDC4F0 and to #F0C4DD
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDE9CB
#DDE9CB
#DEE9CA
#DEE9CA
#DFE9C9
#DFE9C9
#E0E9C8
#DDE2D2
#DEE2D1
#DFE2D0
#E0E2CF
#E1E2CE
#E2E2CD
#E3E2CC
#DDDBD9
#DEDBD8
#E0DBD6
#E1DBD5
#E3DBD3
#E4DBD2
#E6DBD0
#DDD4E0
#DFD4DE
#E1D4DC
#E3D4DA
#E5D4D8
#E7D4D6
#E9D4D4
#DDCDE7
#DFCDE5
#E2CDE2
#E4CDE0
#E7CDDD
#E9CDDB
#ECCDD8
#DDC4F0
#E0C4ED
#E3C4EA
#E6C4E7
#E9C4E4
#ECC4E1
#F0C4DD
Colorpallet from #DDF0C4 to #DDC4F0 and to #C4DDF0
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDE9CB
#DCEACB
#DCEACB
#DBEBCB
#DAECCB
#DAECCB
#D9EDCB
#DDE2D2
#DCE3D2
#DAE5D2
#D9E6D2
#D8E7D2
#D7E8D2
#D5EAD2
#DDDBD9
#DBDDD9
#D9DFD9
#D7E1D9
#D5E3D9
#D3E5D9
#D1E7D9
#DDD4E0
#DAD7E0
#D8D9E0
#D5DCE0
#D3DEE0
#D0E1E0
#CDE4E0
#DDCDE7
#DAD0E7
#D7D3E7
#D3D7E7
#D0DAE7
#CDDDE7
#C9E1E7
#DDC4F0
#D9C8F0
#D5CCF0
#D1D0F0
#CDD4F0
#C9D8F0
#C4DDF0
Colorpallet from #DDF0C4 to #DDC4F0 and to #C4F0DD
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDE9CB
#DCEACB
#DCEBCA
#DBECCA
#DAEDC9
#DAEFC9
#D9F0C8
#DDE2D2
#DCE4D1
#DAE6D0
#D9E9CF
#D8EBCE
#D7EDCD
#D5F0CC
#DDDBD9
#DBDED8
#D9E2D6
#D7E5D5
#D5E8D3
#D3ECD2
#D1F0D0
#DDD4E0
#DAD8DE
#D8DDDC
#D5E1DA
#D3E6D8
#D0EAD6
#CDF0D4
#DDCDE7
#DAD3E5
#D7D8E2
#D3DEE0
#D0E3DD
#CDE9DB
#C9F0D8
#DDC4F0
#D9CBED
#D5D2EA
#D1D9E7
#CDE0E4
#C9E7E1
#C4F0DD
Colorpallet from #DDF0C4 to #F0DDC4 and to #F0C4DD
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#E0EDC4
#E0ECC5
#E0ECC5
#E0EBC6
#E0EAC7
#E0EAC7
#E0E9C8
#E3EAC4
#E3E9C5
#E3E7C7
#E3E6C8
#E3E5C9
#E3E4CA
#E3E2CC
#E6E7C4
#E6E5C6
#E6E3C8
#E6E1CA
#E6DFCC
#E6DDCE
#E6DBD0
#E9E4C4
#E9E1C7
#E9DFC9
#E9DCCC
#E9DACE
#E9D7D1
#E9D4D4
#ECE1C4
#ECDEC7
#ECDBCA
#ECD7CE
#ECD4D1
#ECD1D4
#ECCDD8
#F0DDC4
#F0D9C8
#F0D5CC
#F0D1D0
#F0CDD4
#F0C9D8
#F0C4DD
Colorpallet from #DDF0C4 to #F0DDC4 and to #C4DDF0
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#E0EDC4
#DFEDC5
#DEEDC6
#DDEDC7
#DCEDC8
#DAEDCA
#D9EDCB
#E3EAC4
#E1EAC6
#DFEAC8
#DCEACB
#DAEACD
#D8EACF
#D5EAD2
#E6E7C4
#E3E7C7
#DFE7CB
#DCE7CE
#D9E7D1
#D5E7D5
#D1E7D9
#E9E4C4
#E5E4C8
#E0E4CD
#DCE4D1
#D7E4D6
#D3E4DA
#CDE4E0
#ECE1C4
#E6E1CA
#E1E1CF
#DBE1D5
#D6E1DA
#D0E1E0
#C9E1E7
#F0DDC4
#E9DDCB
#E2DDD2
#DBDDD9
#D4DDE0
#CDDDE7
#C4DDF0
Colorpallet from #DDF0C4 to #F0DDC4 and to #C4F0DD
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#E0EDC4
#DFEDC5
#DEEEC5
#DDEEC6
#DCEFC7
#DAEFC7
#D9F0C8
#E3EAC4
#E1EBC5
#DFECC7
#DCEDC8
#DAEEC9
#D8EFCA
#D5F0CC
#E6E7C4
#E3E8C6
#DFEAC8
#DCEBCA
#D9EDCC
#D5EECE
#D1F0D0
#E9E4C4
#E5E6C7
#E0E8C9
#DCEACC
#D7ECCE
#D3EED1
#CDF0D4
#ECE1C4
#E6E3C7
#E1E6CA
#DBE8CE
#D6EBD1
#D0EDD4
#C9F0D8
#F0DDC4
#E9E0C8
#E2E3CC
#DBE6D0
#D4E9D4
#CDECD8
#C4F0DD
Colorpallet from #DDF0C4 to #F0C4DD and to #C4DDF0
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#E0E9C8
#DFEAC8
#DEEAC9
#DDEBC9
#DCECCA
#DAECCA
#D9EDCB
#E3E2CC
#E1E3CD
#DFE5CE
#DCE6CF
#DAE7D0
#D8E8D1
#D5EAD2
#E6DBD0
#E3DDD1
#DFDFD3
#DCE1D4
#D9E3D6
#D5E5D7
#D1E7D9
#E9D4D4
#E5D7D6
#E0D9D8
#DCDCDA
#D7DEDC
#D3E1DE
#CDE4E0
#ECCDD8
#E6D0DA
#E1D3DD
#DBD7DF
#D6DAE2
#D0DDE4
#C9E1E7
#F0C4DD
#E9C8E0
#E2CCE3
#DBD0E6
#D4D4E9
#CDD8EC
#C4DDF0
Colorpallet from #DDF0C4 to #F0C4DD and to #C4F0DD
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#E0E9C8
#DFEAC8
#DEEBC8
#DDECC8
#DCEDC8
#DAEFC8
#D9F0C8
#E3E2CC
#E1E4CC
#DFE6CC
#DCE9CC
#DAEBCC
#D8EDCC
#D5F0CC
#E6DBD0
#E3DED0
#DFE2D0
#DCE5D0
#D9E8D0
#D5ECD0
#D1F0D0
#E9D4D4
#E5D8D4
#E0DDD4
#DCE1D4
#D7E6D4
#D3EAD4
#CDF0D4
#ECCDD8
#E6D3D8
#E1D8D8
#DBDED8
#D6E3D8
#D0E9D8
#C9F0D8
#F0C4DD
#E9CBDD
#E2D2DD
#DBD9DD
#D4E0DD
#CDE7DD
#C4F0DD
Colorpallet from #DDF0C4 to #C4DDF0 and to #C4F0DD
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#DDF0C4
#D9EDCB
#D9EDCB
#D9EECA
#D9EECA
#D9EFC9
#D9EFC9
#D9F0C8
#D5EAD2
#D5EBD1
#D5ECD0
#D5EDCF
#D5EECE
#D5EFCD
#D5F0CC
#D1E7D9
#D1E8D8
#D1EAD6
#D1EBD5
#D1EDD3
#D1EED2
#D1F0D0
#CDE4E0
#CDE6DE
#CDE8DC
#CDEADA
#CDECD8
#CDEED6
#CDF0D4
#C9E1E7
#C9E3E5
#C9E6E2
#C9E8E0
#C9EBDD
#C9EDDB
#C9F0D8
#C4DDF0
#C4E0ED
#C4E3EA
#C4E6E7
#C4E9E4
#C4ECE1
#C4F0DD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
