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 #ADE2CD to #ADCDE2 and to #E2ADCD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADDFD0
#AEDED0
#B0DDCF
#B1DDCF
#B2DCCE
#B3DBCE
#B5DACD
#ADDBD4
#B0D9D3
#B2D8D2
#B5D6D1
#B8D5D0
#BBD3CE
#BED1CD
#ADD8D7
#B1D6D5
#B5D3D4
#B9D1D2
#BDCED1
#C1CCCF
#C6C9CD
#ADD5DA
#B2D2D8
#B8CED6
#BDCBD4
#C3C8D2
#C8C4D0
#CFC0CD
#ADD1DE
#B4CDDB
#BAC9D9
#C1C5D6
#C8C1D3
#CFBDD0
#D7B8CD
#ADCDE2
#B5C8DF
#BEC3DB
#C6BED8
#CFB9D5
#D7B3D1
#E2ADCD
Colorpallet from #ADE2CD to #ADCDE2 and to #E2CDAD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADDFD0
#AEDFCF
#B0DFCD
#B1DFCC
#B2DFCB
#B3DFCA
#B5DFC8
#ADDBD4
#B0DBD1
#B2DBCF
#B5DBCC
#B8DBC9
#BBDBC6
#BEDBC3
#ADD8D7
#B1D8D3
#B5D8CF
#B9D8CB
#BDD8C7
#C1D8C3
#C6D8BE
#ADD5DA
#B2D5D5
#B8D5CF
#BDD5CA
#C3D5C5
#C8D5C0
#CFD5B9
#ADD1DE
#B4D1D7
#BAD1D0
#C1D1C9
#C8D1C2
#CFD1BC
#D7D1B3
#ADCDE2
#B5CDDA
#BECDD1
#C6CDC9
#CFCDC0
#D7CDB8
#E2CDAD
Colorpallet from #ADE2CD to #ADCDE2 and to #CDADE2
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADDFD0
#AEDED0
#AFDDD0
#AFDDD0
#B0DCD0
#B1DBD0
#B2DAD0
#ADDBD4
#AFD9D4
#B0D8D4
#B2D6D4
#B3D5D4
#B5D3D4
#B7D1D4
#ADD8D7
#AFD6D7
#B2D3D7
#B4D1D7
#B7CED7
#B9CCD7
#BCC9D7
#ADD5DA
#B0D2DA
#B3CEDA
#B7CBDA
#BAC8DA
#BDC4DA
#C1C0DA
#ADD1DE
#B1CDDE
#B5C9DE
#B9C5DE
#BEC1DE
#C2BDDE
#C7B8DE
#ADCDE2
#B2C8E2
#B7C3E2
#BCBEE2
#C1B9E2
#C7B3E2
#CDADE2
Colorpallet from #ADE2CD to #ADCDE2 and to #CDE2AD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADDFD0
#AEDFCF
#AFE0CD
#AFE0CC
#B0E1CB
#B1E1CA
#B2E2C8
#ADDBD4
#AFDCD1
#B0DDCF
#B2DECC
#B3DFC9
#B5E1C6
#B7E2C3
#ADD8D7
#AFDAD3
#B2DBCF
#B4DDCB
#B7DEC7
#B9E0C3
#BCE2BE
#ADD5DA
#B0D7D5
#B3D9CF
#B7DBCA
#BADDC5
#BDDFC0
#C1E2B9
#ADD1DE
#B1D4D7
#B5D6D0
#B9D9C9
#BEDCC2
#C2DFBC
#C7E2B3
#ADCDE2
#B2D0DA
#B7D4D1
#BCD7C9
#C1DAC0
#C7DEB8
#CDE2AD
Colorpallet from #ADE2CD to #E2ADCD and to #E2CDAD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#B5DACD
#B5DBCC
#B5DCCB
#B5DCCB
#B5DDCA
#B5DEC9
#B5DFC8
#BED1CD
#BED3CB
#BED4CA
#BED6C8
#BED7C7
#BED9C5
#BEDBC3
#C6C9CD
#C6CBCB
#C6CEC8
#C6D0C6
#C6D3C3
#C6D5C1
#C6D8BE
#CFC0CD
#CFC3CA
#CFC7C7
#CFCAC3
#CFCDC0
#CFD1BD
#CFD5B9
#D7B8CD
#D7BCC9
#D7C0C5
#D7C4C1
#D7C8BC
#D7CCB8
#D7D1B3
#E2ADCD
#E2B2C8
#E2B7C3
#E2BCBE
#E2C1B9
#E2C7B3
#E2CDAD
Colorpallet from #ADE2CD to #E2ADCD and to #CDADE2
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#B5DACD
#B5DACD
#B4DACE
#B4DACE
#B3DACF
#B3DACF
#B2DAD0
#BED1CD
#BDD1CE
#BCD1CF
#BBD1D0
#BAD1D1
#B8D1D3
#B7D1D4
#C6C9CD
#C4C9CF
#C3C9D0
#C1C9D2
#C0C9D3
#BEC9D5
#BCC9D7
#CFC0CD
#CDC0CF
#CBC0D1
#C8C0D3
#C6C0D5
#C4C0D7
#C1C0DA
#D7B8CD
#D4B8D0
#D2B8D2
#CFB8D5
#CDB8D8
#CAB8DB
#C7B8DE
#E2ADCD
#DFADD0
#DBADD4
#D8ADD7
#D5ADDA
#D1ADDE
#CDADE2
Colorpallet from #ADE2CD to #E2ADCD and to #CDE2AD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#B5DACD
#B5DBCC
#B4DDCB
#B4DECB
#B3DFCA
#B3E0C9
#B2E2C8
#BED1CD
#BDD4CB
#BCD6CA
#BBD9C8
#BADCC7
#B8DFC5
#B7E2C3
#C6C9CD
#C4CDCB
#C3D1C8
#C1D5C6
#C0D9C3
#BEDDC1
#BCE2BE
#CFC0CD
#CDC5CA
#CBCBC7
#C8D0C3
#C6D6C0
#C4DBBD
#C1E2B9
#D7B8CD
#D4BFC9
#D2C5C5
#CFCCC1
#CDD3BC
#CADAB8
#C7E2B3
#E2ADCD
#DFB5C8
#DBBEC3
#D8C6BE
#D5CFB9
#D1D7B3
#CDE2AD
Colorpallet from #ADE2CD to #E2CDAD and to #CDADE2
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#B5DFC8
#B5DEC9
#B4DDCB
#B4DDCC
#B3DCCD
#B3DBCE
#B2DAD0
#BEDBC3
#BDD9C6
#BCD8C8
#BBD6CB
#BAD5CE
#B8D3D1
#B7D1D4
#C6D8BE
#C4D6C2
#C3D3C6
#C1D1CA
#C0CECE
#BECCD2
#BCC9D7
#CFD5B9
#CDD2BE
#CBCEC4
#C8CBC9
#C6C8CE
#C4C4D3
#C1C0DA
#D7D1B3
#D4CDBA
#D2C9C1
#CFC5C8
#CDC1CF
#CABDD5
#C7B8DE
#E2CDAD
#DFC8B5
#DBC3BE
#D8BEC6
#D5B9CF
#D1B3D7
#CDADE2
Colorpallet from #ADE2CD to #E2CDAD and to #CDE2AD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#B5DFC8
#B5DFC8
#B4E0C8
#B4E0C8
#B3E1C8
#B3E1C8
#B2E2C8
#BEDBC3
#BDDCC3
#BCDDC3
#BBDEC3
#BADFC3
#B8E1C3
#B7E2C3
#C6D8BE
#C4DABE
#C3DBBE
#C1DDBE
#C0DEBE
#BEE0BE
#BCE2BE
#CFD5B9
#CDD7B9
#CBD9B9
#C8DBB9
#C6DDB9
#C4DFB9
#C1E2B9
#D7D1B3
#D4D4B3
#D2D6B3
#CFD9B3
#CDDCB3
#CADFB3
#C7E2B3
#E2CDAD
#DFD0AD
#DBD4AD
#D8D7AD
#D5DAAD
#D1DEAD
#CDE2AD
Colorpallet from #ADE2CD to #CDADE2 and to #CDE2AD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#ADE2CD
#B2DAD0
#B2DBCF
#B2DDCD
#B2DECC
#B2DFCB
#B2E0CA
#B2E2C8
#B7D1D4
#B7D4D1
#B7D6CF
#B7D9CC
#B7DCC9
#B7DFC6
#B7E2C3
#BCC9D7
#BCCDD3
#BCD1CF
#BCD5CB
#BCD9C7
#BCDDC3
#BCE2BE
#C1C0DA
#C1C5D5
#C1CBCF
#C1D0CA
#C1D6C5
#C1DBC0
#C1E2B9
#C7B8DE
#C7BFD7
#C7C5D0
#C7CCC9
#C7D3C2
#C7DABC
#C7E2B3
#CDADE2
#CDB5DA
#CDBED1
#CDC6C9
#CDCFC0
#CDD7B8
#CDE2AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts