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 #ADE2BD to #ADBDE2 and to #E2ADBD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADDCC3
#AEDCC2
#B0DBC1
#B1DBC0
#B2DBBF
#B3DABE
#B5DABD
#ADD6C9
#B0D5C7
#B2D4C5
#B5D4C3
#B8D3C1
#BBD2BF
#BED1BD
#ADD0CF
#B1CFCC
#B5CEC9
#B9CDC6
#BDCCC3
#C1CAC1
#C6C9BD
#ADCAD5
#B2C8D1
#B8C7CD
#BDC5C9
#C3C4C6
#C8C2C2
#CFC0BD
#ADC4DB
#B4C2D6
#BAC0D1
#C1BECD
#C8BCC8
#CFBAC3
#D7B8BD
#ADBDE2
#B5BADC
#BEB8D6
#C6B5D0
#CFB3CA
#D7B0C4
#E2ADBD
Colorpallet from #ADE2BD to #ADBDE2 and to #E2BDAD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADDCC3
#AEDCC2
#B0DCC0
#B1DCBF
#B2DCBD
#B3DCBC
#B5DCBA
#ADD6C9
#B0D6C6
#B2D6C4
#B5D6C1
#B8D6BE
#BBD6BB
#BED6B8
#ADD0CF
#B1D0CB
#B5D0C7
#B9D0C3
#BDD0BE
#C1D0BA
#C6D0B5
#ADCAD5
#B2CAD0
#B8CACA
#BDCAC5
#C3CABF
#C8CABA
#CFCAB3
#ADC4DB
#B4C4D4
#BAC4CD
#C1C4C6
#C8C4BF
#CFC4B9
#D7C4B0
#ADBDE2
#B5BDDA
#BEBDD1
#C6BDC9
#CFBDC0
#D7BDB8
#E2BDAD
Colorpallet from #ADE2BD to #ADBDE2 and to #BDADE2
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADDCC3
#ADDCC3
#AEDBC3
#AEDBC3
#AFDBC3
#AFDAC3
#B0DAC3
#ADD6C9
#AED5C9
#AFD4C9
#AFD4C9
#B0D3C9
#B1D2C9
#B2D1C9
#ADD0CF
#AECFCF
#B0CECF
#B1CDCF
#B2CCCF
#B3CACF
#B5C9CF
#ADCAD5
#AFC8D5
#B0C7D5
#B2C5D5
#B3C4D5
#B5C2D5
#B7C0D5
#ADC4DB
#AFC2DB
#B1C0DB
#B3BEDB
#B5BCDB
#B7BADB
#BAB8DB
#ADBDE2
#B0BAE2
#B2B8E2
#B5B5E2
#B7B3E2
#BAB0E2
#BDADE2
Colorpallet from #ADE2BD to #ADBDE2 and to #BDE2AD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADDCC3
#ADDDC2
#AEDEC0
#AEDFBF
#AFE0BD
#AFE1BC
#B0E2BA
#ADD6C9
#AED8C6
#AFDAC4
#AFDCC1
#B0DEBE
#B1E0BB
#B2E2B8
#ADD0CF
#AED3CB
#B0D6C7
#B1D9C3
#B2DCBE
#B3DEBA
#B5E2B5
#ADCAD5
#AFCED0
#B0D2CA
#B2D6C5
#B3D9BF
#B5DDBA
#B7E2B3
#ADC4DB
#AFC9D4
#B1CECD
#B3D2C6
#B5D7BF
#B7DCB9
#BAE2B0
#ADBDE2
#B0C3DA
#B2C9D1
#B5CFC9
#B7D5C0
#BADBB8
#BDE2AD
Colorpallet from #ADE2BD to #E2ADBD and to #E2BDAD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#B5DABD
#B5DABD
#B5DBBC
#B5DBBC
#B5DBBB
#B5DCBB
#B5DCBA
#BED1BD
#BED2BC
#BED3BB
#BED3BB
#BED4BA
#BED5B9
#BED6B8
#C6C9BD
#C6CABC
#C6CBBA
#C6CCB9
#C6CDB8
#C6CFB7
#C6D0B5
#CFC0BD
#CFC2BB
#CFC3BA
#CFC5B8
#CFC6B7
#CFC8B5
#CFCAB3
#D7B8BD
#D7BABB
#D7BCB9
#D7BEB7
#D7C0B5
#D7C2B3
#D7C4B0
#E2ADBD
#E2B0BA
#E2B2B8
#E2B5B5
#E2B7B3
#E2BAB0
#E2BDAD
Colorpallet from #ADE2BD to #E2ADBD and to #BDADE2
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#B5DABD
#B4DABE
#B3DABF
#B3DAC0
#B2DAC1
#B1DAC2
#B0DAC3
#BED1BD
#BCD1BF
#BAD1C1
#B8D1C3
#B6D1C5
#B4D1C7
#B2D1C9
#C6C9BD
#C3C9C0
#C1C9C3
#BEC9C6
#BBC9C9
#B8C9CB
#B5C9CF
#CFC0BD
#CBC0C1
#C7C0C5
#C3C0C9
#C0C0CC
#BCC0D0
#B7C0D5
#D7B8BD
#D2B8C2
#CEB8C7
#C9B8CB
#C4B8D0
#C0B8D5
#BAB8DB
#E2ADBD
#DCADC3
#D6ADC9
#D0ADCF
#CAADD5
#C4ADDB
#BDADE2
Colorpallet from #ADE2BD to #E2ADBD and to #BDE2AD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#B5DABD
#B4DBBD
#B3DDBC
#B3DEBC
#B2DFBB
#B1E0BB
#B0E2BA
#BED1BD
#BCD4BC
#BAD6BB
#B8D9BB
#B6DCBA
#B4DFB9
#B2E2B8
#C6C9BD
#C3CDBC
#C1D1BA
#BED5B9
#BBD9B8
#B8DDB7
#B5E2B5
#CFC0BD
#CBC5BB
#C7CBBA
#C3D0B8
#C0D6B7
#BCDBB5
#B7E2B3
#D7B8BD
#D2BFBB
#CEC5B9
#C9CCB7
#C4D3B5
#C0DAB3
#BAE2B0
#E2ADBD
#DCB5BA
#D6BEB8
#D0C6B5
#CACFB3
#C4D7B0
#BDE2AD
Colorpallet from #ADE2BD to #E2BDAD and to #BDADE2
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#B5DCBA
#B4DCBB
#B3DBBD
#B3DBBE
#B2DBC0
#B1DAC1
#B0DAC3
#BED6B8
#BCD5BB
#BAD4BD
#B8D4C0
#B6D3C3
#B4D2C6
#B2D1C9
#C6D0B5
#C3CFB9
#C1CEBD
#BECDC1
#BBCCC6
#B8CACA
#B5C9CF
#CFCAB3
#CBC8B8
#C7C7BE
#C3C5C3
#C0C4C9
#BCC2CE
#B7C0D5
#D7C4B0
#D2C2B7
#CEC0BE
#C9BEC5
#C4BCCC
#C0BAD2
#BAB8DB
#E2BDAD
#DCBAB5
#D6B8BE
#D0B5C6
#CAB3CF
#C4B0D7
#BDADE2
Colorpallet from #ADE2BD to #E2BDAD and to #BDE2AD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#B5DCBA
#B4DDBA
#B3DEBA
#B3DFBA
#B2E0BA
#B1E1BA
#B0E2BA
#BED6B8
#BCD8B8
#BADAB8
#B8DCB8
#B6DEB8
#B4E0B8
#B2E2B8
#C6D0B5
#C3D3B5
#C1D6B5
#BED9B5
#BBDCB5
#B8DEB5
#B5E2B5
#CFCAB3
#CBCEB3
#C7D2B3
#C3D6B3
#C0D9B3
#BCDDB3
#B7E2B3
#D7C4B0
#D2C9B0
#CECEB0
#C9D2B0
#C4D7B0
#C0DCB0
#BAE2B0
#E2BDAD
#DCC3AD
#D6C9AD
#D0CFAD
#CAD5AD
#C4DBAD
#BDE2AD
Colorpallet from #ADE2BD to #BDADE2 and to #BDE2AD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#ADE2BD
#B0DAC3
#B0DBC2
#B0DDC0
#B0DEBF
#B0DFBD
#B0E0BC
#B0E2BA
#B2D1C9
#B2D4C6
#B2D6C4
#B2D9C1
#B2DCBE
#B2DFBB
#B2E2B8
#B5C9CF
#B5CDCB
#B5D1C7
#B5D5C3
#B5D9BE
#B5DDBA
#B5E2B5
#B7C0D5
#B7C5D0
#B7CBCA
#B7D0C5
#B7D6BF
#B7DBBA
#B7E2B3
#BAB8DB
#BABFD4
#BAC5CD
#BACCC6
#BAD3BF
#BADAB9
#BAE2B0
#BDADE2
#BDB5DA
#BDBED1
#BDC6C9
#BDCFC0
#BDD7B8
#BDE2AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts