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 #D2E2BA to #D2BAE2 and to #E2D2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2DCC0
#D2DCBF
#D3DDBE
#D3DDBD
#D4DEBC
#D4DEBB
#D5DFBA
#D2D5C7
#D3D6C5
#D4D8C3
#D4D9C1
#D5DABF
#D6DBBD
#D7DDBA
#D2CFCD
#D3D1CA
#D5D3C7
#D6D4C4
#D7D6C1
#D8D8BE
#DADABA
#D2C8D4
#D4CBD0
#D5CDCC
#D7D0C8
#D8D2C3
#DAD5BF
#DCD8BA
#D2C2DA
#D4C5D5
#D6C8D0
#D8CBCB
#DACEC6
#DCD1C0
#DFD5BA
#D2BAE2
#D5BEDC
#D7C2D5
#DAC6CF
#DCC9C8
#DFCDC2
#E2D2BA
Colorpallet from #D2E2BA to #D2BAE2 and to #E2BAD2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2DCC0
#D2DCC0
#D3DCBF
#D3DCBF
#D4DCBF
#D4DCBE
#D5DCBE
#D2D5C7
#D3D5C6
#D4D5C5
#D4D5C5
#D5D5C4
#D6D5C3
#D7D5C2
#D2CFCD
#D3CFCC
#D5CFCB
#D6CFCA
#D7CFC9
#D8CFC7
#DACFC6
#D2C8D4
#D4C8D2
#D5C8D0
#D7C8CF
#D8C8CD
#DAC8CB
#DCC8C9
#D2C2DA
#D4C2D8
#D6C2D6
#D8C2D4
#DAC2D2
#DCC2D0
#DFC2CD
#D2BAE2
#D5BADF
#D7BADD
#DABADA
#DCBAD8
#DFBAD5
#E2BAD2
Colorpallet from #D2E2BA to #D2BAE2 and to #BAD2E2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2DCC0
#D1DCC0
#D1DDC0
#D0DDC0
#CFDEC0
#CFDEC0
#CEDFC0
#D2D5C7
#D1D6C7
#CFD8C7
#CED9C7
#CDDAC7
#CCDBC7
#CADDC7
#D2CFCD
#D0D1CD
#CED3CD
#CCD4CD
#CAD6CD
#C8D8CD
#C6DACD
#D2C8D4
#D0CBD4
#CDCDD4
#CBD0D4
#C8D2D4
#C6D5D4
#C3D8D4
#D2C2DA
#CFC5DA
#CCC8DA
#C9CBDA
#C6CEDA
#C3D1DA
#BFD5DA
#D2BAE2
#CEBEE2
#CAC2E2
#C6C6E2
#C3C9E2
#BFCDE2
#BAD2E2
Colorpallet from #D2E2BA to #D2BAE2 and to #BAE2D2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2DCC0
#D1DDC0
#D1DEBF
#D0DFBF
#CFE0BF
#CFE1BE
#CEE2BE
#D2D5C7
#D1D7C6
#CFD9C5
#CEDBC5
#CDDDC4
#CCDFC3
#CAE2C2
#D2CFCD
#D0D2CC
#CED5CB
#CCD8CA
#CADBC9
#C8DEC7
#C6E2C6
#D2C8D4
#D0CCD2
#CDD0D0
#CBD4CF
#C8D9CD
#C6DDCB
#C3E2C9
#D2C2DA
#CFC7D8
#CCCCD6
#C9D1D4
#C6D6D2
#C3DCD0
#BFE2CD
#D2BAE2
#CEC0DF
#CAC7DD
#C6CDDA
#C3D4D8
#BFDAD5
#BAE2D2
Colorpallet from #D2E2BA to #E2D2BA and to #E2BAD2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D5DFBA
#D5DFBB
#D5DEBB
#D5DEBC
#D5DDBD
#D5DDBD
#D5DCBE
#D7DDBA
#D7DCBB
#D7DABD
#D7D9BE
#D7D8BF
#D7D7C0
#D7D5C2
#DADABA
#DAD8BC
#DAD6BE
#DAD5C0
#DAD3C2
#DAD1C4
#DACFC6
#DCD8BA
#DCD5BC
#DCD3BF
#DCD0C1
#DCCEC4
#DCCBC6
#DCC8C9
#DFD5BA
#DFD2BD
#DFCFC0
#DFCCC3
#DFC9C6
#DFC6C9
#DFC2CD
#E2D2BA
#E2CEBE
#E2CAC2
#E2C6C6
#E2C3C9
#E2BFCD
#E2BAD2
Colorpallet from #D2E2BA to #E2D2BA and to #BAD2E2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D5DFBA
#D4DFBB
#D3DFBC
#D2DFBD
#D1DFBE
#CFDFBF
#CEDFC0
#D7DDBA
#D5DDBC
#D3DDBE
#D1DDC0
#CFDDC2
#CDDDC4
#CADDC7
#DADABA
#D7DABD
#D4DAC0
#D0DAC3
#CDDAC6
#CADAC9
#C6DACD
#DCD8BA
#D8D8BE
#D4D8C2
#D0D8C6
#CCD8CB
#C8D8CF
#C3D8D4
#DFD5BA
#DAD5BF
#D5D5C4
#D0D5C9
#CBD5CE
#C5D5D4
#BFD5DA
#E2D2BA
#DCD2C0
#D5D2C7
#CFD2CD
#C8D2D4
#C2D2DA
#BAD2E2
Colorpallet from #D2E2BA to #E2D2BA and to #BAE2D2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D5DFBA
#D4DFBB
#D3E0BB
#D2E0BC
#D1E1BD
#CFE1BD
#CEE2BE
#D7DDBA
#D5DEBB
#D3DFBD
#D1DFBE
#CFE0BF
#CDE1C0
#CAE2C2
#DADABA
#D7DBBC
#D4DDBE
#D0DEC0
#CDDFC2
#CAE0C4
#C6E2C6
#DCD8BA
#D8DABC
#D4DBBF
#D0DDC1
#CCDEC4
#C8E0C6
#C3E2C9
#DFD5BA
#DAD7BD
#D5D9C0
#D0DBC3
#CBDDC6
#C5DFC9
#BFE2CD
#E2D2BA
#DCD5BE
#D5D7C2
#CFDAC6
#C8DCC9
#C2DFCD
#BAE2D2
Colorpallet from #D2E2BA to #E2BAD2 and to #BAD2E2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D5DCBE
#D4DCBE
#D3DDBF
#D2DDBF
#D1DEBF
#CFDEC0
#CEDFC0
#D7D5C2
#D5D6C3
#D3D8C4
#D1D9C4
#CFDAC5
#CDDBC6
#CADDC7
#DACFC6
#D7D1C7
#D4D3C8
#D0D4C9
#CDD6CA
#CAD8CC
#C6DACD
#DCC8C9
#D8CBCB
#D4CDCD
#D0D0CE
#CCD2D0
#C8D5D2
#C3D8D4
#DFC2CD
#DAC5CF
#D5C8D1
#D0CBD3
#CBCED5
#C5D1D7
#BFD5DA
#E2BAD2
#DCBED5
#D5C2D7
#CFC6DA
#C8C9DC
#C2CDDF
#BAD2E2
Colorpallet from #D2E2BA to #E2BAD2 and to #BAE2D2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D5DCBE
#D4DDBE
#D3DEBE
#D2DFBE
#D1E0BE
#CFE1BE
#CEE2BE
#D7D5C2
#D5D7C2
#D3D9C2
#D1DBC2
#CFDDC2
#CDDFC2
#CAE2C2
#DACFC6
#D7D2C6
#D4D5C6
#D0D8C6
#CDDBC6
#CADEC6
#C6E2C6
#DCC8C9
#D8CCC9
#D4D0C9
#D0D4C9
#CCD9C9
#C8DDC9
#C3E2C9
#DFC2CD
#DAC7CD
#D5CCCD
#D0D1CD
#CBD6CD
#C5DCCD
#BFE2CD
#E2BAD2
#DCC0D2
#D5C7D2
#CFCDD2
#C8D4D2
#C2DAD2
#BAE2D2
Colorpallet from #D2E2BA to #BAD2E2 and to #BAE2D2
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#D2E2BA
#CEDFC0
#CEDFC0
#CEE0BF
#CEE0BF
#CEE1BF
#CEE1BE
#CEE2BE
#CADDC7
#CADEC6
#CADFC5
#CADFC5
#CAE0C4
#CAE1C3
#CAE2C2
#C6DACD
#C6DBCC
#C6DDCB
#C6DECA
#C6DFC9
#C6E0C7
#C6E2C6
#C3D8D4
#C3DAD2
#C3DBD0
#C3DDCF
#C3DECD
#C3E0CB
#C3E2C9
#BFD5DA
#BFD7D8
#BFD9D6
#BFDBD4
#BFDDD2
#BFDFD0
#BFE2CD
#BAD2E2
#BAD5DF
#BAD7DD
#BADADA
#BADCD8
#BADFD5
#BAE2D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
