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 #C0CEFD to #C0FDCE and to #CEC0FD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0D6F5
#C0D4F6
#C1D3F8
#C1D1F9
#C1D0FA
#C2CEFB
#C2CCFD
#C0DDEE
#C1DAF0
#C1D7F3
#C2D4F5
#C3D1F8
#C3CEFA
#C4CAFD
#C0E5E6
#C1E0EA
#C2DBED
#C3D7F1
#C4D2F5
#C6CDF8
#C7C7FD
#C0ECDF
#C1E6E4
#C3E0E9
#C4D9ED
#C6D3F2
#C7CDF7
#C9C5FD
#C0F4D7
#C2ECDD
#C4E4E3
#C5DCE9
#C7D5EF
#C9CDF5
#CBC3FD
#C0FDCE
#C2F3D6
#C4E9DD
#C7E0E5
#C9D6EC
#CBCCF4
#CEC0FD
Colorpallet from #C0CEFD to #C0FDCE and to #CEFDC0
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0D6F5
#C0D6F5
#C1D6F4
#C1D6F4
#C1D6F4
#C2D6F3
#C2D6F3
#C0DDEE
#C1DDED
#C1DDEC
#C2DDEC
#C3DDEB
#C3DDEA
#C4DDE9
#C0E5E6
#C1E5E5
#C2E5E4
#C3E5E3
#C4E5E2
#C6E5E1
#C7E5E0
#C0ECDF
#C1ECDE
#C3ECDC
#C4ECDB
#C6ECD9
#C7ECD8
#C9ECD6
#C0F4D7
#C2F4D5
#C4F4D3
#C5F4D2
#C7F4D0
#C9F4CE
#CBF4CC
#C0FDCE
#C2FDCC
#C4FDCA
#C7FDC7
#C9FDC5
#CBFDC3
#CEFDC0
Colorpallet from #C0CEFD to #C0FDCE and to #FDC0CE
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0D6F5
#C2D4F5
#C3D3F5
#C5D1F5
#C6D0F5
#C8CEF5
#CACCF5
#C0DDEE
#C3DAEE
#C6D7EE
#CAD4EE
#CDD1EE
#D0CEEE
#D4CAEE
#C0E5E6
#C5E0E6
#C9DBE6
#CED7E6
#D3D2E6
#D7CDE6
#DDC7E6
#C0ECDF
#C6E6DF
#CCE0DF
#D3D9DF
#D9D3DF
#DFCDDF
#E7C5DF
#C0F4D7
#C8ECD7
#D0E4D7
#D8DCD7
#DFD5D7
#E7CDD7
#F1C3D7
#C0FDCE
#CAF3CE
#D4E9CE
#DDE0CE
#E7D6CE
#F1CCCE
#FDC0CE
Colorpallet from #C0CEFD to #C0FDCE and to #FDCEC0
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0D6F5
#C2D5F5
#C3D3F4
#C5D2F4
#C6D1F4
#C8D0F3
#CACEF3
#C0DDEE
#C3DBED
#C6D8EC
#CAD6EC
#CDD3EB
#D0D1EA
#D4CEE9
#C0E5E6
#C5E1E5
#C9DEE4
#CEDAE3
#D3D6E2
#D7D3E1
#DDCEE0
#C0ECDF
#C6E7DE
#CCE2DC
#D3DEDB
#D9D9D9
#DFD4D8
#E7CED6
#C0F4D7
#C8EED5
#D0E8D3
#D8E2D2
#DFDCD0
#E7D6CE
#F1CECC
#C0FDCE
#CAF5CC
#D4EECA
#DDE6C7
#E7DFC5
#F1D7C3
#FDCEC0
Colorpallet from #C0CEFD to #CEC0FD and to #CEFDC0
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C2CCFD
#C2CEFB
#C2CFFA
#C2D1F8
#C2D2F7
#C2D4F5
#C2D6F3
#C4CAFD
#C4CDFA
#C4D0F7
#C4D3F3
#C4D6F0
#C4D9ED
#C4DDE9
#C7C7FD
#C7CCF8
#C7D1F4
#C7D5EF
#C7DAEA
#C7DFE6
#C7E5E0
#C9C5FD
#C9CBF7
#C9D1F1
#C9D8EA
#C9DEE4
#C9E4DE
#C9ECD6
#CBC3FD
#CBCBF5
#CBD3ED
#CBDBE5
#CBE2DE
#CBEAD6
#CBF4CC
#CEC0FD
#CECAF3
#CED4E9
#CEDDE0
#CEE7D6
#CEF1CC
#CEFDC0
Colorpallet from #C0CEFD to #CEC0FD and to #FDC0CE
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C2CCFD
#C3CCFC
#C5CCFA
#C6CCF9
#C7CCF8
#C8CCF7
#CACCF5
#C4CAFD
#C7CAFB
#C9CAF8
#CCCAF6
#CECAF3
#D1CAF1
#D4CAEE
#C7C7FD
#CBC7F9
#CEC7F6
#D2C7F2
#D5C7EE
#D9C7EB
#DDC7E6
#C9C5FD
#CEC5F8
#D3C5F3
#D7C5EF
#DCC5EA
#E1C5E5
#E7C5DF
#CBC3FD
#D1C3F7
#D7C3F1
#DDC3EB
#E3C3E5
#E9C3DF
#F1C3D7
#CEC0FD
#D6C0F5
#DDC0EE
#E5C0E6
#ECC0DF
#F4C0D7
#FDC0CE
Colorpallet from #C0CEFD to #CEC0FD and to #FDCEC0
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C2CCFD
#C3CCFB
#C5CDFA
#C6CDF8
#C7CDF7
#C8CEF5
#CACEF3
#C4CAFD
#C7CBFA
#C9CBF7
#CCCCF3
#CECDF0
#D1CDED
#D4CEE9
#C7C7FD
#CBC8F8
#CEC9F4
#D2CAEF
#D5CBEA
#D9CDE6
#DDCEE0
#C9C5FD
#CEC6F7
#D3C8F1
#D7C9EA
#DCCBE4
#E1CCDE
#E7CED6
#CBC3FD
#D1C5F5
#D7C7ED
#DDC8E5
#E3CADE
#E9CCD6
#F1CECC
#CEC0FD
#D6C2F3
#DDC4E9
#E5C7E0
#ECC9D6
#F4CBCC
#FDCEC0
Colorpallet from #C0CEFD to #CEFDC0 and to #FDC0CE
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C2D6F3
#C3D4F3
#C5D3F4
#C6D1F4
#C7D0F4
#C8CEF5
#CACCF5
#C4DDE9
#C7DAEA
#C9D7EB
#CCD4EB
#CED1EC
#D1CEED
#D4CAEE
#C7E5E0
#CBE0E1
#CEDBE2
#D2D7E3
#D5D2E4
#D9CDE5
#DDC7E6
#C9ECD6
#CEE6D7
#D3E0D9
#D7D9DA
#DCD3DC
#E1CDDD
#E7C5DF
#CBF4CC
#D1ECCE
#D7E4D0
#DDDCD1
#E3D5D3
#E9CDD5
#F1C3D7
#CEFDC0
#D6F3C2
#DDE9C4
#E5E0C7
#ECD6C9
#F4CCCB
#FDC0CE
Colorpallet from #C0CEFD to #CEFDC0 and to #FDCEC0
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C2D6F3
#C3D5F3
#C5D3F3
#C6D2F3
#C7D1F3
#C8D0F3
#CACEF3
#C4DDE9
#C7DBE9
#C9D8E9
#CCD6E9
#CED3E9
#D1D1E9
#D4CEE9
#C7E5E0
#CBE1E0
#CEDEE0
#D2DAE0
#D5D6E0
#D9D3E0
#DDCEE0
#C9ECD6
#CEE7D6
#D3E2D6
#D7DED6
#DCD9D6
#E1D4D6
#E7CED6
#CBF4CC
#D1EECC
#D7E8CC
#DDE2CC
#E3DCCC
#E9D6CC
#F1CECC
#CEFDC0
#D6F5C0
#DDEEC0
#E5E6C0
#ECDFC0
#F4D7C0
#FDCEC0
Colorpallet from #C0CEFD to #FDC0CE and to #FDCEC0
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#C0CEFD
#CACCF5
#CACCF5
#CACDF4
#CACDF4
#CACDF4
#CACEF3
#CACEF3
#D4CAEE
#D4CBED
#D4CBEC
#D4CCEC
#D4CDEB
#D4CDEA
#D4CEE9
#DDC7E6
#DDC8E5
#DDC9E4
#DDCAE3
#DDCBE2
#DDCDE1
#DDCEE0
#E7C5DF
#E7C6DE
#E7C8DC
#E7C9DB
#E7CBD9
#E7CCD8
#E7CED6
#F1C3D7
#F1C5D5
#F1C7D3
#F1C8D2
#F1CAD0
#F1CCCE
#F1CECC
#FDC0CE
#FDC2CC
#FDC4CA
#FDC7C7
#FDC9C5
#FDCBC3
#FDCEC0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
