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 #CDD5AB to #CDABD5 and to #D5CDAB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDCEB2
#CDCFB1
#CDD0B0
#CDD1AF
#CED2AE
#CED3AC
#CED4AB
#CDC8B8
#CDCAB6
#CECBB4
#CECDB2
#CFCEB0
#CFD0AE
#D0D2AB
#CDC1BF
#CEC4BC
#CEC6B9
#CFC9B5
#D0CBB2
#D0CEAF
#D1D1AB
#CDBAC6
#CEBEC2
#CFC1BD
#CFC5B9
#D0C8B5
#D1CCB0
#D2D0AB
#CDB3CD
#CEB7C8
#CFBCC2
#D0C0BD
#D1C5B7
#D2C9B2
#D3CFAB
#CDABD5
#CEB0CE
#D0B6C8
#D1BBC1
#D2C1BA
#D3C6B3
#D5CDAB
Colorpallet from #CDD5AB to #CDABD5 and to #D5ABCD
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDCEB2
#CDCEB2
#CDCEB1
#CDCEB1
#CECEB1
#CECEB0
#CECEB0
#CDC8B8
#CDC8B8
#CEC8B7
#CEC8B7
#CFC8B7
#CFC8B6
#D0C8B6
#CDC1BF
#CEC1BE
#CEC1BE
#CFC1BD
#D0C1BC
#D0C1BC
#D1C1BB
#CDBAC6
#CEBAC5
#CFBAC4
#CFBAC4
#D0BAC3
#D1BAC2
#D2BAC1
#CDB3CD
#CEB3CC
#CFB3CB
#D0B3CA
#D1B3C9
#D2B3C7
#D3B3C6
#CDABD5
#CEABD4
#D0ABD2
#D1ABD1
#D2ABD0
#D3ABCF
#D5ABCD
Colorpallet from #CDD5AB to #CDABD5 and to #ABCDD5
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDCEB2
#CCCFB2
#CBD0B2
#CBD1B2
#CAD2B2
#C9D3B2
#C8D4B2
#CDC8B8
#CBCAB8
#C9CBB8
#C8CDB8
#C6CEB8
#C4D0B8
#C2D2B8
#CDC1BF
#CAC4BF
#C8C6BF
#C5C9BF
#C3CBBF
#C0CEBF
#BDD1BF
#CDBAC6
#C9BEC6
#C6C1C6
#C2C5C6
#BFC8C6
#BBCCC6
#B7D0C6
#CDB3CD
#C9B7CD
#C4BCCD
#C0C0CD
#BCC5CD
#B7C9CD
#B2CFCD
#CDABD5
#C8B0D5
#C2B6D5
#BDBBD5
#B7C1D5
#B2C6D5
#ABCDD5
Colorpallet from #CDD5AB to #CDABD5 and to #ABD5CD
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDCEB2
#CCCFB2
#CBD0B1
#CBD1B1
#CAD2B1
#C9D4B0
#C8D5B0
#CDC8B8
#CBCAB8
#C9CCB7
#C8CEB7
#C6D0B7
#C4D2B6
#C2D5B6
#CDC1BF
#CAC4BE
#C8C7BE
#C5CBBD
#C3CEBC
#C0D1BC
#BDD5BB
#CDBAC6
#C9BEC5
#C6C3C4
#C2C7C4
#BFCBC3
#BBD0C2
#B7D5C1
#CDB3CD
#C9B8CC
#C4BECB
#C0C3CA
#BCC9C9
#B7CEC7
#B2D5C6
#CDABD5
#C8B2D4
#C2B8D2
#BDBFD1
#B7C6D0
#B2CDCF
#ABD5CD
Colorpallet from #CDD5AB to #D5CDAB and to #D5ABCD
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CED4AB
#CED3AC
#CED2AD
#CED1AD
#CED0AE
#CECFAF
#CECEB0
#D0D2AB
#D0D0AD
#D0CFAF
#D0CDB0
#D0CCB2
#D0CAB4
#D0C8B6
#D1D1AB
#D1CEAE
#D1CCB0
#D1C9B3
#D1C7B5
#D1C4B8
#D1C1BB
#D2D0AB
#D2CCAF
#D2C9B2
#D2C5B6
#D2C2B9
#D2BEBD
#D2BAC1
#D3CFAB
#D3CBAF
#D3C6B4
#D3C2B8
#D3BDBC
#D3B9C1
#D3B3C6
#D5CDAB
#D5C8B0
#D5C2B6
#D5BDBB
#D5B7C1
#D5B2C6
#D5ABCD
Colorpallet from #CDD5AB to #D5CDAB and to #ABCDD5
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CED4AB
#CDD4AC
#CCD4AD
#CBD4AE
#CAD4AF
#C9D4B1
#C8D4B2
#D0D2AB
#CED2AD
#CCD2AF
#C9D2B1
#C7D2B3
#C5D2B5
#C2D2B8
#D1D1AB
#CED1AE
#CBD1B1
#C7D1B5
#C4D1B8
#C1D1BB
#BDD1BF
#D2D0AB
#CED0AF
#C9D0B4
#C5D0B8
#C1D0BC
#BCD0C1
#B7D0C6
#D3CFAB
#CECFB0
#C8CFB6
#C3CFBB
#BECFC1
#B9CFC6
#B2CFCD
#D5CDAB
#CECDB2
#C8CDB8
#C1CDBF
#BACDC6
#B3CDCD
#ABCDD5
Colorpallet from #CDD5AB to #D5CDAB and to #ABD5CD
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CED4AB
#CDD4AC
#CCD4AD
#CBD4AD
#CAD5AE
#C9D5AF
#C8D5B0
#D0D2AB
#CED2AD
#CCD3AF
#C9D3B0
#C7D4B2
#C5D4B4
#C2D5B6
#D1D1AB
#CED2AE
#CBD2B0
#C7D3B3
#C4D4B5
#C1D4B8
#BDD5BB
#D2D0AB
#CED1AF
#C9D2B2
#C5D2B6
#C1D3B9
#BCD4BD
#B7D5C1
#D3CFAB
#CED0AF
#C8D1B4
#C3D2B8
#BED3BC
#B9D4C1
#B2D5C6
#D5CDAB
#CECEB0
#C8D0B6
#C1D1BB
#BAD2C1
#B3D3C6
#ABD5CD
Colorpallet from #CDD5AB to #D5ABCD and to #ABCDD5
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CECEB0
#CDCFB0
#CCD0B1
#CBD1B1
#CAD2B1
#C9D3B2
#C8D4B2
#D0C8B6
#CECAB6
#CCCBB7
#C9CDB7
#C7CEB7
#C5D0B8
#C2D2B8
#D1C1BB
#CEC4BC
#CBC6BC
#C7C9BD
#C4CBBE
#C1CEBE
#BDD1BF
#D2BAC1
#CEBEC2
#C9C1C3
#C5C5C3
#C1C8C4
#BCCCC5
#B7D0C6
#D3B3C6
#CEB7C7
#C8BCC8
#C3C0C9
#BEC5CA
#B9C9CC
#B2CFCD
#D5ABCD
#CEB0CE
#C8B6D0
#C1BBD1
#BAC1D2
#B3C6D3
#ABCDD5
Colorpallet from #CDD5AB to #D5ABCD and to #ABD5CD
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CECEB0
#CDCFB0
#CCD0B0
#CBD1B0
#CAD2B0
#C9D4B0
#C8D5B0
#D0C8B6
#CECAB6
#CCCCB6
#C9CEB6
#C7D0B6
#C5D2B6
#C2D5B6
#D1C1BB
#CEC4BB
#CBC7BB
#C7CBBB
#C4CEBB
#C1D1BB
#BDD5BB
#D2BAC1
#CEBEC1
#C9C3C1
#C5C7C1
#C1CBC1
#BCD0C1
#B7D5C1
#D3B3C6
#CEB8C6
#C8BEC6
#C3C3C6
#BEC9C6
#B9CEC6
#B2D5C6
#D5ABCD
#CEB2CD
#C8B8CD
#C1BFCD
#BAC6CD
#B3CDCD
#ABD5CD
Colorpallet from #CDD5AB to #ABCDD5 and to #ABD5CD
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#CDD5AB
#C8D4B2
#C8D4B2
#C8D4B1
#C8D4B1
#C8D5B1
#C8D5B0
#C8D5B0
#C2D2B8
#C2D2B8
#C2D3B7
#C2D3B7
#C2D4B7
#C2D4B6
#C2D5B6
#BDD1BF
#BDD2BE
#BDD2BE
#BDD3BD
#BDD4BC
#BDD4BC
#BDD5BB
#B7D0C6
#B7D1C5
#B7D2C4
#B7D2C4
#B7D3C3
#B7D4C2
#B7D5C1
#B2CFCD
#B2D0CC
#B2D1CB
#B2D2CA
#B2D3C9
#B2D4C7
#B2D5C6
#ABCDD5
#ABCED4
#ABD0D2
#ABD1D1
#ABD2D0
#ABD3CF
#ABD5CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
