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 #ABC2D2 to #ABD2C2 and to #C2ABD2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC5CF
#ACC4CF
#ACC3D0
#ADC2D0
#AEC1D1
#AEBFD1
#AFBED2
#ABC7CD
#ACC5CE
#ADC3CF
#AEC1CF
#AFBFD0
#B1BDD1
#B2BBD2
#ABCACA
#ADC7CB
#AFC4CD
#B0C1CE
#B2BECF
#B4BBD0
#B6B7D2
#ABCCC8
#ADC8CA
#B0C4CB
#B2C0CD
#B5BCCE
#B7B8D0
#BAB3D2
#ABCFC5
#AECAC7
#B1C5C9
#B4C0CB
#B7BBCD
#B9B6CF
#BDB0D2
#ABD2C2
#AFCCC5
#B2C6C7
#B6BFCA
#BAB9CC
#BDB3CF
#C2ABD2
Colorpallet from #ABC2D2 to #ABD2C2 and to #C2D2AB
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC5CF
#ACC5CF
#ACC5CE
#ADC5CE
#AEC5CD
#AEC5CD
#AFC5CC
#ABC7CD
#ACC7CC
#ADC7CB
#AEC7CA
#AFC7C9
#B1C7C7
#B2C7C6
#ABCACA
#ADCAC8
#AFCAC6
#B0CAC5
#B2CAC3
#B4CAC1
#B6CABF
#ABCCC8
#ADCCC6
#B0CCC3
#B2CCC1
#B5CCBE
#B7CCBC
#BACCB9
#ABCFC5
#AECFC2
#B1CFBF
#B4CFBC
#B7CFB9
#B9CFB7
#BDCFB3
#ABD2C2
#AFD2BE
#B2D2BB
#B6D2B7
#BAD2B3
#BDD2B0
#C2D2AB
Colorpallet from #ABC2D2 to #ABD2C2 and to #D2ABC2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC5CF
#ACC4CF
#ADC3CF
#AEC2CF
#AFC1CF
#B0BFCF
#B1BECF
#ABC7CD
#ADC5CD
#AFC3CD
#B1C1CD
#B3BFCD
#B5BDCD
#B7BBCD
#ABCACA
#AEC7CA
#B1C4CA
#B4C1CA
#B7BECA
#BABBCA
#BEB7CA
#ABCCC8
#AFC8C8
#B3C4C8
#B7C0C8
#BBBCC8
#BFB8C8
#C4B3C8
#ABCFC5
#B0CAC5
#B5C5C5
#BAC0C5
#BFBBC5
#C4B6C5
#CAB0C5
#ABD2C2
#B1CCC2
#B7C6C2
#BEBFC2
#C4B9C2
#CAB3C2
#D2ABC2
Colorpallet from #ABC2D2 to #ABD2C2 and to #D2C2AB
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC5CF
#ACC5CF
#ADC4CE
#AEC4CE
#AFC3CD
#B0C3CD
#B1C2CC
#ABC7CD
#ADC6CC
#AFC5CB
#B1C5CA
#B3C4C9
#B5C3C7
#B7C2C6
#ABCACA
#AEC9C8
#B1C7C6
#B4C6C5
#B7C5C3
#BAC4C1
#BEC2BF
#ABCCC8
#AFCAC6
#B3C9C3
#B7C7C1
#BBC6BE
#BFC4BC
#C4C2B9
#ABCFC5
#B0CDC2
#B5CBBF
#BAC9BC
#BFC7B9
#C4C5B7
#CAC2B3
#ABD2C2
#B1CFBE
#B7CDBB
#BECAB7
#C4C8B3
#CAC5B0
#D2C2AB
Colorpallet from #ABC2D2 to #C2ABD2 and to #C2D2AB
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#AFBED2
#AFBFD1
#AFC0D0
#AFC1CF
#AFC2CE
#AFC4CD
#AFC5CC
#B2BBD2
#B2BDD0
#B2BFCE
#B2C1CC
#B2C3CA
#B2C5C8
#B2C7C6
#B6B7D2
#B6BACF
#B6BDCC
#B6C0C9
#B6C3C6
#B6C6C3
#B6CABF
#BAB3D2
#BAB7CE
#BABBCA
#BABFC6
#BAC3C2
#BAC7BE
#BACCB9
#BDB0D2
#BDB5CD
#BDBAC8
#BDBFC3
#BDC4BE
#BDC9B9
#BDCFB3
#C2ABD2
#C2B1CC
#C2B7C6
#C2BEBF
#C2C4B9
#C2CAB3
#C2D2AB
Colorpallet from #ABC2D2 to #C2ABD2 and to #D2ABC2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#AFBED2
#AFBED2
#B0BED1
#B0BED1
#B0BED0
#B1BED0
#B1BECF
#B2BBD2
#B3BBD1
#B4BBD0
#B4BBD0
#B5BBCF
#B6BBCE
#B7BBCD
#B6B7D2
#B7B7D1
#B9B7CF
#BAB7CE
#BBB7CD
#BCB7CC
#BEB7CA
#BAB3D2
#BCB3D0
#BDB3CF
#BFB3CD
#C0B3CC
#C2B3CA
#C4B3C8
#BDB0D2
#BFB0D0
#C1B0CE
#C3B0CC
#C5B0CA
#C7B0C8
#CAB0C5
#C2ABD2
#C5ABCF
#C7ABCD
#CAABCA
#CCABC8
#CFABC5
#D2ABC2
Colorpallet from #ABC2D2 to #C2ABD2 and to #D2C2AB
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#AFBED2
#AFBFD1
#B0BFD0
#B0C0CF
#B0C1CE
#B1C1CD
#B1C2CC
#B2BBD2
#B3BCD0
#B4BDCE
#B4BECC
#B5BFCA
#B6C1C8
#B7C2C6
#B6B7D2
#B7B9CF
#B9BBCC
#BABCC9
#BBBEC6
#BCC0C3
#BEC2BF
#BAB3D2
#BCB5CE
#BDB8CA
#BFBAC6
#C0BDC2
#C2BFBE
#C4C2B9
#BDB0D2
#BFB3CD
#C1B6C8
#C3B9C3
#C5BCBE
#C7BEB9
#CAC2B3
#C2ABD2
#C5AFCC
#C7B2C6
#CAB6BF
#CCBAB9
#CFBDB3
#D2C2AB
Colorpallet from #ABC2D2 to #C2D2AB and to #D2ABC2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#AFC5CC
#AFC4CC
#B0C3CD
#B0C2CD
#B0C1CE
#B1BFCE
#B1BECF
#B2C7C6
#B3C5C7
#B4C3C8
#B4C1C9
#B5BFCA
#B6BDCC
#B7BBCD
#B6CABF
#B7C7C1
#B9C4C3
#BAC1C4
#BBBEC6
#BCBBC8
#BEB7CA
#BACCB9
#BCC8BB
#BDC4BE
#BFC0C0
#C0BCC3
#C2B8C5
#C4B3C8
#BDCFB3
#BFCAB6
#C1C5B9
#C3C0BC
#C5BBBF
#C7B6C1
#CAB0C5
#C2D2AB
#C5CCAF
#C7C6B2
#CABFB6
#CCB9BA
#CFB3BD
#D2ABC2
Colorpallet from #ABC2D2 to #C2D2AB and to #D2C2AB
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#AFC5CC
#AFC5CC
#B0C4CC
#B0C4CC
#B0C3CC
#B1C3CC
#B1C2CC
#B2C7C6
#B3C6C6
#B4C5C6
#B4C5C6
#B5C4C6
#B6C3C6
#B7C2C6
#B6CABF
#B7C9BF
#B9C7BF
#BAC6BF
#BBC5BF
#BCC4BF
#BEC2BF
#BACCB9
#BCCAB9
#BDC9B9
#BFC7B9
#C0C6B9
#C2C4B9
#C4C2B9
#BDCFB3
#BFCDB3
#C1CBB3
#C3C9B3
#C5C7B3
#C7C5B3
#CAC2B3
#C2D2AB
#C5CFAB
#C7CDAB
#CACAAB
#CCC8AB
#CFC5AB
#D2C2AB
Colorpallet from #ABC2D2 to #D2ABC2 and to #D2C2AB
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#ABC2D2
#B1BECF
#B1BFCF
#B1BFCE
#B1C0CE
#B1C1CD
#B1C1CD
#B1C2CC
#B7BBCD
#B7BCCC
#B7BDCB
#B7BECA
#B7BFC9
#B7C1C7
#B7C2C6
#BEB7CA
#BEB9C8
#BEBBC6
#BEBCC5
#BEBEC3
#BEC0C1
#BEC2BF
#C4B3C8
#C4B5C6
#C4B8C3
#C4BAC1
#C4BDBE
#C4BFBC
#C4C2B9
#CAB0C5
#CAB3C2
#CAB6BF
#CAB9BC
#CABCB9
#CABEB7
#CAC2B3
#D2ABC2
#D2AFBE
#D2B2BB
#D2B6B7
#D2BAB3
#D2BDB0
#D2C2AB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts