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 #F7C2DE to #F7DEC2 and to #C2F7DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C6DA
#F6C7DB
#F4C7DB
#F3C8DC
#F2C9DD
#F1C9DD
#EFCADE
#F7CBD5
#F4CCD6
#F2CED8
#EFCFD9
#ECD0DB
#E9D1DC
#E6D3DE
#F7CFD1
#F3D1D3
#EFD3D5
#EBD5D7
#E7D7D9
#E3D9DB
#DEDBDE
#F7D4CC
#F2D7CF
#ECD9D2
#E7DCD5
#E1DED8
#DCE1DA
#D5E4DE
#F7D8C8
#F0DBCC
#EADECF
#E3E2D3
#DCE5D6
#D5E8DA
#CDECDE
#F7DEC2
#EFE2C6
#E6E6CB
#DEEACF
#D5EED4
#CDF2D8
#C2F7DE
Colorpallet from #F7C2DE to #F7DEC2 and to #C2DEF7
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C6DA
#F6C6DB
#F4C6DD
#F3C6DE
#F2C6DF
#F1C6E0
#EFC6E2
#F7CBD5
#F4CBD8
#F2CBDA
#EFCBDD
#ECCBE0
#E9CBE3
#E6CBE6
#F7CFD1
#F3CFD5
#EFCFD9
#EBCFDD
#E7CFE1
#E3CFE5
#DECFEA
#F7D4CC
#F2D4D1
#ECD4D7
#E7D4DC
#E1D4E2
#DCD4E7
#D5D4EE
#F7D8C8
#F0D8CF
#EAD8D5
#E3D8DC
#DCD8E3
#D5D8EA
#CDD8F2
#F7DEC2
#EFDECA
#E6DED3
#DEDEDB
#D5DEE4
#CDDEEC
#C2DEF7
Colorpallet from #F7C2DE to #F7DEC2 and to #DEF7C2
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C6DA
#F6C7DA
#F6C7DA
#F5C8DA
#F4C9DA
#F4C9DA
#F3CADA
#F7CBD5
#F6CCD5
#F4CED5
#F3CFD5
#F2D0D5
#F1D1D5
#EFD3D5
#F7CFD1
#F5D1D1
#F3D3D1
#F1D5D1
#EFD7D1
#EDD9D1
#EBDBD1
#F7D4CC
#F4D7CC
#F2D9CC
#EFDCCC
#EDDECC
#EAE1CC
#E7E4CC
#F7D8C8
#F4DBC8
#F1DEC8
#EDE2C8
#EAE5C8
#E7E8C8
#E3ECC8
#F7DEC2
#F3E2C2
#EFE6C2
#EBEAC2
#E7EEC2
#E3F2C2
#DEF7C2
Colorpallet from #F7C2DE to #F7DEC2 and to #DEC2F7
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C6DA
#F6C5DB
#F6C5DD
#F5C4DE
#F4C3DF
#F4C3E0
#F3C2E2
#F7CBD5
#F6CAD8
#F4C8DA
#F3C7DD
#F2C5E0
#F1C4E3
#EFC2E6
#F7CFD1
#F5CDD5
#F3CBD9
#F1C9DD
#EFC7E1
#EDC5E5
#EBC2EA
#F7D4CC
#F4D1D1
#F2CED7
#EFCBDC
#EDC8E2
#EAC6E7
#E7C2EE
#F7D8C8
#F4D4CF
#F1D1D5
#EDCDDC
#EACAE3
#E7C6EA
#E3C2F2
#F7DEC2
#F3DACA
#EFD5D3
#EBD1DB
#E7CCE4
#E3C8EC
#DEC2F7
Colorpallet from #F7C2DE to #C2F7DE and to #C2DEF7
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#EFCADE
#EFC9DF
#EFC9DF
#EFC8E0
#EFC7E1
#EFC7E1
#EFC6E2
#E6D3DE
#E6D2DF
#E6D0E1
#E6CFE2
#E6CEE3
#E6CDE4
#E6CBE6
#DEDBDE
#DED9E0
#DED7E2
#DED5E4
#DED3E6
#DED1E8
#DECFEA
#D5E4DE
#D5E1E1
#D5DFE3
#D5DCE6
#D5DAE8
#D5D7EB
#D5D4EE
#CDECDE
#CDE9E1
#CDE6E4
#CDE2E8
#CDDFEB
#CDDCEE
#CDD8F2
#C2F7DE
#C2F3E2
#C2EFE6
#C2EBEA
#C2E7EE
#C2E3F2
#C2DEF7
Colorpallet from #F7C2DE to #C2F7DE and to #DEF7C2
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#EFCADE
#F0CADD
#F0CADD
#F1CADC
#F2CADB
#F2CADB
#F3CADA
#E6D3DE
#E7D3DD
#E9D3DB
#EAD3DA
#ECD3D8
#EDD3D7
#EFD3D5
#DEDBDE
#E0DBDC
#E2DBDA
#E4DBD8
#E6DBD6
#E8DBD4
#EBDBD1
#D5E4DE
#D8E4DB
#DBE4D8
#DEE4D5
#E1E4D2
#E3E4D0
#E7E4CC
#CDECDE
#D1ECDA
#D4ECD7
#D8ECD3
#DBECD0
#DFECCC
#E3ECC8
#C2F7DE
#C6F7DA
#CBF7D5
#CFF7D1
#D4F7CC
#D8F7C8
#DEF7C2
Colorpallet from #F7C2DE to #C2F7DE and to #DEC2F7
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#EFCADE
#F0C9DF
#F0C7DF
#F1C6E0
#F2C5E1
#F2C4E1
#F3C2E2
#E6D3DE
#E7D0DF
#E9CEE1
#EACBE2
#ECC8E3
#EDC5E4
#EFC2E6
#DEDBDE
#E0D7E0
#E2D3E2
#E4CFE4
#E6CBE6
#E8C7E8
#EBC2EA
#D5E4DE
#D8DFE1
#DBD9E3
#DED4E6
#E1CEE8
#E3C9EB
#E7C2EE
#CDECDE
#D1E5E1
#D4DFE4
#D8D8E8
#DBD1EB
#DFCAEE
#E3C2F2
#C2F7DE
#C6EFE2
#CBE6E6
#CFDEEA
#D4D5EE
#D8CDF2
#DEC2F7
Colorpallet from #F7C2DE to #C2DEF7 and to #DEF7C2
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#EFC6E2
#F0C7E1
#F0C7DF
#F1C8DE
#F2C9DD
#F2C9DC
#F3CADA
#E6CBE6
#E7CCE3
#E9CEE1
#EACFDE
#ECD0DB
#EDD1D8
#EFD3D5
#DECFEA
#E0D1E6
#E2D3E2
#E4D5DE
#E6D7DA
#E8D9D6
#EBDBD1
#D5D4EE
#D8D7E9
#DBD9E3
#DEDCDE
#E1DED8
#E3E1D3
#E7E4CC
#CDD8F2
#D1DBEB
#D4DEE5
#D8E2DE
#DBE5D7
#DFE8D0
#E3ECC8
#C2DEF7
#C6E2EF
#CBE6E6
#CFEADE
#D4EED5
#D8F2CD
#DEF7C2
Colorpallet from #F7C2DE to #C2DEF7 and to #DEC2F7
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#EFC6E2
#F0C5E2
#F0C5E2
#F1C4E2
#F2C3E2
#F2C3E2
#F3C2E2
#E6CBE6
#E7CAE6
#E9C8E6
#EAC7E6
#ECC5E6
#EDC4E6
#EFC2E6
#DECFEA
#E0CDEA
#E2CBEA
#E4C9EA
#E6C7EA
#E8C5EA
#EBC2EA
#D5D4EE
#D8D1EE
#DBCEEE
#DECBEE
#E1C8EE
#E3C6EE
#E7C2EE
#CDD8F2
#D1D4F2
#D4D1F2
#D8CDF2
#DBCAF2
#DFC6F2
#E3C2F2
#C2DEF7
#C6DAF7
#CBD5F7
#CFD1F7
#D4CCF7
#D8C8F7
#DEC2F7
Colorpallet from #F7C2DE to #DEF7C2 and to #DEC2F7
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F7C2DE
#F3CADA
#F3C9DB
#F3C7DD
#F3C6DE
#F3C5DF
#F3C4E0
#F3C2E2
#EFD3D5
#EFD0D8
#EFCEDA
#EFCBDD
#EFC8E0
#EFC5E3
#EFC2E6
#EBDBD1
#EBD7D5
#EBD3D9
#EBCFDD
#EBCBE1
#EBC7E5
#EBC2EA
#E7E4CC
#E7DFD1
#E7D9D7
#E7D4DC
#E7CEE2
#E7C9E7
#E7C2EE
#E3ECC8
#E3E5CF
#E3DFD5
#E3D8DC
#E3D1E3
#E3CAEA
#E3C2F2
#DEF7C2
#DEEFCA
#DEE6D3
#DEDEDB
#DED5E4
#DECDEC
#DEC2F7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts