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 #F0DAC2 to #F0C2DA and to #DAF0C2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0D6C6
#EFD7C5
#EFD9C5
#EEDAC4
#EDDBC3
#EDDCC3
#ECDEC2
#F0D2CA
#EFD4C9
#EED7C7
#EDD9C6
#ECDCC5
#EADEC4
#E9E1C2
#F0CECE
#EED2CC
#ECD5CA
#EBD9C8
#E9DDC6
#E7E0C4
#E5E5C2
#F0CBD1
#EED0CF
#ECD4CC
#E9D9CA
#E7DEC7
#E5E2C5
#E2E8C2
#F0C7D5
#EDCDD2
#EAD3CF
#E7D9CC
#E4DFC9
#E2E5C6
#DEECC2
#F0C2DA
#ECC9D6
#E9D1D2
#E5D8CE
#E2DFCB
#DEE7C7
#DAF0C2
Colorpallet from #F0DAC2 to #F0C2DA and to #DAC2F0
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0D6C6
#EFD6C6
#EFD6C7
#EED6C7
#EDD6C8
#EDD6C8
#ECD6C9
#F0D2CA
#EFD2CB
#EED2CC
#EDD2CD
#ECD2CE
#EAD2D0
#E9D2D1
#F0CECE
#EECED0
#ECCED1
#EBCED3
#E9CED4
#E7CED6
#E5CED8
#F0CBD1
#EECBD3
#ECCBD5
#E9CBD8
#E7CBDA
#E5CBDC
#E2CBDF
#F0C7D5
#EDC7D8
#EAC7DB
#E7C7DE
#E4C7E1
#E2C7E3
#DEC7E7
#F0C2DA
#ECC2DE
#E9C2E1
#E5C2E5
#E2C2E8
#DEC2EC
#DAC2F0
Colorpallet from #F0DAC2 to #F0C2DA and to #C2F0DA
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0D6C6
#EFD7C6
#EED9C6
#EDDAC6
#ECDBC6
#EADCC6
#E9DEC6
#F0D2CA
#EED4CA
#EBD7CA
#E9D9CA
#E6DCCA
#E4DECA
#E1E1CA
#F0CECE
#ECD2CE
#E9D5CE
#E5D9CE
#E2DDCE
#DEE0CE
#DAE5CE
#F0CBD1
#EBD0D1
#E7D4D1
#E2D9D1
#DDDED1
#D9E2D1
#D3E8D1
#F0C7D5
#EACDD5
#E4D3D5
#DED9D5
#D8DFD5
#D2E5D5
#CBECD5
#F0C2DA
#E9C9DA
#E1D1DA
#DAD8DA
#D3DFDA
#CBE7DA
#C2F0DA
Colorpallet from #F0DAC2 to #F0C2DA and to #C2DAF0
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0D6C6
#EFD7C6
#EED7C7
#EDD8C7
#ECD9C8
#EAD9C8
#E9DAC9
#F0D2CA
#EED3CB
#EBD5CC
#E9D6CD
#E6D7CE
#E4D8D0
#E1DAD1
#F0CECE
#ECD0D0
#E9D2D1
#E5D4D3
#E2D6D4
#DED8D6
#DADAD8
#F0CBD1
#EBCDD3
#E7D0D5
#E2D2D8
#DDD5DA
#D9D7DC
#D3DADF
#F0C7D5
#EACAD8
#E4CDDB
#DED0DE
#D8D3E1
#D2D6E3
#CBDAE7
#F0C2DA
#E9C6DE
#E1CAE1
#DACEE5
#D3D1E8
#CBD5EC
#C2DAF0
Colorpallet from #F0DAC2 to #DAF0C2 and to #DAC2F0
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#ECDEC2
#ECDDC3
#ECDBC4
#ECDAC5
#ECD9C6
#ECD8C8
#ECD6C9
#E9E1C2
#E9DFC4
#E9DCC7
#E9DAC9
#E9D7CC
#E9D5CE
#E9D2D1
#E5E5C2
#E5E1C6
#E5DEC9
#E5DACD
#E5D6D0
#E5D3D4
#E5CED8
#E2E8C2
#E2E3C7
#E2DFCB
#E2DAD0
#E2D5D5
#E2D1D9
#E2CBDF
#DEECC2
#DEE6C8
#DEE0CE
#DEDAD4
#DED4DA
#DECEE0
#DEC7E7
#DAF0C2
#DAE9C9
#DAE1D1
#DADAD8
#DAD3DF
#DACBE7
#DAC2F0
Colorpallet from #F0DAC2 to #DAF0C2 and to #C2F0DA
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#ECDEC2
#ECDEC3
#EBDEC3
#EBDEC4
#EADEC5
#EADEC5
#E9DEC6
#E9E1C2
#E8E1C3
#E6E1C5
#E5E1C6
#E4E1C7
#E3E1C8
#E1E1CA
#E5E5C2
#E3E5C4
#E1E5C6
#E0E5C8
#DEE5CA
#DCE5CC
#DAE5CE
#E2E8C2
#E0E8C4
#DDE8C7
#DBE8C9
#D8E8CC
#D6E8CE
#D3E8D1
#DEECC2
#DBECC5
#D8ECC8
#D5ECCB
#D2ECCE
#CFECD1
#CBECD5
#DAF0C2
#D6F0C6
#D2F0CA
#CEF0CE
#CBF0D1
#C7F0D5
#C2F0DA
Colorpallet from #F0DAC2 to #DAF0C2 and to #C2DAF0
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#ECDEC2
#ECDDC3
#EBDDC4
#EBDCC5
#EADBC6
#EADBC8
#E9DAC9
#E9E1C2
#E8E0C4
#E6DFC7
#E5DEC9
#E4DDCC
#E3DBCE
#E1DAD1
#E5E5C2
#E3E3C6
#E1E1C9
#E0E0CD
#DEDED0
#DCDCD4
#DADAD8
#E2E8C2
#E0E6C7
#DDE4CB
#DBE1D0
#D8DFD5
#D6DDD9
#D3DADF
#DEECC2
#DBE9C8
#D8E6CE
#D5E3D4
#D2E0DA
#CFDEE0
#CBDAE7
#DAF0C2
#D6ECC9
#D2E9D1
#CEE5D8
#CBE2DF
#C7DEE7
#C2DAF0
Colorpallet from #F0DAC2 to #DAC2F0 and to #C2F0DA
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#ECD6C9
#ECD7C9
#EBD9C8
#EBDAC8
#EADBC7
#EADCC7
#E9DEC6
#E9D2D1
#E8D4D0
#E6D7CF
#E5D9CE
#E4DCCD
#E3DECB
#E1E1CA
#E5CED8
#E3D2D6
#E1D5D5
#E0D9D3
#DEDDD2
#DCE0D0
#DAE5CE
#E2CBDF
#E0D0DD
#DDD4DB
#DBD9D8
#D8DED6
#D6E2D4
#D3E8D1
#DEC7E7
#DBCDE4
#D8D3E1
#D5D9DE
#D2DFDB
#CFE5D9
#CBECD5
#DAC2F0
#D6C9EC
#D2D1E9
#CED8E5
#CBDFE2
#C7E7DE
#C2F0DA
Colorpallet from #F0DAC2 to #DAC2F0 and to #C2DAF0
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#ECD6C9
#ECD7C9
#EBD7C9
#EBD8C9
#EAD9C9
#EAD9C9
#E9DAC9
#E9D2D1
#E8D3D1
#E6D5D1
#E5D6D1
#E4D7D1
#E3D8D1
#E1DAD1
#E5CED8
#E3D0D8
#E1D2D8
#E0D4D8
#DED6D8
#DCD8D8
#DADAD8
#E2CBDF
#E0CDDF
#DDD0DF
#DBD2DF
#D8D5DF
#D6D7DF
#D3DADF
#DEC7E7
#DBCAE7
#D8CDE7
#D5D0E7
#D2D3E7
#CFD6E7
#CBDAE7
#DAC2F0
#D6C6F0
#D2CAF0
#CECEF0
#CBD1F0
#C7D5F0
#C2DAF0
Colorpallet from #F0DAC2 to #C2F0DA and to #C2DAF0
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#F0DAC2
#E9DEC6
#E9DDC6
#E9DDC7
#E9DCC7
#E9DBC8
#E9DBC8
#E9DAC9
#E1E1CA
#E1E0CB
#E1DFCC
#E1DECD
#E1DDCE
#E1DBD0
#E1DAD1
#DAE5CE
#DAE3D0
#DAE1D1
#DAE0D3
#DADED4
#DADCD6
#DADAD8
#D3E8D1
#D3E6D3
#D3E4D5
#D3E1D8
#D3DFDA
#D3DDDC
#D3DADF
#CBECD5
#CBE9D8
#CBE6DB
#CBE3DE
#CBE0E1
#CBDEE3
#CBDAE7
#C2F0DA
#C2ECDE
#C2E9E1
#C2E5E5
#C2E2E8
#C2DEEC
#C2DAF0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts