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 #A2E2D2 to #A2D2E2 and to #E2A2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2DFD5
#A4DED5
#A5DDD4
#A7DCD4
#A8DBD3
#AAD9D3
#ACD8D2
#A2DDD7
#A5DBD6
#A8D8D5
#ACD6D5
#AFD3D4
#B2D1D3
#B6CED2
#A2DADA
#A7D6D9
#ACD3D7
#B1CFD6
#B6CBD5
#BBC8D4
#C1C3D2
#A2D8DC
#A9D3DA
#AFCED9
#B6C9D7
#BCC4D6
#C3BFD4
#CBB9D2
#A2D5DF
#AACFDD
#B2C9DB
#BAC3D9
#C3BDD7
#CBB7D5
#D5AFD2
#A2D2E2
#ACCADF
#B6C3DD
#C1BBDA
#CBB3D8
#D5ACD5
#E2A2D2
Colorpallet from #A2E2D2 to #A2D2E2 and to #E2D2A2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2DFD5
#A4DFD3
#A5DFD1
#A7DFD0
#A8DFCE
#AADFCC
#ACDFCA
#A2DDD7
#A5DDD4
#A8DDD1
#ACDDCD
#AFDDCA
#B2DDC7
#B6DDC3
#A2DADA
#A7DAD5
#ACDAD0
#B1DACB
#B6DAC6
#BBDAC1
#C1DABB
#A2D8DC
#A9D8D5
#AFD8CF
#B6D8C8
#BCD8C2
#C3D8BB
#CBD8B3
#A2D5DF
#AAD5D7
#B2D5CF
#BAD5C7
#C3D5BE
#CBD5B6
#D5D5AC
#A2D2E2
#ACD2D8
#B6D2CE
#C1D2C3
#CBD2B9
#D5D2AF
#E2D2A2
Colorpallet from #A2E2D2 to #A2D2E2 and to #D2A2E2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2DFD5
#A3DED5
#A5DDD5
#A6DCD5
#A7DBD5
#A8D9D5
#AAD8D5
#A2DDD7
#A4DBD7
#A7D8D7
#A9D6D7
#ACD3D7
#AED1D7
#B1CED7
#A2DADA
#A6D6DA
#A9D3DA
#ADCFDA
#B1CBDA
#B4C8DA
#B9C3DA
#A2D8DC
#A7D3DC
#ACCEDC
#B1C9DC
#B6C4DC
#BBBFDC
#C1B9DC
#A2D5DF
#A8CFDF
#AEC9DF
#B4C3DF
#BABDDF
#C0B7DF
#C8AFDF
#A2D2E2
#AACAE2
#B1C3E2
#B9BBE2
#C1B3E2
#C8ACE2
#D2A2E2
Colorpallet from #A2E2D2 to #A2D2E2 and to #D2E2A2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2DFD5
#A3DFD3
#A5E0D1
#A6E0D0
#A7E1CE
#A8E1CC
#AAE2CA
#A2DDD7
#A4DED4
#A7DFD1
#A9DFCD
#ACE0CA
#AEE1C7
#B1E2C3
#A2DADA
#A6DBD5
#A9DDD0
#ADDECB
#B1DFC6
#B4E0C1
#B9E2BB
#A2D8DC
#A7DAD5
#ACDBCF
#B1DDC8
#B6DEC2
#BBE0BB
#C1E2B3
#A2D5DF
#A8D7D7
#AED9CF
#B4DBC7
#BADDBE
#C0DFB6
#C8E2AC
#A2D2E2
#AAD5D8
#B1D7CE
#B9DAC3
#C1DCB9
#C8DFAF
#D2E2A2
Colorpallet from #A2E2D2 to #E2A2D2 and to #E2D2A2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#ACD8D2
#ACD9D1
#ACDACF
#ACDBCE
#ACDCCD
#ACDECC
#ACDFCA
#B6CED2
#B6D0D0
#B6D3CD
#B6D5CB
#B6D8C8
#B6DAC6
#B6DDC3
#C1C3D2
#C1C7CE
#C1CACB
#C1CEC7
#C1D2C3
#C1D5C0
#C1DABB
#CBB9D2
#CBBECD
#CBC3C8
#CBC8C3
#CBCDBE
#CBD2B9
#CBD8B3
#D5AFD2
#D5B5CC
#D5BBC6
#D5C1C0
#D5C7BA
#D5CDB4
#D5D5AC
#E2A2D2
#E2AACA
#E2B1C3
#E2B9BB
#E2C1B3
#E2C8AC
#E2D2A2
Colorpallet from #A2E2D2 to #E2A2D2 and to #D2A2E2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#ACD8D2
#ACD8D2
#ABD8D3
#ABD8D3
#ABD8D4
#AAD8D4
#AAD8D5
#B6CED2
#B5CED3
#B4CED4
#B4CED4
#B3CED5
#B2CED6
#B1CED7
#C1C3D2
#C0C3D3
#BEC3D5
#BDC3D6
#BCC3D7
#BBC3D8
#B9C3DA
#CBB9D2
#C9B9D4
#C8B9D5
#C6B9D7
#C5B9D8
#C3B9DA
#C1B9DC
#D5AFD2
#D3AFD4
#D1AFD6
#CFAFD8
#CDAFDA
#CBAFDC
#C8AFDF
#E2A2D2
#DFA2D5
#DDA2D7
#DAA2DA
#D8A2DC
#D5A2DF
#D2A2E2
Colorpallet from #A2E2D2 to #E2A2D2 and to #D2E2A2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#ACD8D2
#ACDAD1
#ABDBCF
#ABDDCE
#ABDECD
#AAE0CC
#AAE2CA
#B6CED2
#B5D1D0
#B4D4CD
#B4D8CB
#B3DBC8
#B2DEC6
#B1E2C3
#C1C3D2
#C0C8CE
#BECDCB
#BDD2C7
#BCD7C3
#BBDCC0
#B9E2BB
#CBB9D2
#C9C0CD
#C8C6C8
#C6CDC3
#C5D3BE
#C3DAB9
#C1E2B3
#D5AFD2
#D3B7CC
#D1BFC6
#CFC7C0
#CDD0BA
#CBD8B4
#C8E2AC
#E2A2D2
#DFACCA
#DDB6C3
#DAC1BB
#D8CBB3
#D5D5AC
#D2E2A2
Colorpallet from #A2E2D2 to #E2D2A2 and to #D2A2E2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#ACDFCA
#ACDECC
#ABDDCE
#ABDCCF
#ABDBD1
#AAD9D3
#AAD8D5
#B6DDC3
#B5DBC6
#B4D8C9
#B4D6CD
#B3D3D0
#B2D1D3
#B1CED7
#C1DABB
#C0D6C0
#BED3C5
#BDCFCA
#BCCBCF
#BBC8D4
#B9C3DA
#CBD8B3
#C9D3BA
#C8CEC0
#C6C9C7
#C5C4CD
#C3BFD4
#C1B9DC
#D5D5AC
#D3CFB4
#D1C9BC
#CFC3C4
#CDBDCD
#CBB7D5
#C8AFDF
#E2D2A2
#DFCAAC
#DDC3B6
#DABBC1
#D8B3CB
#D5ACD5
#D2A2E2
Colorpallet from #A2E2D2 to #E2D2A2 and to #D2E2A2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#ACDFCA
#ACDFCA
#ABE0CA
#ABE0CA
#ABE1CA
#AAE1CA
#AAE2CA
#B6DDC3
#B5DEC3
#B4DFC3
#B4DFC3
#B3E0C3
#B2E1C3
#B1E2C3
#C1DABB
#C0DBBB
#BEDDBB
#BDDEBB
#BCDFBB
#BBE0BB
#B9E2BB
#CBD8B3
#C9DAB3
#C8DBB3
#C6DDB3
#C5DEB3
#C3E0B3
#C1E2B3
#D5D5AC
#D3D7AC
#D1D9AC
#CFDBAC
#CDDDAC
#CBDFAC
#C8E2AC
#E2D2A2
#DFD5A2
#DDD7A2
#DADAA2
#D8DCA2
#D5DFA2
#D2E2A2
Colorpallet from #A2E2D2 to #D2A2E2 and to #D2E2A2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#A2E2D2
#AAD8D5
#AADAD3
#AADBD1
#AADDD0
#AADECE
#AAE0CC
#AAE2CA
#B1CED7
#B1D1D4
#B1D4D1
#B1D8CD
#B1DBCA
#B1DEC7
#B1E2C3
#B9C3DA
#B9C8D5
#B9CDD0
#B9D2CB
#B9D7C6
#B9DCC1
#B9E2BB
#C1B9DC
#C1C0D5
#C1C6CF
#C1CDC8
#C1D3C2
#C1DABB
#C1E2B3
#C8AFDF
#C8B7D7
#C8BFCF
#C8C7C7
#C8D0BE
#C8D8B6
#C8E2AC
#D2A2E2
#D2ACD8
#D2B6CE
#D2C1C3
#D2CBB9
#D2D5AF
#D2E2A2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts