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 #B4C1C8 to #B4C8C1 and to #C1B4C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C2C7
#B4C2C7
#B5C1C7
#B5C1C7
#B5C0C8
#B6C0C8
#B6BFC8
#B4C3C6
#B5C2C6
#B5C1C7
#B6C0C7
#B7BFC7
#B7BEC8
#B8BDC8
#B4C4C5
#B5C3C5
#B6C1C6
#B7C0C6
#B8BEC7
#B9BDC7
#BABBC8
#B4C5C4
#B5C3C5
#B7C1C5
#B8BFC6
#B9BDC7
#BABBC7
#BCB9C8
#B4C7C2
#B6C4C3
#B7C2C4
#B9BFC5
#BABDC6
#BCBAC7
#BEB7C8
#B4C8C1
#B6C5C2
#B8C2C3
#BABEC4
#BCBBC5
#BEB8C7
#C1B4C8
Colorpallet from #B4C1C8 to #B4C8C1 and to #C1C8B4
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C2C7
#B4C2C7
#B5C2C6
#B5C2C6
#B5C2C6
#B6C2C5
#B6C2C5
#B4C3C6
#B5C3C5
#B5C3C5
#B6C3C4
#B7C3C3
#B7C3C3
#B8C3C2
#B4C4C5
#B5C4C4
#B6C4C3
#B7C4C2
#B8C4C1
#B9C4BF
#BAC4BE
#B4C5C4
#B5C5C3
#B7C5C1
#B8C5C0
#B9C5BE
#BAC5BD
#BCC5BB
#B4C7C2
#B6C7C0
#B7C7BF
#B9C7BD
#BAC7BC
#BCC7BA
#BEC7B8
#B4C8C1
#B6C8BF
#B8C8BD
#BAC8BB
#BCC8B9
#BEC8B7
#C1C8B4
Colorpallet from #B4C1C8 to #B4C8C1 and to #C8B4C1
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C2C7
#B4C2C7
#B5C1C7
#B5C1C7
#B6C0C7
#B6C0C7
#B7BFC7
#B4C3C6
#B5C2C6
#B6C1C6
#B7C0C6
#B8BFC6
#B9BEC6
#BABDC6
#B4C4C5
#B6C3C5
#B7C1C5
#B9C0C5
#BABEC5
#BCBDC5
#BEBBC5
#B4C5C4
#B6C3C4
#B8C1C4
#BABFC4
#BCBDC4
#BEBBC4
#C1B9C4
#B4C7C2
#B7C4C2
#B9C2C2
#BCBFC2
#BEBDC2
#C1BAC2
#C4B7C2
#B4C8C1
#B7C5C1
#BAC2C1
#BEBEC1
#C1BBC1
#C4B8C1
#C8B4C1
Colorpallet from #B4C1C8 to #B4C8C1 and to #C8C1B4
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C2C7
#B4C2C7
#B5C2C6
#B5C2C6
#B6C1C6
#B6C1C5
#B7C1C5
#B4C3C6
#B5C3C5
#B6C2C5
#B7C2C4
#B8C2C3
#B9C1C3
#BAC1C2
#B4C4C5
#B6C4C4
#B7C3C3
#B9C3C2
#BAC2C1
#BCC2BF
#BEC1BE
#B4C5C4
#B6C4C3
#B8C4C1
#BAC3C0
#BCC2BE
#BEC2BD
#C1C1BB
#B4C7C2
#B7C6C0
#B9C5BF
#BCC4BD
#BEC3BC
#C1C2BA
#C4C1B8
#B4C8C1
#B7C7BF
#BAC6BD
#BEC5BB
#C1C4B9
#C4C2B7
#C8C1B4
Colorpallet from #B4C1C8 to #C1B4C8 and to #C1C8B4
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B6BFC8
#B6BFC8
#B6C0C7
#B6C0C7
#B6C1C6
#B6C1C6
#B6C2C5
#B8BDC8
#B8BEC7
#B8BFC6
#B8C0C5
#B8C1C4
#B8C2C3
#B8C3C2
#BABBC8
#BABCC6
#BABEC5
#BABFC3
#BAC1C2
#BAC2C0
#BAC4BE
#BCB9C8
#BCBBC6
#BCBDC4
#BCBFC2
#BCC1C0
#BCC3BE
#BCC5BB
#BEB7C8
#BEBAC5
#BEBCC3
#BEBFC0
#BEC1BE
#BEC4BB
#BEC7B8
#C1B4C8
#C1B7C5
#C1BAC2
#C1BEBE
#C1C1BB
#C1C4B8
#C1C8B4
Colorpallet from #B4C1C8 to #C1B4C8 and to #C8B4C1
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B6BFC8
#B6BFC8
#B6BFC8
#B6BFC8
#B7BFC7
#B7BFC7
#B7BFC7
#B8BDC8
#B8BDC8
#B9BDC7
#B9BDC7
#B9BDC7
#BABDC6
#BABDC6
#BABBC8
#BBBBC8
#BBBBC7
#BCBBC7
#BDBBC6
#BDBBC6
#BEBBC5
#BCB9C8
#BDB9C7
#BEB9C7
#BEB9C6
#BFB9C5
#C0B9C5
#C1B9C4
#BEB7C8
#BFB7C7
#C0B7C6
#C1B7C5
#C2B7C4
#C3B7C3
#C4B7C2
#C1B4C8
#C2B4C7
#C3B4C6
#C4B4C5
#C5B4C4
#C7B4C2
#C8B4C1
Colorpallet from #B4C1C8 to #C1B4C8 and to #C8C1B4
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B6BFC8
#B6BFC8
#B6C0C7
#B6C0C7
#B7C0C6
#B7C1C6
#B7C1C5
#B8BDC8
#B8BEC7
#B9BEC6
#B9BFC5
#B9C0C4
#BAC0C3
#BAC1C2
#BABBC8
#BBBCC6
#BBBDC5
#BCBEC3
#BDBFC2
#BDC0C0
#BEC1BE
#BCB9C8
#BDBAC6
#BEBCC4
#BEBDC2
#BFBEC0
#C0BFBE
#C1C1BB
#BEB7C8
#BFB9C5
#C0BAC3
#C1BCC0
#C2BDBE
#C3BFBB
#C4C1B8
#C1B4C8
#C2B6C5
#C3B8C2
#C4BABE
#C5BCBB
#C7BEB8
#C8C1B4
Colorpallet from #B4C1C8 to #C1C8B4 and to #C8B4C1
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B6C2C5
#B6C2C5
#B6C1C6
#B6C1C6
#B7C0C6
#B7C0C7
#B7BFC7
#B8C3C2
#B8C2C3
#B9C1C3
#B9C0C4
#B9BFC5
#BABEC5
#BABDC6
#BAC4BE
#BBC3BF
#BBC1C0
#BCC0C1
#BDBEC2
#BDBDC4
#BEBBC5
#BCC5BB
#BDC3BC
#BEC1BE
#BEBFBF
#BFBDC1
#C0BBC2
#C1B9C4
#BEC7B8
#BFC4BA
#C0C2BB
#C1BFBD
#C2BDBE
#C3BAC0
#C4B7C2
#C1C8B4
#C2C5B6
#C3C2B8
#C4BEBA
#C5BBBC
#C7B8BE
#C8B4C1
Colorpallet from #B4C1C8 to #C1C8B4 and to #C8C1B4
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B6C2C5
#B6C2C5
#B6C2C5
#B6C2C5
#B7C1C5
#B7C1C5
#B7C1C5
#B8C3C2
#B8C3C2
#B9C2C2
#B9C2C2
#B9C2C2
#BAC1C2
#BAC1C2
#BAC4BE
#BBC4BE
#BBC3BE
#BCC3BE
#BDC2BE
#BDC2BE
#BEC1BE
#BCC5BB
#BDC4BB
#BEC4BB
#BEC3BB
#BFC2BB
#C0C2BB
#C1C1BB
#BEC7B8
#BFC6B8
#C0C5B8
#C1C4B8
#C2C3B8
#C3C2B8
#C4C1B8
#C1C8B4
#C2C7B4
#C3C6B4
#C4C5B4
#C5C4B4
#C7C2B4
#C8C1B4
Colorpallet from #B4C1C8 to #C8B4C1 and to #C8C1B4
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B4C1C8
#B7BFC7
#B7BFC7
#B7C0C6
#B7C0C6
#B7C0C6
#B7C1C5
#B7C1C5
#BABDC6
#BABEC5
#BABEC5
#BABFC4
#BAC0C3
#BAC0C3
#BAC1C2
#BEBBC5
#BEBCC4
#BEBDC3
#BEBEC2
#BEBFC1
#BEC0BF
#BEC1BE
#C1B9C4
#C1BAC3
#C1BCC1
#C1BDC0
#C1BEBE
#C1BFBD
#C1C1BB
#C4B7C2
#C4B9C0
#C4BABF
#C4BCBD
#C4BDBC
#C4BFBA
#C4C1B8
#C8B4C1
#C8B6BF
#C8B8BD
#C8BABB
#C8BCB9
#C8BEB7
#C8C1B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
