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 #AFD4B2 to #AFB2D4 and to #D4AFB2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFCFB7
#B0CFB6
#B1CFB5
#B2CFB5
#B3CEB4
#B4CEB3
#B5CEB2
#AFC9BD
#B1C9BB
#B3C9B9
#B5C9B8
#B7C8B6
#B9C8B4
#BBC8B2
#AFC4C2
#B2C4BF
#B5C3BD
#B8C3BA
#BBC3B8
#BDC2B5
#C1C2B2
#AFBEC8
#B3BEC4
#B7BDC1
#BBBDBD
#BEBDBA
#C2BCB6
#C7BCB2
#AFB9CD
#B4B9C9
#B9B8C4
#BDB8C0
#C2B7BC
#C7B7B7
#CDB6B2
#AFB2D4
#B5B2CF
#BBB1C9
#C1B1C4
#C7B0BE
#CDB0B9
#D4AFB2
Colorpallet from #AFD4B2 to #AFB2D4 and to #D4B2AF
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFCFB7
#B0CFB6
#B1CFB5
#B2CFB5
#B3CFB4
#B4CFB3
#B5CFB2
#AFC9BD
#B1C9BB
#B3C9B9
#B5C9B7
#B7C9B5
#B9C9B3
#BBC9B1
#AFC4C2
#B2C4BF
#B5C4BD
#B8C4BA
#BBC4B7
#BDC4B4
#C1C4B1
#AFBEC8
#B3BEC4
#B7BEC0
#BBBEBC
#BEBEB9
#C2BEB5
#C7BEB0
#AFB9CD
#B4B9C8
#B9B9C4
#BDB9BF
#C2B9BA
#C7B9B6
#CDB9B0
#AFB2D4
#B5B2CE
#BBB2C8
#C1B2C2
#C7B2BC
#CDB2B6
#D4B2AF
Colorpallet from #AFD4B2 to #AFB2D4 and to #B2AFD4
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFCFB7
#AFCFB7
#AFCFB7
#AFCFB7
#AFCEB7
#AFCEB7
#AFCEB7
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B0C8BD
#B0C8BD
#B0C8BD
#AFC4C2
#AFC4C2
#AFC3C2
#AFC3C2
#B0C3C2
#B0C2C2
#B0C2C2
#AFBEC8
#AFBEC8
#B0BDC8
#B0BDC8
#B0BDC8
#B1BCC8
#B1BCC8
#AFB9CD
#AFB9CD
#B0B8CD
#B0B8CD
#B0B7CD
#B1B7CD
#B1B6CD
#AFB2D4
#AFB2D4
#B0B1D4
#B0B1D4
#B1B0D4
#B1B0D4
#B2AFD4
Colorpallet from #AFD4B2 to #AFB2D4 and to #B2D4AF
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFCFB7
#AFD0B6
#AFD1B5
#AFD1B5
#AFD2B4
#AFD3B3
#AFD4B2
#AFC9BD
#AFCBBB
#AFCDB9
#AFCEB7
#B0D0B5
#B0D2B3
#B0D4B1
#AFC4C2
#AFC7BF
#AFC9BD
#AFCCBA
#B0CEB7
#B0D1B4
#B0D4B1
#AFBEC8
#AFC2C4
#B0C5C0
#B0C9BC
#B0CCB9
#B1D0B5
#B1D4B0
#AFB9CD
#AFBDC8
#B0C2C4
#B0C6BF
#B0CABA
#B1CFB6
#B1D4B0
#AFB2D4
#AFB7CE
#B0BDC8
#B0C2C2
#B1C8BC
#B1CDB6
#B2D4AF
Colorpallet from #AFD4B2 to #D4AFB2 and to #D4B2AF
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#B5CEB2
#B5CEB2
#B5CEB2
#B5CEB2
#B5CFB2
#B5CFB2
#B5CFB2
#BBC8B2
#BBC8B2
#BBC8B2
#BBC8B2
#BBC9B1
#BBC9B1
#BBC9B1
#C1C2B2
#C1C2B2
#C1C3B2
#C1C3B2
#C1C3B1
#C1C4B1
#C1C4B1
#C7BCB2
#C7BCB2
#C7BDB1
#C7BDB1
#C7BDB1
#C7BEB0
#C7BEB0
#CDB6B2
#CDB6B2
#CDB7B1
#CDB7B1
#CDB8B1
#CDB8B0
#CDB9B0
#D4AFB2
#D4AFB2
#D4B0B1
#D4B0B1
#D4B1B0
#D4B1B0
#D4B2AF
Colorpallet from #AFD4B2 to #D4AFB2 and to #B2AFD4
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#B5CEB2
#B4CEB3
#B3CEB4
#B2CEB4
#B1CEB5
#B0CEB6
#AFCEB7
#BBC8B2
#B9C8B4
#B7C8B6
#B6C8B7
#B4C8B9
#B2C8BB
#B0C8BD
#C1C2B2
#BEC2B5
#BCC2B7
#B9C2BA
#B6C2BC
#B3C2BF
#B0C2C2
#C7BCB2
#C3BCB6
#C0BCB9
#BCBCBD
#B9BCC0
#B5BCC4
#B1BCC8
#CDB6B2
#C9B6B6
#C4B6BB
#C0B6BF
#BBB6C3
#B7B6C8
#B1B6CD
#D4AFB2
#CFAFB7
#C9AFBD
#C4AFC2
#BEAFC8
#B9AFCD
#B2AFD4
Colorpallet from #AFD4B2 to #D4AFB2 and to #B2D4AF
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#B5CEB2
#B4CFB2
#B3D0B2
#B2D1B2
#B1D2B2
#B0D3B2
#AFD4B2
#BBC8B2
#B9CAB2
#B7CCB2
#B6CEB2
#B4D0B1
#B2D2B1
#B0D4B1
#C1C2B2
#BEC5B2
#BCC8B2
#B9CBB2
#B6CEB1
#B3D0B1
#B0D4B1
#C7BCB2
#C3C0B2
#C0C4B1
#BCC8B1
#B9CBB1
#B5CFB0
#B1D4B0
#CDB6B2
#C9BBB2
#C4C0B1
#C0C4B1
#BBC9B1
#B7CEB0
#B1D4B0
#D4AFB2
#CFB5B2
#C9BBB1
#C4C1B1
#BEC7B0
#B9CDB0
#B2D4AF
Colorpallet from #AFD4B2 to #D4B2AF and to #B2AFD4
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#B5CFB2
#B4CFB3
#B3CFB4
#B2CFB4
#B1CEB5
#B0CEB6
#AFCEB7
#BBC9B1
#B9C9B3
#B7C9B5
#B6C9B7
#B4C8B9
#B2C8BB
#B0C8BD
#C1C4B1
#BEC4B4
#BCC3B6
#B9C3B9
#B6C3BC
#B3C2BF
#B0C2C2
#C7BEB0
#C3BEB4
#C0BDB8
#BCBDBC
#B9BDBF
#B5BCC3
#B1BCC8
#CDB9B0
#C9B9B5
#C4B8B9
#C0B8BE
#BBB7C3
#B7B7C7
#B1B6CD
#D4B2AF
#CFB2B5
#C9B1BB
#C4B1C1
#BEB0C7
#B9B0CD
#B2AFD4
Colorpallet from #AFD4B2 to #D4B2AF and to #B2D4AF
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#B5CFB2
#B4D0B2
#B3D1B2
#B2D1B2
#B1D2B2
#B0D3B2
#AFD4B2
#BBC9B1
#B9CBB1
#B7CDB1
#B6CEB1
#B4D0B1
#B2D2B1
#B0D4B1
#C1C4B1
#BEC7B1
#BCC9B1
#B9CCB1
#B6CEB1
#B3D1B1
#B0D4B1
#C7BEB0
#C3C2B0
#C0C5B0
#BCC9B0
#B9CCB0
#B5D0B0
#B1D4B0
#CDB9B0
#C9BDB0
#C4C2B0
#C0C6B0
#BBCAB0
#B7CFB0
#B1D4B0
#D4B2AF
#CFB7AF
#C9BDAF
#C4C2AF
#BEC8AF
#B9CDAF
#B2D4AF
Colorpallet from #AFD4B2 to #B2AFD4 and to #B2D4AF
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFD4B2
#AFCEB7
#AFCFB6
#AFD0B5
#AFD1B5
#AFD2B4
#AFD3B3
#AFD4B2
#B0C8BD
#B0CABB
#B0CCB9
#B0CEB7
#B0D0B5
#B0D2B3
#B0D4B1
#B0C2C2
#B0C5BF
#B0C8BD
#B0CBBA
#B0CEB7
#B0D0B4
#B0D4B1
#B1BCC8
#B1C0C4
#B1C4C0
#B1C8BC
#B1CBB9
#B1CFB5
#B1D4B0
#B1B6CD
#B1BBC8
#B1C0C4
#B1C4BF
#B1C9BA
#B1CEB6
#B1D4B0
#B2AFD4
#B2B5CE
#B2BBC8
#B2C1C2
#B2C7BC
#B2CDB6
#B2D4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts