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 #ABC8D7 to #ABD7C8 and to #C8ABD7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABCAD5
#ACC9D5
#ADC8D6
#ADC7D6
#AEC6D6
#AFC4D7
#B0C3D7
#ABCDD2
#ACCBD3
#AEC9D4
#AFC6D4
#B1C4D5
#B2C2D6
#B4BFD7
#ABCFD0
#ADCCD1
#AFC8D2
#B2C5D3
#B4C2D4
#B6BED6
#B9BAD7
#ABD2CD
#AECDCF
#B1C9D0
#B4C4D2
#B7BFD3
#BABBD5
#BEB5D7
#ABD4CB
#AFCECD
#B2C9CF
#B6C3D1
#BABED3
#BDB8D5
#C2B1D7
#ABD7C8
#B0D0CA
#B4C9CD
#B9C2CF
#BEBBD2
#C2B4D4
#C8ABD7
Colorpallet from #ABC8D7 to #ABD7C8 and to #C8D7AB
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABCAD5
#ACCAD4
#ADCAD3
#ADCAD3
#AECAD2
#AFCAD1
#B0CAD0
#ABCDD2
#ACCDD1
#AECDCF
#AFCDCE
#B1CDCC
#B2CDCB
#B4CDC9
#ABCFD0
#ADCFCE
#AFCFCC
#B2CFC9
#B4CFC7
#B6CFC5
#B9CFC2
#ABD2CD
#AED2CA
#B1D2C7
#B4D2C4
#B7D2C1
#BAD2BF
#BED2BB
#ABD4CB
#AFD4C7
#B2D4C4
#B6D4C0
#BAD4BC
#BDD4B9
#C2D4B4
#ABD7C8
#B0D7C3
#B4D7BF
#B9D7BA
#BED7B5
#C2D7B1
#C8D7AB
Colorpallet from #ABC8D7 to #ABD7C8 and to #D7ABC8
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABCAD5
#ACC9D5
#ADC8D5
#AEC7D5
#AFC6D5
#B1C4D5
#B2C3D5
#ABCDD2
#ADCBD2
#AFC9D2
#B2C6D2
#B4C4D2
#B6C2D2
#B9BFD2
#ABCFD0
#AECCD0
#B2C8D0
#B5C5D0
#B8C2D0
#BCBED0
#C0BAD0
#ABD2CD
#AFCDCD
#B4C9CD
#B8C4CD
#BDBFCD
#C1BBCD
#C7B5CD
#ABD4CB
#B1CECB
#B6C9CB
#BCC3CB
#C1BECB
#C7B8CB
#CEB1CB
#ABD7C8
#B2D0C8
#B9C9C8
#C0C2C8
#C7BBC8
#CEB4C8
#D7ABC8
Colorpallet from #ABC8D7 to #ABD7C8 and to #D7C8AB
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABCAD5
#ACCAD4
#ADC9D3
#AEC9D3
#AFC9D2
#B1C8D1
#B2C8D0
#ABCDD2
#ADCCD1
#AFCBCF
#B2CBCE
#B4CACC
#B6C9CB
#B9C8C9
#ABCFD0
#AECECE
#B2CDCC
#B5CCC9
#B8CBC7
#BCC9C5
#C0C8C2
#ABD2CD
#AFD0CA
#B4CFC7
#B8CDC4
#BDCCC1
#C1CABF
#C7C8BB
#ABD4CB
#B1D2C7
#B6D0C4
#BCCEC0
#C1CCBC
#C7CAB9
#CEC8B4
#ABD7C8
#B2D5C3
#B9D2BF
#C0D0BA
#C7CDB5
#CECBB1
#D7C8AB
Colorpallet from #ABC8D7 to #C8ABD7 and to #C8D7AB
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#B0C3D7
#B0C4D6
#B0C5D5
#B0C6D4
#B0C7D3
#B0C9D1
#B0CAD0
#B4BFD7
#B4C1D5
#B4C3D3
#B4C6D0
#B4C8CE
#B4CACC
#B4CDC9
#B9BAD7
#B9BDD4
#B9C1D0
#B9C4CD
#B9C7CA
#B9CBC6
#B9CFC2
#BEB5D7
#BEBAD3
#BEBECE
#BEC3CA
#BEC8C5
#BECCC1
#BED2BB
#C2B1D7
#C2B7D1
#C2BCCC
#C2C2C6
#C2C7C1
#C2CDBB
#C2D4B4
#C8ABD7
#C8B2D0
#C8B9C9
#C8C0C2
#C8C7BB
#C8CEB4
#C8D7AB
Colorpallet from #ABC8D7 to #C8ABD7 and to #D7ABC8
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#B0C3D7
#B0C3D7
#B1C3D6
#B1C3D6
#B1C3D6
#B2C3D5
#B2C3D5
#B4BFD7
#B5BFD6
#B6BFD5
#B6BFD5
#B7BFD4
#B8BFD3
#B9BFD2
#B9BAD7
#BABAD6
#BBBAD5
#BCBAD4
#BDBAD3
#BFBAD1
#C0BAD0
#BEB5D7
#BFB5D5
#C1B5D4
#C2B5D2
#C4B5D1
#C5B5CF
#C7B5CD
#C2B1D7
#C4B1D5
#C6B1D3
#C8B1D1
#CAB1CF
#CCB1CD
#CEB1CB
#C8ABD7
#CAABD5
#CDABD2
#CFABD0
#D2ABCD
#D4ABCB
#D7ABC8
Colorpallet from #ABC8D7 to #C8ABD7 and to #D7C8AB
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#B0C3D7
#B0C4D6
#B1C5D5
#B1C5D4
#B1C6D3
#B2C7D1
#B2C8D0
#B4BFD7
#B5C0D5
#B6C2D3
#B6C3D0
#B7C5CE
#B8C6CC
#B9C8C9
#B9BAD7
#BABCD4
#BBBED0
#BCC1CD
#BDC3CA
#BFC5C6
#C0C8C2
#BEB5D7
#BFB8D3
#C1BBCE
#C2BECA
#C4C1C5
#C5C4C1
#C7C8BB
#C2B1D7
#C4B5D1
#C6B8CC
#C8BCC6
#CAC0C1
#CCC3BB
#CEC8B4
#C8ABD7
#CAB0D0
#CDB4C9
#CFB9C2
#D2BEBB
#D4C2B4
#D7C8AB
Colorpallet from #ABC8D7 to #C8D7AB and to #D7ABC8
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#B0CAD0
#B0C9D1
#B1C8D2
#B1C7D2
#B1C6D3
#B2C4D4
#B2C3D5
#B4CDC9
#B5CBCA
#B6C9CC
#B6C6CD
#B7C4CF
#B8C2D0
#B9BFD2
#B9CFC2
#BACCC4
#BBC8C6
#BCC5C9
#BDC2CB
#BFBECD
#C0BAD0
#BED2BB
#BFCDBE
#C1C9C1
#C2C4C4
#C4BFC7
#C5BBC9
#C7B5CD
#C2D4B4
#C4CEB8
#C6C9BB
#C8C3BF
#CABEC3
#CCB8C6
#CEB1CB
#C8D7AB
#CAD0B0
#CDC9B4
#CFC2B9
#D2BBBE
#D4B4C2
#D7ABC8
Colorpallet from #ABC8D7 to #C8D7AB and to #D7C8AB
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#B0CAD0
#B0CAD0
#B1C9D0
#B1C9D0
#B1C9D0
#B2C8D0
#B2C8D0
#B4CDC9
#B5CCC9
#B6CBC9
#B6CBC9
#B7CAC9
#B8C9C9
#B9C8C9
#B9CFC2
#BACEC2
#BBCDC2
#BCCCC2
#BDCBC2
#BFC9C2
#C0C8C2
#BED2BB
#BFD0BB
#C1CFBB
#C2CDBB
#C4CCBB
#C5CABB
#C7C8BB
#C2D4B4
#C4D2B4
#C6D0B4
#C8CEB4
#CACCB4
#CCCAB4
#CEC8B4
#C8D7AB
#CAD5AB
#CDD2AB
#CFD0AB
#D2CDAB
#D4CBAB
#D7C8AB
Colorpallet from #ABC8D7 to #D7ABC8 and to #D7C8AB
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#ABC8D7
#B2C3D5
#B2C4D4
#B2C5D3
#B2C5D3
#B2C6D2
#B2C7D1
#B2C8D0
#B9BFD2
#B9C0D1
#B9C2CF
#B9C3CE
#B9C5CC
#B9C6CB
#B9C8C9
#C0BAD0
#C0BCCE
#C0BECC
#C0C1C9
#C0C3C7
#C0C5C5
#C0C8C2
#C7B5CD
#C7B8CA
#C7BBC7
#C7BEC4
#C7C1C1
#C7C4BF
#C7C8BB
#CEB1CB
#CEB5C7
#CEB8C4
#CEBCC0
#CEC0BC
#CEC3B9
#CEC8B4
#D7ABC8
#D7B0C3
#D7B4BF
#D7B9BA
#D7BEB5
#D7C2B1
#D7C8AB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
