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 #AFD9D1 to #AFD1D9 and to #D9AFD1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD8D2
#B0D7D2
#B1D6D2
#B2D5D2
#B3D4D1
#B5D3D1
#B6D2D1
#AFD6D4
#B1D4D4
#B3D3D3
#B5D1D3
#B7D0D2
#B9CED2
#BCCCD1
#AFD5D5
#B2D2D4
#B5D0D4
#B9CDD3
#BCCBD2
#BFC8D2
#C3C5D1
#AFD4D6
#B3D0D5
#B8CDD4
#BCC9D4
#C0C6D3
#C5C2D2
#CABED1
#AFD3D7
#B4CFD6
#BACAD5
#BFC6D4
#C5C1D3
#CABDD2
#D1B7D1
#AFD1D9
#B6CCD8
#BCC6D6
#C3C1D5
#CABBD4
#D1B6D3
#D9AFD1
Colorpallet from #AFD9D1 to #AFD1D9 and to #D9D1AF
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD8D2
#B0D8D1
#B1D8D0
#B2D8CF
#B3D8CE
#B5D8CD
#B6D8CC
#AFD6D4
#B1D6D2
#B3D6D0
#B5D6CD
#B7D6CB
#B9D6C9
#BCD6C6
#AFD5D5
#B2D5D2
#B5D5CF
#B9D5CB
#BCD5C8
#BFD5C5
#C3D5C1
#AFD4D6
#B3D4D2
#B8D4CD
#BCD4C9
#C0D4C5
#C5D4C0
#CAD4BB
#AFD3D7
#B4D3D2
#BAD3CC
#BFD3C7
#C5D3C2
#CAD3BD
#D1D3B6
#AFD1D9
#B6D1D2
#BCD1CC
#C3D1C5
#CAD1BE
#D1D1B7
#D9D1AF
Colorpallet from #AFD9D1 to #AFD1D9 and to #D1AFD9
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD8D2
#B0D7D2
#B1D6D2
#B1D5D2
#B2D4D2
#B3D3D2
#B4D2D2
#AFD6D4
#B1D4D4
#B3D3D4
#B4D1D4
#B6D0D4
#B8CED4
#BACCD4
#AFD5D5
#B2D2D5
#B4D0D5
#B7CDD5
#B9CBD5
#BCC8D5
#BFC5D5
#AFD4D6
#B3D0D6
#B6CDD6
#BAC9D6
#BDC6D6
#C1C2D6
#C5BED6
#AFD3D7
#B3CFD7
#B8CAD7
#BCC6D7
#C0C1D7
#C5BDD7
#CAB7D7
#AFD1D9
#B4CCD9
#BAC6D9
#BFC1D9
#C5BBD9
#CAB6D9
#D1AFD9
Colorpallet from #AFD9D1 to #AFD1D9 and to #D1D9AF
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD8D2
#B0D8D1
#B1D8D0
#B1D8CF
#B2D9CE
#B3D9CD
#B4D9CC
#AFD6D4
#B1D6D2
#B3D7D0
#B4D7CD
#B6D8CB
#B8D8C9
#BAD9C6
#AFD5D5
#B2D6D2
#B4D6CF
#B7D7CB
#B9D8C8
#BCD8C5
#BFD9C1
#AFD4D6
#B3D5D2
#B6D6CD
#BAD6C9
#BDD7C5
#C1D8C0
#C5D9BB
#AFD3D7
#B3D4D2
#B8D5CC
#BCD6C7
#C0D7C2
#C5D8BD
#CAD9B6
#AFD1D9
#B4D2D2
#BAD4CC
#BFD5C5
#C5D6BE
#CAD7B7
#D1D9AF
Colorpallet from #AFD9D1 to #D9AFD1 and to #D9D1AF
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#B6D2D1
#B6D3D0
#B6D4CF
#B6D5CF
#B6D6CE
#B6D7CD
#B6D8CC
#BCCCD1
#BCCECF
#BCCFCD
#BCD1CC
#BCD2CA
#BCD4C8
#BCD6C6
#C3C5D1
#C3C8CE
#C3CACC
#C3CDC9
#C3CFC7
#C3D2C4
#C3D5C1
#CABED1
#CAC2CD
#CAC5CA
#CAC9C6
#CACCC3
#CAD0BF
#CAD4BB
#D1B7D1
#D1BBCD
#D1C0C8
#D1C4C4
#D1C9C0
#D1CDBB
#D1D3B6
#D9AFD1
#D9B4CC
#D9BAC6
#D9BFC1
#D9C5BB
#D9CAB6
#D9D1AF
Colorpallet from #AFD9D1 to #D9AFD1 and to #D1AFD9
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#B6D2D1
#B6D2D1
#B5D2D1
#B5D2D1
#B5D2D2
#B4D2D2
#B4D2D2
#BCCCD1
#BCCCD1
#BBCCD2
#BBCCD2
#BBCCD3
#BACCD3
#BACCD4
#C3C5D1
#C2C5D2
#C2C5D2
#C1C5D3
#C0C5D4
#C0C5D4
#BFC5D5
#CABED1
#C9BED2
#C8BED3
#C8BED3
#C7BED4
#C6BED5
#C5BED6
#D1B7D1
#D0B7D2
#CFB7D3
#CEB7D4
#CDB7D5
#CBB7D6
#CAB7D7
#D9AFD1
#D8AFD2
#D6AFD4
#D5AFD5
#D4AFD6
#D3AFD7
#D1AFD9
Colorpallet from #AFD9D1 to #D9AFD1 and to #D1D9AF
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#B6D2D1
#B6D3D0
#B5D4CF
#B5D5CF
#B5D6CE
#B4D8CD
#B4D9CC
#BCCCD1
#BCCECF
#BBD0CD
#BBD2CC
#BBD4CA
#BAD6C8
#BAD9C6
#C3C5D1
#C2C8CE
#C2CBCC
#C1CFC9
#C0D2C7
#C0D5C4
#BFD9C1
#CABED1
#C9C2CD
#C8C7CA
#C8CBC6
#C7CFC3
#C6D4BF
#C5D9BB
#D1B7D1
#D0BCCD
#CFC2C8
#CEC7C4
#CDCDC0
#CBD2BB
#CAD9B6
#D9AFD1
#D8B6CC
#D6BCC6
#D5C3C1
#D4CABB
#D3D1B6
#D1D9AF
Colorpallet from #AFD9D1 to #D9D1AF and to #D1AFD9
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#B6D8CC
#B6D7CD
#B5D6CE
#B5D5CF
#B5D4D0
#B4D3D1
#B4D2D2
#BCD6C6
#BCD4C8
#BBD3CA
#BBD1CD
#BBD0CF
#BACED1
#BACCD4
#C3D5C1
#C2D2C4
#C2D0C7
#C1CDCB
#C0CBCE
#C0C8D1
#BFC5D5
#CAD4BB
#C9D0BF
#C8CDC4
#C8C9C8
#C7C6CC
#C6C2D1
#C5BED6
#D1D3B6
#D0CFBB
#CFCAC1
#CEC6C6
#CDC1CB
#CBBDD0
#CAB7D7
#D9D1AF
#D8CCB6
#D6C6BC
#D5C1C3
#D4BBCA
#D3B6D1
#D1AFD9
Colorpallet from #AFD9D1 to #D9D1AF and to #D1D9AF
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#B6D8CC
#B6D8CC
#B5D8CC
#B5D8CC
#B5D9CC
#B4D9CC
#B4D9CC
#BCD6C6
#BCD6C6
#BBD7C6
#BBD7C6
#BBD8C6
#BAD8C6
#BAD9C6
#C3D5C1
#C2D6C1
#C2D6C1
#C1D7C1
#C0D8C1
#C0D8C1
#BFD9C1
#CAD4BB
#C9D5BB
#C8D6BB
#C8D6BB
#C7D7BB
#C6D8BB
#C5D9BB
#D1D3B6
#D0D4B6
#CFD5B6
#CED6B6
#CDD7B6
#CBD8B6
#CAD9B6
#D9D1AF
#D8D2AF
#D6D4AF
#D5D5AF
#D4D6AF
#D3D7AF
#D1D9AF
Colorpallet from #AFD9D1 to #D1AFD9 and to #D1D9AF
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#AFD9D1
#B4D2D2
#B4D3D1
#B4D4D0
#B4D5CF
#B4D6CE
#B4D8CD
#B4D9CC
#BACCD4
#BACED2
#BAD0D0
#BAD2CD
#BAD4CB
#BAD6C9
#BAD9C6
#BFC5D5
#BFC8D2
#BFCBCF
#BFCFCB
#BFD2C8
#BFD5C5
#BFD9C1
#C5BED6
#C5C2D2
#C5C7CD
#C5CBC9
#C5CFC5
#C5D4C0
#C5D9BB
#CAB7D7
#CABCD2
#CAC2CC
#CAC7C7
#CACDC2
#CAD2BD
#CAD9B6
#D1AFD9
#D1B6D2
#D1BCCC
#D1C3C5
#D1CABE
#D1D1B7
#D1D9AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
