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 #ADC2D2 to #ADD2C2 and to #C2ADD2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC5CF
#ADC4CF
#AEC3D0
#AEC2D0
#AFC1D1
#AFC0D1
#B0BFD2
#ADC7CD
#AEC5CE
#AFC3CF
#B0C1CF
#B1BFD0
#B3BDD1
#B4BBD2
#ADCACA
#AFC7CB
#B0C4CD
#B2C1CE
#B3BECF
#B5BCD0
#B7B8D2
#ADCCC8
#AFC8CA
#B1C5CB
#B3C1CD
#B5BDCE
#B7BAD0
#BAB5D2
#ADCFC5
#B0CAC7
#B2C5C9
#B5C1CB
#B8BCCD
#BBB7CF
#BEB1D2
#ADD2C2
#B0CCC5
#B4C6C7
#B7C0CA
#BABACC
#BEB4CF
#C2ADD2
Colorpallet from #ADC2D2 to #ADD2C2 and to #C2D2AD
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC5CF
#ADC5CF
#AEC5CE
#AEC5CE
#AFC5CD
#AFC5CD
#B0C5CC
#ADC7CD
#AEC7CC
#AFC7CB
#B0C7CA
#B1C7C9
#B3C7C7
#B4C7C6
#ADCACA
#AFCAC8
#B0CAC7
#B2CAC5
#B3CAC4
#B5CAC2
#B7CAC0
#ADCCC8
#AFCCC6
#B1CCC4
#B3CCC1
#B5CCBF
#B7CCBD
#BACCBA
#ADCFC5
#B0CFC2
#B2CFC0
#B5CFBD
#B8CFBA
#BBCFB7
#BECFB4
#ADD2C2
#B0D2BF
#B4D2BB
#B7D2B8
#BAD2B5
#BED2B1
#C2D2AD
Colorpallet from #ADC2D2 to #ADD2C2 and to #D2ADC2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC5CF
#AEC4CF
#AFC3CF
#B0C2CF
#B1C1CF
#B2C0CF
#B3BFCF
#ADC7CD
#AFC5CD
#B1C3CD
#B3C1CD
#B5BFCD
#B7BDCD
#B9BBCD
#ADCACA
#B0C7CA
#B3C4CA
#B6C1CA
#B9BECA
#BBBCCA
#BFB8CA
#ADCCC8
#B1C8C8
#B5C5C8
#B9C1C8
#BCBDC8
#C0BAC8
#C5B5C8
#ADCFC5
#B2CAC5
#B7C5C5
#BBC1C5
#C0BCC5
#C5B7C5
#CBB1C5
#ADD2C2
#B3CCC2
#B9C6C2
#BFC0C2
#C5BAC2
#CBB4C2
#D2ADC2
Colorpallet from #ADC2D2 to #ADD2C2 and to #D2C2AD
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC5CF
#AEC5CF
#AFC4CE
#B0C4CE
#B1C3CD
#B2C3CD
#B3C2CC
#ADC7CD
#AFC6CC
#B1C5CB
#B3C5CA
#B5C4C9
#B7C3C7
#B9C2C6
#ADCACA
#B0C9C8
#B3C7C7
#B6C6C5
#B9C5C4
#BBC4C2
#BFC2C0
#ADCCC8
#B1CAC6
#B5C9C4
#B9C7C1
#BCC6BF
#C0C4BD
#C5C2BA
#ADCFC5
#B2CDC2
#B7CBC0
#BBC9BD
#C0C7BA
#C5C5B7
#CBC2B4
#ADD2C2
#B3CFBF
#B9CDBB
#BFCAB8
#C5C8B5
#CBC5B1
#D2C2AD
Colorpallet from #ADC2D2 to #C2ADD2 and to #C2D2AD
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#B0BFD2
#B0C0D1
#B0C1D0
#B0C2CF
#B0C3CE
#B0C4CD
#B0C5CC
#B4BBD2
#B4BDD0
#B4BFCE
#B4C1CC
#B4C3CA
#B4C5C8
#B4C7C6
#B7B8D2
#B7BBCF
#B7BECC
#B7C1C9
#B7C4C6
#B7C6C4
#B7CAC0
#BAB5D2
#BAB9CE
#BABCCA
#BAC0C6
#BAC4C3
#BAC7BF
#BACCBA
#BEB1D2
#BEB6CD
#BEBBC8
#BEBFC4
#BEC4BF
#BEC9BA
#BECFB4
#C2ADD2
#C2B3CC
#C2B9C6
#C2BFC0
#C2C5BA
#C2CBB4
#C2D2AD
Colorpallet from #ADC2D2 to #C2ADD2 and to #D2ADC2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#B0BFD2
#B0BFD2
#B1BFD1
#B1BFD1
#B2BFD0
#B2BFD0
#B3BFCF
#B4BBD2
#B5BBD1
#B6BBD0
#B6BBD0
#B7BBCF
#B8BBCE
#B9BBCD
#B7B8D2
#B8B8D1
#BAB8CF
#BBB8CE
#BCB8CD
#BDB8CC
#BFB8CA
#BAB5D2
#BCB5D0
#BEB5CF
#BFB5CD
#C1B5CC
#C3B5CA
#C5B5C8
#BEB1D2
#C0B1D0
#C2B1CE
#C4B1CC
#C6B1CA
#C8B1C8
#CBB1C5
#C2ADD2
#C5ADCF
#C7ADCD
#CAADCA
#CCADC8
#CFADC5
#D2ADC2
Colorpallet from #ADC2D2 to #C2ADD2 and to #D2C2AD
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#B0BFD2
#B0BFD1
#B1C0D0
#B1C0CF
#B2C1CE
#B2C1CD
#B3C2CC
#B4BBD2
#B5BCD0
#B6BDCE
#B6BECC
#B7BFCA
#B8C1C8
#B9C2C6
#B7B8D2
#B8BACF
#BABBCC
#BBBDC9
#BCBEC6
#BDC0C4
#BFC2C0
#BAB5D2
#BCB7CE
#BEB9CA
#BFBBC6
#C1BDC3
#C3BFBF
#C5C2BA
#BEB1D2
#C0B4CD
#C2B6C8
#C4B9C4
#C6BCBF
#C8BFBA
#CBC2B4
#C2ADD2
#C5B0CC
#C7B4C6
#CAB7C0
#CCBABA
#CFBEB4
#D2C2AD
Colorpallet from #ADC2D2 to #C2D2AD and to #D2ADC2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#B0C5CC
#B0C4CC
#B1C3CD
#B1C2CD
#B2C1CE
#B2C0CE
#B3BFCF
#B4C7C6
#B5C5C7
#B6C3C8
#B6C1C9
#B7BFCA
#B8BDCC
#B9BBCD
#B7CAC0
#B8C7C2
#BAC4C3
#BBC1C5
#BCBEC6
#BDBCC8
#BFB8CA
#BACCBA
#BCC8BC
#BEC5BE
#BFC1C1
#C1BDC3
#C3BAC5
#C5B5C8
#BECFB4
#C0CAB7
#C2C5B9
#C4C1BC
#C6BCBF
#C8B7C2
#CBB1C5
#C2D2AD
#C5CCB0
#C7C6B4
#CAC0B7
#CCBABA
#CFB4BE
#D2ADC2
Colorpallet from #ADC2D2 to #C2D2AD and to #D2C2AD
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#B0C5CC
#B0C5CC
#B1C4CC
#B1C4CC
#B2C3CC
#B2C3CC
#B3C2CC
#B4C7C6
#B5C6C6
#B6C5C6
#B6C5C6
#B7C4C6
#B8C3C6
#B9C2C6
#B7CAC0
#B8C9C0
#BAC7C0
#BBC6C0
#BCC5C0
#BDC4C0
#BFC2C0
#BACCBA
#BCCABA
#BEC9BA
#BFC7BA
#C1C6BA
#C3C4BA
#C5C2BA
#BECFB4
#C0CDB4
#C2CBB4
#C4C9B4
#C6C7B4
#C8C5B4
#CBC2B4
#C2D2AD
#C5CFAD
#C7CDAD
#CACAAD
#CCC8AD
#CFC5AD
#D2C2AD
Colorpallet from #ADC2D2 to #D2ADC2 and to #D2C2AD
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#ADC2D2
#B3BFCF
#B3BFCF
#B3C0CE
#B3C0CE
#B3C1CD
#B3C1CD
#B3C2CC
#B9BBCD
#B9BCCC
#B9BDCB
#B9BECA
#B9BFC9
#B9C1C7
#B9C2C6
#BFB8CA
#BFBAC8
#BFBBC7
#BFBDC5
#BFBEC4
#BFC0C2
#BFC2C0
#C5B5C8
#C5B7C6
#C5B9C4
#C5BBC1
#C5BDBF
#C5BFBD
#C5C2BA
#CBB1C5
#CBB4C2
#CBB6C0
#CBB9BD
#CBBCBA
#CBBFB7
#CBC2B4
#D2ADC2
#D2B0BF
#D2B4BB
#D2B7B8
#D2BAB5
#D2BEB1
#D2C2AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts