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 #F2BFD5 to #F2D5BF and to #BFF2D5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2C3D1
#F1C4D2
#EFC4D2
#EEC5D3
#EDC6D4
#ECC6D4
#EAC7D5
#F2C6CE
#EFC7CF
#EDC9D0
#EACAD1
#E8CCD2
#E5CDD4
#E2CFD5
#F2CACA
#EECCCC
#EACECE
#E6D0CF
#E3D2D1
#DFD4D3
#DAD7D5
#F2CDC7
#EDD0C9
#E7D3CB
#E2D6CE
#DDD9D0
#D8DCD2
#D1E0D5
#F2D1C3
#EBD5C6
#E5D8C9
#DEDCCC
#D8E0CF
#D1E3D1
#C9E8D5
#F2D5BF
#EADAC3
#E2DEC6
#DAE3CA
#D1E8CD
#C9ECD1
#BFF2D5
Colorpallet from #F2BFD5 to #F2D5BF and to #BFD5F2
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2C3D1
#F1C3D2
#EFC3D4
#EEC3D5
#EDC3D7
#ECC3D8
#EAC3DA
#F2C6CE
#EFC6D1
#EDC6D3
#EAC6D6
#E8C6D8
#E5C6DB
#E2C6DE
#F2CACA
#EECACE
#EACAD2
#E6CAD6
#E3CADA
#DFCADE
#DACAE3
#F2CDC7
#EDCDCC
#E7CDD2
#E2CDD7
#DDCDDC
#D8CDE1
#D1CDE8
#F2D1C3
#EBD1CA
#E5D1D0
#DED1D7
#D8D1DD
#D1D1E4
#C9D1EC
#F2D5BF
#EAD5C7
#E2D5CF
#DAD5D7
#D1D5E0
#C9D5E8
#BFD5F2
Colorpallet from #F2BFD5 to #F2D5BF and to #D5F2BF
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2C3D1
#F1C4D1
#F0C4D1
#F0C5D1
#EFC6D1
#EEC6D1
#EDC7D1
#F2C6CE
#F1C7CE
#EFC9CE
#EECACE
#ECCCCE
#EBCDCE
#E9CFCE
#F2CACA
#F0CCCA
#EECECA
#EBD0CA
#E9D2CA
#E7D4CA
#E4D7CA
#F2CDC7
#EFD0C7
#ECD3C7
#E9D6C7
#E6D9C7
#E3DCC7
#DFE0C7
#F2D1C3
#EED5C3
#EBD8C3
#E7DCC3
#E3E0C3
#E0E3C3
#DBE8C3
#F2D5BF
#EDDABF
#E9DEBF
#E4E3BF
#DFE8BF
#DBECBF
#D5F2BF
Colorpallet from #F2BFD5 to #F2D5BF and to #D5BFF2
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2C3D1
#F1C2D2
#F0C2D4
#F0C1D5
#EFC0D7
#EEC0D8
#EDBFDA
#F2C6CE
#F1C5D1
#EFC4D3
#EEC3D6
#ECC2D8
#EBC0DB
#E9BFDE
#F2CACA
#F0C8CE
#EEC6D2
#EBC5D6
#E9C3DA
#E7C1DE
#E4BFE3
#F2CDC7
#EFCBCC
#ECC9D2
#E9C6D7
#E6C4DC
#E3C2E1
#DFBFE8
#F2D1C3
#EECECA
#EBCBD0
#E7C8D7
#E3C5DD
#E0C3E4
#DBBFEC
#F2D5BF
#EDD1C7
#E9CECF
#E4CAD7
#DFC7E0
#DBC3E8
#D5BFF2
Colorpallet from #F2BFD5 to #BFF2D5 and to #BFD5F2
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#EAC7D5
#EAC6D6
#EAC6D7
#EAC5D7
#EAC4D8
#EAC4D9
#EAC3DA
#E2CFD5
#E2CED6
#E2CCD8
#E2CBD9
#E2C9DB
#E2C8DC
#E2C6DE
#DAD7D5
#DAD5D7
#DAD3D9
#DAD1DC
#DACFDE
#DACDE0
#DACAE3
#D1E0D5
#D1DDD8
#D1DADB
#D1D7DE
#D1D4E1
#D1D1E4
#D1CDE8
#C9E8D5
#C9E4D9
#C9E1DC
#C9DDE0
#C9D9E4
#C9D6E7
#C9D1EC
#BFF2D5
#BFEDDA
#BFE9DE
#BFE4E3
#BFDFE8
#BFDBEC
#BFD5F2
Colorpallet from #F2BFD5 to #BFF2D5 and to #D5F2BF
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#EAC7D5
#EAC7D4
#EBC7D4
#EBC7D3
#ECC7D2
#ECC7D2
#EDC7D1
#E2CFD5
#E3CFD4
#E4CFD3
#E5CFD2
#E6CFD1
#E8CFCF
#E9CFCE
#DAD7D5
#DCD7D3
#DDD7D1
#DFD7D0
#E0D7CE
#E2D7CC
#E4D7CA
#D1E0D5
#D3E0D3
#D5E0D1
#D8E0CE
#DAE0CC
#DCE0CA
#DFE0C7
#C9E8D5
#CCE8D2
#CFE8CF
#D2E8CC
#D5E8C9
#D7E8C7
#DBE8C3
#BFF2D5
#C3F2D1
#C6F2CE
#CAF2CA
#CDF2C7
#D1F2C3
#D5F2BF
Colorpallet from #F2BFD5 to #BFF2D5 and to #D5BFF2
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#EAC7D5
#EAC6D6
#EBC4D7
#EBC3D7
#ECC2D8
#ECC1D9
#EDBFDA
#E2CFD5
#E3CCD6
#E4CAD8
#E5C7D9
#E6C5DB
#E8C2DC
#E9BFDE
#DAD7D5
#DCD3D7
#DDCFD9
#DFCBDC
#E0C8DE
#E2C4E0
#E4BFE3
#D1E0D5
#D3DBD8
#D5D5DB
#D8D0DE
#DACBE1
#DCC6E4
#DFBFE8
#C9E8D5
#CCE1D9
#CFDBDC
#D2D4E0
#D5CEE4
#D7C7E7
#DBBFEC
#BFF2D5
#C3EADA
#C6E2DE
#CADAE3
#CDD1E8
#D1C9EC
#D5BFF2
Colorpallet from #F2BFD5 to #BFD5F2 and to #D5F2BF
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#EAC3DA
#EAC4D9
#EBC4D7
#EBC5D6
#ECC6D4
#ECC6D3
#EDC7D1
#E2C6DE
#E3C7DB
#E4C9D9
#E5CAD6
#E6CCD4
#E8CDD1
#E9CFCE
#DACAE3
#DCCCDF
#DDCEDB
#DFD0D7
#E0D2D3
#E2D4CF
#E4D7CA
#D1CDE8
#D3D0E3
#D5D3DD
#D8D6D8
#DAD9D3
#DCDCCE
#DFE0C7
#C9D1EC
#CCD5E5
#CFD8DF
#D2DCD8
#D5E0D2
#D7E3CB
#DBE8C3
#BFD5F2
#C3DAEA
#C6DEE2
#CAE3DA
#CDE8D1
#D1ECC9
#D5F2BF
Colorpallet from #F2BFD5 to #BFD5F2 and to #D5BFF2
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#EAC3DA
#EAC2DA
#EBC2DA
#EBC1DA
#ECC0DA
#ECC0DA
#EDBFDA
#E2C6DE
#E3C5DE
#E4C4DE
#E5C3DE
#E6C2DE
#E8C0DE
#E9BFDE
#DACAE3
#DCC8E3
#DDC6E3
#DFC5E3
#E0C3E3
#E2C1E3
#E4BFE3
#D1CDE8
#D3CBE8
#D5C9E8
#D8C6E8
#DAC4E8
#DCC2E8
#DFBFE8
#C9D1EC
#CCCEEC
#CFCBEC
#D2C8EC
#D5C5EC
#D7C3EC
#DBBFEC
#BFD5F2
#C3D1F2
#C6CEF2
#CACAF2
#CDC7F2
#D1C3F2
#D5BFF2
Colorpallet from #F2BFD5 to #D5F2BF and to #D5BFF2
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#F2BFD5
#EDC7D1
#EDC6D2
#EDC4D4
#EDC3D5
#EDC2D7
#EDC1D8
#EDBFDA
#E9CFCE
#E9CCD1
#E9CAD3
#E9C7D6
#E9C5D8
#E9C2DB
#E9BFDE
#E4D7CA
#E4D3CE
#E4CFD2
#E4CBD6
#E4C8DA
#E4C4DE
#E4BFE3
#DFE0C7
#DFDBCC
#DFD5D2
#DFD0D7
#DFCBDC
#DFC6E1
#DFBFE8
#DBE8C3
#DBE1CA
#DBDBD0
#DBD4D7
#DBCEDD
#DBC7E4
#DBBFEC
#D5F2BF
#D5EAC7
#D5E2CF
#D5DAD7
#D5D1E0
#D5C9E8
#D5BFF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
