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 #AFC9BD to #AFBDC9 and to #C9AFBD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC7BF
#B0C7BF
#B0C6BE
#B1C6BE
#B2C6BE
#B2C5BD
#B3C5BD
#AFC5C1
#B0C4C0
#B2C4C0
#B3C3BF
#B4C2BE
#B5C2BE
#B7C1BD
#AFC3C3
#B1C2C2
#B3C1C1
#B5C0C0
#B7BFBF
#B9BEBE
#BBBDBD
#AFC1C5
#B2C0C4
#B4BEC2
#B7BDC1
#BABBC0
#BDBABF
#C0B8BD
#AFBFC7
#B2BDC5
#B6BBC4
#B9BAC2
#BCB8C1
#C0B6BF
#C4B4BD
#AFBDC9
#B3BBC7
#B7B9C5
#BBB6C3
#C0B4C1
#C4B2BF
#C9AFBD
Colorpallet from #AFC9BD to #AFBDC9 and to #C9BDAF
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC7BF
#B0C7BE
#B0C7BE
#B1C7BD
#B2C7BC
#B2C7BC
#B3C7BB
#AFC5C1
#B0C5C0
#B2C5BE
#B3C5BD
#B4C5BC
#B5C5BB
#B7C5B9
#AFC3C3
#B1C3C1
#B3C3BF
#B5C3BD
#B7C3BB
#B9C3B9
#BBC3B6
#AFC1C5
#B2C1C2
#B4C1C0
#B7C1BD
#BAC1BA
#BDC1B7
#C0C1B4
#AFBFC7
#B2BFC4
#B6BFC0
#B9BFBD
#BCBFBA
#C0BFB6
#C4BFB2
#AFBDC9
#B3BDC5
#B7BDC1
#BBBDBD
#C0BDB8
#C4BDB4
#C9BDAF
Colorpallet from #AFC9BD to #AFBDC9 and to #BDAFC9
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC7BF
#AFC7BF
#B0C6BF
#B0C6BF
#B0C6BF
#B1C5BF
#B1C5BF
#AFC5C1
#B0C4C1
#B0C4C1
#B1C3C1
#B2C2C1
#B2C2C1
#B3C1C1
#AFC3C3
#B0C2C3
#B1C1C3
#B2C0C3
#B3BFC3
#B5BEC3
#B6BDC3
#AFC1C5
#B0C0C5
#B2BEC5
#B3BDC5
#B5BBC5
#B6BAC5
#B8B8C5
#AFBFC7
#B1BDC7
#B3BBC7
#B4BAC7
#B6B8C7
#B8B6C7
#BAB4C7
#AFBDC9
#B1BBC9
#B3B9C9
#B6B6C9
#B8B4C9
#BAB2C9
#BDAFC9
Colorpallet from #AFC9BD to #AFBDC9 and to #BDC9AF
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC7BF
#AFC7BE
#B0C8BE
#B0C8BD
#B0C8BC
#B1C9BC
#B1C9BB
#AFC5C1
#B0C6C0
#B0C6BE
#B1C7BD
#B2C8BC
#B2C8BB
#B3C9B9
#AFC3C3
#B0C4C1
#B1C5BF
#B2C6BD
#B3C7BB
#B5C8B9
#B6C9B6
#AFC1C5
#B0C2C2
#B2C4C0
#B3C5BD
#B5C6BA
#B6C7B7
#B8C9B4
#AFBFC7
#B1C1C4
#B3C2C0
#B4C4BD
#B6C5BA
#B8C7B6
#BAC9B2
#AFBDC9
#B1BFC5
#B3C1C1
#B6C3BD
#B8C5B8
#BAC7B4
#BDC9AF
Colorpallet from #AFC9BD to #C9AFBD and to #C9BDAF
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B3C5BD
#B3C5BD
#B3C6BC
#B3C6BC
#B3C6BC
#B3C7BB
#B3C7BB
#B7C1BD
#B7C2BC
#B7C2BC
#B7C3BB
#B7C4BA
#B7C4BA
#B7C5B9
#BBBDBD
#BBBEBC
#BBBFBB
#BBC0BA
#BBC1B9
#BBC2B7
#BBC3B6
#C0B8BD
#C0B9BC
#C0BBBA
#C0BCB9
#C0BEB7
#C0BFB6
#C0C1B4
#C4B4BD
#C4B6BB
#C4B8B9
#C4B9B8
#C4BBB6
#C4BDB4
#C4BFB2
#C9AFBD
#C9B1BB
#C9B3B9
#C9B6B6
#C9B8B4
#C9BAB2
#C9BDAF
Colorpallet from #AFC9BD to #C9AFBD and to #BDAFC9
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B3C5BD
#B3C5BD
#B2C5BE
#B2C5BE
#B2C5BE
#B1C5BF
#B1C5BF
#B7C1BD
#B6C1BE
#B6C1BE
#B5C1BF
#B4C1C0
#B4C1C0
#B3C1C1
#BBBDBD
#BABDBE
#B9BDBF
#B9BDC0
#B8BDC1
#B7BDC2
#B6BDC3
#C0B8BD
#BFB8BE
#BDB8C0
#BCB8C1
#BBB8C2
#BAB8C3
#B8B8C5
#C4B4BD
#C2B4BF
#C1B4C0
#BFB4C2
#BEB4C3
#BCB4C5
#BAB4C7
#C9AFBD
#C7AFBF
#C5AFC1
#C3AFC3
#C1AFC5
#BFAFC7
#BDAFC9
Colorpallet from #AFC9BD to #C9AFBD and to #BDC9AF
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B3C5BD
#B3C6BD
#B2C6BC
#B2C7BC
#B2C8BC
#B1C8BB
#B1C9BB
#B7C1BD
#B6C2BC
#B6C4BC
#B5C5BB
#B4C6BA
#B4C7BA
#B3C9B9
#BBBDBD
#BABFBC
#B9C1BB
#B9C3BA
#B8C5B9
#B7C7B7
#B6C9B6
#C0B8BD
#BFBBBC
#BDBDBA
#BCC0B9
#BBC3B7
#BAC6B6
#B8C9B4
#C4B4BD
#C2B7BB
#C1BBB9
#BFBEB8
#BEC1B6
#BCC5B4
#BAC9B2
#C9AFBD
#C7B3BB
#C5B7B9
#C3BBB6
#C1C0B4
#BFC4B2
#BDC9AF
Colorpallet from #AFC9BD to #C9BDAF and to #BDAFC9
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B3C7BB
#B3C7BC
#B2C6BC
#B2C6BD
#B2C6BE
#B1C5BE
#B1C5BF
#B7C5B9
#B6C4BA
#B6C4BC
#B5C3BD
#B4C2BE
#B4C2BF
#B3C1C1
#BBC3B6
#BAC2B8
#B9C1BA
#B9C0BC
#B8BFBE
#B7BEC0
#B6BDC3
#C0C1B4
#BFC0B7
#BDBEB9
#BCBDBC
#BBBBBF
#BABAC2
#B8B8C5
#C4BFB2
#C2BDB5
#C1BBB9
#BFBABC
#BEB8BF
#BCB6C3
#BAB4C7
#C9BDAF
#C7BBB3
#C5B9B7
#C3B6BB
#C1B4C0
#BFB2C4
#BDAFC9
Colorpallet from #AFC9BD to #C9BDAF and to #BDC9AF
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B3C7BB
#B3C7BB
#B2C8BB
#B2C8BB
#B2C8BB
#B1C9BB
#B1C9BB
#B7C5B9
#B6C6B9
#B6C6B9
#B5C7B9
#B4C8B9
#B4C8B9
#B3C9B9
#BBC3B6
#BAC4B6
#B9C5B6
#B9C6B6
#B8C7B6
#B7C8B6
#B6C9B6
#C0C1B4
#BFC2B4
#BDC4B4
#BCC5B4
#BBC6B4
#BAC7B4
#B8C9B4
#C4BFB2
#C2C1B2
#C1C2B2
#BFC4B2
#BEC5B2
#BCC7B2
#BAC9B2
#C9BDAF
#C7BFAF
#C5C1AF
#C3C3AF
#C1C5AF
#BFC7AF
#BDC9AF
Colorpallet from #AFC9BD to #BDAFC9 and to #BDC9AF
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#AFC9BD
#B1C5BF
#B1C6BE
#B1C6BE
#B1C7BD
#B1C8BC
#B1C8BC
#B1C9BB
#B3C1C1
#B3C2C0
#B3C4BE
#B3C5BD
#B3C6BC
#B3C7BB
#B3C9B9
#B6BDC3
#B6BFC1
#B6C1BF
#B6C3BD
#B6C5BB
#B6C7B9
#B6C9B6
#B8B8C5
#B8BBC2
#B8BDC0
#B8C0BD
#B8C3BA
#B8C6B7
#B8C9B4
#BAB4C7
#BAB7C4
#BABBC0
#BABEBD
#BAC1BA
#BAC5B6
#BAC9B2
#BDAFC9
#BDB3C5
#BDB7C1
#BDBBBD
#BDC0B8
#BDC4B4
#BDC9AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
