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 #BDF2CE to #BDCEF2 and to #F2BDCE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDECD4
#BEECD3
#C0EBD2
#C1EBD1
#C2EBD0
#C3EACF
#C5EACE
#BDE6DA
#C0E5D8
#C2E4D6
#C5E4D4
#C8E3D2
#CBE2D0
#CEE1CE
#BDE1DF
#C1E0DC
#C5DEDA
#C9DDD7
#CDDCD4
#D1DBD1
#D6D9CE
#BDDBE5
#C2D9E1
#C8D7DE
#CDD6DA
#D3D4D6
#D8D2D3
#DFD0CE
#BDD5EB
#C4D3E6
#CAD1E2
#D1CFDD
#D8CDD8
#DFCBD4
#E7C8CE
#BDCEF2
#C5CBEC
#CEC9E6
#D6C6E1
#DFC3DB
#E7C0D5
#F2BDCE
Colorpallet from #BDF2CE to #BDCEF2 and to #F2CEBD
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDECD4
#BEECD3
#C0ECD1
#C1ECD0
#C2ECCE
#C3ECCD
#C5ECCB
#BDE6DA
#C0E6D7
#C2E6D5
#C5E6D2
#C8E6CF
#CBE6CC
#CEE6C9
#BDE1DF
#C1E1DB
#C5E1D7
#C9E1D3
#CDE1CF
#D1E1CB
#D6E1C6
#BDDBE5
#C2DBE0
#C8DBDA
#CDDBD5
#D3DBCF
#D8DBCA
#DFDBC3
#BDD5EB
#C4D5E4
#CAD5DD
#D1D5D6
#D8D5CF
#DFD5C9
#E7D5C0
#BDCEF2
#C5CEEA
#CECEE1
#D6CED9
#DFCED0
#E7CEC8
#F2CEBD
Colorpallet from #BDF2CE to #BDCEF2 and to #CEBDF2
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDECD4
#BDECD4
#BEEBD4
#BEEBD4
#BFEBD4
#BFEAD4
#C0EAD4
#BDE6DA
#BEE5DA
#BFE4DA
#BFE4DA
#C0E3DA
#C1E2DA
#C2E1DA
#BDE1DF
#BEE0DF
#C0DEDF
#C1DDDF
#C2DCDF
#C3DBDF
#C5D9DF
#BDDBE5
#BFD9E5
#C1D7E5
#C2D6E5
#C4D4E5
#C6D2E5
#C8D0E5
#BDD5EB
#BFD3EB
#C1D1EB
#C4CFEB
#C6CDEB
#C8CBEB
#CBC8EB
#BDCEF2
#C0CBF2
#C2C9F2
#C5C6F2
#C8C3F2
#CBC0F2
#CEBDF2
Colorpallet from #BDF2CE to #BDCEF2 and to #CEF2BD
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDECD4
#BDEDD3
#BEEED1
#BEEFD0
#BFF0CE
#BFF1CD
#C0F2CB
#BDE6DA
#BEE8D7
#BFEAD5
#BFECD2
#C0EECF
#C1F0CC
#C2F2C9
#BDE1DF
#BEE4DB
#C0E6D7
#C1E9D3
#C2ECCF
#C3EFCB
#C5F2C6
#BDDBE5
#BFDFE0
#C1E2DA
#C2E6D5
#C4EACF
#C6EDCA
#C8F2C3
#BDD5EB
#BFDAE4
#C1DEDD
#C4E3D6
#C6E8CF
#C8ECC9
#CBF2C0
#BDCEF2
#C0D4EA
#C2DAE1
#C5DFD9
#C8E5D0
#CBEBC8
#CEF2BD
Colorpallet from #BDF2CE to #F2BDCE and to #F2CEBD
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#C5EACE
#C5EACE
#C5EBCD
#C5EBCD
#C5EBCC
#C5ECCC
#C5ECCB
#CEE1CE
#CEE2CD
#CEE3CC
#CEE3CC
#CEE4CB
#CEE5CA
#CEE6C9
#D6D9CE
#D6DACD
#D6DCCB
#D6DDCA
#D6DEC9
#D6DFC8
#D6E1C6
#DFD0CE
#DFD2CC
#DFD4CA
#DFD5C9
#DFD7C7
#DFD9C5
#DFDBC3
#E7C8CE
#E7CACC
#E7CCCA
#E7CEC7
#E7D0C5
#E7D2C3
#E7D5C0
#F2BDCE
#F2C0CB
#F2C2C9
#F2C5C6
#F2C8C3
#F2CBC0
#F2CEBD
Colorpallet from #BDF2CE to #F2BDCE and to #CEBDF2
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#C5EACE
#C4EACF
#C3EAD0
#C3EAD1
#C2EAD2
#C1EAD3
#C0EAD4
#CEE1CE
#CCE1D0
#CAE1D2
#C8E1D4
#C6E1D6
#C4E1D8
#C2E1DA
#D6D9CE
#D3D9D1
#D1D9D3
#CED9D6
#CBD9D9
#C8D9DC
#C5D9DF
#DFD0CE
#DBD0D2
#D8D0D5
#D4D0D9
#D0D0DD
#CDD0E0
#C8D0E5
#E7C8CE
#E3C8D3
#DEC8D7
#DAC8DC
#D5C8E1
#D1C8E5
#CBC8EB
#F2BDCE
#ECBDD4
#E6BDDA
#E1BDDF
#DBBDE5
#D5BDEB
#CEBDF2
Colorpallet from #BDF2CE to #F2BDCE and to #CEF2BD
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#C5EACE
#C4EBCE
#C3EDCD
#C3EECD
#C2EFCC
#C1F0CC
#C0F2CB
#CEE1CE
#CCE4CD
#CAE6CC
#C8E9CC
#C6ECCB
#C4EFCA
#C2F2C9
#D6D9CE
#D3DDCD
#D1E1CB
#CEE5CA
#CBE9C9
#C8EDC8
#C5F2C6
#DFD0CE
#DBD5CC
#D8DBCA
#D4E0C9
#D0E6C7
#CDEBC5
#C8F2C3
#E7C8CE
#E3CFCC
#DED5CA
#DADCC7
#D5E3C5
#D1EAC3
#CBF2C0
#F2BDCE
#ECC5CB
#E6CEC9
#E1D6C6
#DBDFC3
#D5E7C0
#CEF2BD
Colorpallet from #BDF2CE to #F2CEBD and to #CEBDF2
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#C5ECCB
#C4ECCC
#C3EBCE
#C3EBCF
#C2EBD1
#C1EAD2
#C0EAD4
#CEE6C9
#CCE5CC
#CAE4CE
#C8E4D1
#C6E3D4
#C4E2D7
#C2E1DA
#D6E1C6
#D3E0CA
#D1DECE
#CEDDD2
#CBDCD6
#C8DBDA
#C5D9DF
#DFDBC3
#DBD9C8
#D8D7CE
#D4D6D3
#D0D4D9
#CDD2DE
#C8D0E5
#E7D5C0
#E3D3C7
#DED1CE
#DACFD5
#D5CDDC
#D1CBE2
#CBC8EB
#F2CEBD
#ECCBC5
#E6C9CE
#E1C6D6
#DBC3DF
#D5C0E7
#CEBDF2
Colorpallet from #BDF2CE to #F2CEBD and to #CEF2BD
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#C5ECCB
#C4EDCB
#C3EECB
#C3EFCB
#C2F0CB
#C1F1CB
#C0F2CB
#CEE6C9
#CCE8C9
#CAEAC9
#C8ECC9
#C6EEC9
#C4F0C9
#C2F2C9
#D6E1C6
#D3E4C6
#D1E6C6
#CEE9C6
#CBECC6
#C8EFC6
#C5F2C6
#DFDBC3
#DBDFC3
#D8E2C3
#D4E6C3
#D0EAC3
#CDEDC3
#C8F2C3
#E7D5C0
#E3DAC0
#DEDEC0
#DAE3C0
#D5E8C0
#D1ECC0
#CBF2C0
#F2CEBD
#ECD4BD
#E6DABD
#E1DFBD
#DBE5BD
#D5EBBD
#CEF2BD
Colorpallet from #BDF2CE to #CEBDF2 and to #CEF2BD
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#BDF2CE
#C0EAD4
#C0EBD3
#C0EDD1
#C0EED0
#C0EFCE
#C0F0CD
#C0F2CB
#C2E1DA
#C2E4D7
#C2E6D5
#C2E9D2
#C2ECCF
#C2EFCC
#C2F2C9
#C5D9DF
#C5DDDB
#C5E1D7
#C5E5D3
#C5E9CF
#C5EDCB
#C5F2C6
#C8D0E5
#C8D5E0
#C8DBDA
#C8E0D5
#C8E6CF
#C8EBCA
#C8F2C3
#CBC8EB
#CBCFE4
#CBD5DD
#CBDCD6
#CBE3CF
#CBEAC9
#CBF2C0
#CEBDF2
#CEC5EA
#CECEE1
#CED6D9
#CEDFD0
#CEE7C8
#CEF2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts