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 #ADE4C8 to #ADC8E4 and to #E4ADC8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE0CC
#AEDFCB
#B0DECB
#B1DECA
#B3DDC9
#B4DCC9
#B6DBC8
#ADDBD1
#B0DAD0
#B3D8CE
#B6D7CD
#B9D5CB
#BBD4CA
#BFD2C8
#ADD7D5
#B1D5D3
#B5D3D1
#B9D1CF
#BECFCD
#C2CDCB
#C7CAC8
#ADD2DA
#B3CFD7
#B8CDD4
#BECAD1
#C3C7CE
#C9C4CC
#D0C1C8
#ADCEDE
#B4CADA
#BBC7D7
#C2C3D3
#C9C0D0
#D0BCCC
#D9B8C8
#ADC8E4
#B6C4E0
#BFBFDB
#C7BBD7
#D0B7D2
#D9B2CE
#E4ADC8
Colorpallet from #ADE4C8 to #ADC8E4 and to #E4C8AD
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE0CC
#AEE0CB
#B0E0C9
#B1E0C8
#B3E0C7
#B4E0C6
#B6E0C4
#ADDBD1
#B0DBCE
#B3DBCB
#B6DBC8
#B9DBC5
#BBDBC3
#BFDBBF
#ADD7D5
#B1D7D1
#B5D7CD
#B9D7C9
#BED7C4
#C2D7C0
#C7D7BB
#ADD2DA
#B3D2D4
#B8D2CF
#BED2C9
#C3D2C4
#C9D2BE
#D0D2B7
#ADCEDE
#B4CED7
#BBCED0
#C2CEC9
#C9CEC2
#D0CEBB
#D9CEB2
#ADC8E4
#B6C8DB
#BFC8D2
#C7C8CA
#D0C8C1
#D9C8B8
#E4C8AD
Colorpallet from #ADE4C8 to #ADC8E4 and to #C8ADE4
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE0CC
#AEDFCC
#AEDECC
#AFDECC
#B0DDCC
#B0DCCC
#B1DBCC
#ADDBD1
#AEDAD1
#B0D8D1
#B1D7D1
#B3D5D1
#B4D4D1
#B6D2D1
#ADD7D5
#AFD5D5
#B1D3D5
#B3D1D5
#B5CFD5
#B7CDD5
#BACAD5
#ADD2DA
#B0CFDA
#B2CDDA
#B5CADA
#B8C7DA
#BBC4DA
#BEC1DA
#ADCEDE
#B1CADE
#B4C7DE
#B8C3DE
#BBC0DE
#BFBCDE
#C3B8DE
#ADC8E4
#B1C4E4
#B6BFE4
#BABBE4
#BEB7E4
#C3B2E4
#C8ADE4
Colorpallet from #ADE4C8 to #ADC8E4 and to #C8E4AD
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE0CC
#AEE1CB
#AEE1C9
#AFE2C8
#B0E3C7
#B0E3C6
#B1E4C4
#ADDBD1
#AEDCCE
#B0DECB
#B1DFC8
#B3E1C5
#B4E2C3
#B6E4BF
#ADD7D5
#AFD9D1
#B1DBCD
#B3DDC9
#B5DFC4
#B7E1C0
#BAE4BB
#ADD2DA
#B0D5D4
#B2D8CF
#B5DBC9
#B8DEC4
#BBE0BE
#BEE4B7
#ADCEDE
#B1D2D7
#B4D5D0
#B8D9C9
#BBDCC2
#BFE0BB
#C3E4B2
#ADC8E4
#B1CCDB
#B6D1D2
#BAD5CA
#BEDAC1
#C3DEB8
#C8E4AD
Colorpallet from #ADE4C8 to #E4ADC8 and to #E4C8AD
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#B6DBC8
#B6DCC7
#B6DDC7
#B6DDC6
#B6DEC5
#B6DFC5
#B6E0C4
#BFD2C8
#BFD3C7
#BFD5C5
#BFD6C4
#BFD8C2
#BFD9C1
#BFDBBF
#C7CAC8
#C7CCC6
#C7CEC4
#C7D0C2
#C7D2C0
#C7D4BE
#C7D7BB
#D0C1C8
#D0C4C5
#D0C6C3
#D0C9C0
#D0CCBD
#D0CFBA
#D0D2B7
#D9B8C8
#D9BCC4
#D9BFC1
#D9C3BD
#D9C6BA
#D9CAB6
#D9CEB2
#E4ADC8
#E4B1C4
#E4B6BF
#E4BABB
#E4BEB7
#E4C3B2
#E4C8AD
Colorpallet from #ADE4C8 to #E4ADC8 and to #C8ADE4
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#B6DBC8
#B5DBC9
#B4DBC9
#B4DBCA
#B3DBCB
#B2DBCB
#B1DBCC
#BFD2C8
#BED2C9
#BCD2CB
#BBD2CC
#B9D2CE
#B8D2CF
#B6D2D1
#C7CAC8
#C5CACA
#C3CACC
#C1CACE
#BFCAD0
#BDCAD2
#BACAD5
#D0C1C8
#CDC1CB
#CAC1CE
#C7C1D1
#C4C1D4
#C2C1D6
#BEC1DA
#D9B8C8
#D5B8CC
#D2B8CF
#CEB8D3
#CBB8D6
#C7B8DA
#C3B8DE
#E4ADC8
#E0ADCC
#DBADD1
#D7ADD5
#D2ADDA
#CEADDE
#C8ADE4
Colorpallet from #ADE4C8 to #E4ADC8 and to #C8E4AD
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#B6DBC8
#B5DCC7
#B4DEC7
#B4DFC6
#B3E1C5
#B2E2C5
#B1E4C4
#BFD2C8
#BED5C7
#BCD8C5
#BBDBC4
#B9DEC2
#B8E0C1
#B6E4BF
#C7CAC8
#C5CEC6
#C3D2C4
#C1D6C2
#BFDBC0
#BDDFBE
#BAE4BB
#D0C1C8
#CDC7C5
#CACCC3
#C7D2C0
#C4D7BD
#C2DDBA
#BEE4B7
#D9B8C8
#D5BFC4
#D2C6C1
#CECDBD
#CBD4BA
#C7DBB6
#C3E4B2
#E4ADC8
#E0B6C4
#DBBFBF
#D7C7BB
#D2D0B7
#CED9B2
#C8E4AD
Colorpallet from #ADE4C8 to #E4C8AD and to #C8ADE4
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#B6E0C4
#B5DFC5
#B4DEC7
#B4DEC8
#B3DDC9
#B2DCCA
#B1DBCC
#BFDBBF
#BEDAC2
#BCD8C5
#BBD7C8
#B9D5CB
#B8D4CD
#B6D2D1
#C7D7BB
#C5D5BF
#C3D3C3
#C1D1C7
#BFCFCC
#BDCDD0
#BACAD5
#D0D2B7
#CDCFBD
#CACDC2
#C7CAC8
#C4C7CD
#C2C4D3
#BEC1DA
#D9CEB2
#D5CAB9
#D2C7C0
#CEC3C7
#CBC0CE
#C7BCD5
#C3B8DE
#E4C8AD
#E0C4B6
#DBBFBF
#D7BBC7
#D2B7D0
#CEB2D9
#C8ADE4
Colorpallet from #ADE4C8 to #E4C8AD and to #C8E4AD
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#B6E0C4
#B5E1C4
#B4E1C4
#B4E2C4
#B3E3C4
#B2E3C4
#B1E4C4
#BFDBBF
#BEDCBF
#BCDEBF
#BBDFBF
#B9E1BF
#B8E2BF
#B6E4BF
#C7D7BB
#C5D9BB
#C3DBBB
#C1DDBB
#BFDFBB
#BDE1BB
#BAE4BB
#D0D2B7
#CDD5B7
#CAD8B7
#C7DBB7
#C4DEB7
#C2E0B7
#BEE4B7
#D9CEB2
#D5D2B2
#D2D5B2
#CED9B2
#CBDCB2
#C7E0B2
#C3E4B2
#E4C8AD
#E0CCAD
#DBD1AD
#D7D5AD
#D2DAAD
#CEDEAD
#C8E4AD
Colorpallet from #ADE4C8 to #C8ADE4 and to #C8E4AD
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#ADE4C8
#B1DBCC
#B1DCCB
#B1DEC9
#B1DFC8
#B1E1C7
#B1E2C6
#B1E4C4
#B6D2D1
#B6D5CE
#B6D8CB
#B6DBC8
#B6DEC5
#B6E0C3
#B6E4BF
#BACAD5
#BACED1
#BAD2CD
#BAD6C9
#BADBC4
#BADFC0
#BAE4BB
#BEC1DA
#BEC7D4
#BECCCF
#BED2C9
#BED7C4
#BEDDBE
#BEE4B7
#C3B8DE
#C3BFD7
#C3C6D0
#C3CDC9
#C3D4C2
#C3DBBB
#C3E4B2
#C8ADE4
#C8B6DB
#C8BFD2
#C8C7CA
#C8D0C1
#C8D9B8
#C8E4AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts