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 #BFD7D9 to #BFD9D7 and to #D7BFD9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C0D6D9
#C0D6D9
#C1D5D9
#C2D4D9
#C2D4D9
#C3D3D9
#BFD8D8
#C0D7D8
#C2D5D8
#C3D4D8
#C4D2D9
#C5D1D9
#C7CFD9
#BFD8D8
#C1D6D8
#C3D4D8
#C5D2D8
#C7D0D9
#C9CED9
#CBCBD9
#BFD8D8
#C1D5D8
#C4D3D8
#C6D0D8
#C9CED9
#CBCBD9
#CEC8D9
#BFD9D7
#C2D6D7
#C5D2D8
#C8CFD8
#CBCCD8
#CEC8D9
#D2C4D9
#BFD9D7
#C3D5D7
#C7D1D8
#CBCDD8
#CEC8D8
#D2C4D9
#D7BFD9
Colorpallet from #BFD7D9 to #BFD9D7 and to #D7D9BF
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C0D7D8
#C0D7D8
#C1D7D7
#C2D7D6
#C2D7D6
#C3D7D5
#BFD8D8
#C0D8D7
#C2D8D6
#C3D8D5
#C4D8D4
#C5D8D2
#C7D8D1
#BFD8D8
#C1D8D6
#C3D8D4
#C5D8D3
#C7D8D1
#C9D8CF
#CBD8CD
#BFD8D8
#C1D8D5
#C4D8D3
#C6D8D0
#C9D8CE
#CBD8CB
#CED8C8
#BFD9D7
#C2D9D4
#C5D9D1
#C8D9CE
#CBD9CB
#CED9C8
#D2D9C4
#BFD9D7
#C3D9D3
#C7D9CF
#CBD9CB
#CED9C8
#D2D9C4
#D7D9BF
Colorpallet from #BFD7D9 to #BFD9D7 and to #D9BFD7
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C0D6D9
#C0D6D9
#C1D5D9
#C2D4D9
#C2D4D9
#C3D3D9
#BFD8D8
#C0D7D8
#C2D5D8
#C3D4D8
#C4D2D8
#C5D1D8
#C7CFD8
#BFD8D8
#C1D6D8
#C3D4D8
#C5D2D8
#C7D0D8
#C9CED8
#CBCBD8
#BFD8D8
#C2D5D8
#C4D3D8
#C7D0D8
#CACED8
#CDCBD8
#D0C8D8
#BFD9D7
#C2D6D7
#C6D2D7
#C9CFD7
#CCCCD7
#D0C8D7
#D4C4D7
#BFD9D7
#C3D5D7
#C7D1D7
#CBCDD7
#D0C8D7
#D4C4D7
#D9BFD7
Colorpallet from #BFD7D9 to #BFD9D7 and to #D9D7BF
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C0D7D8
#C0D7D8
#C1D7D7
#C2D7D6
#C2D7D6
#C3D7D5
#BFD8D8
#C0D8D7
#C2D8D6
#C3D8D5
#C4D7D4
#C5D7D2
#C7D7D1
#BFD8D8
#C1D8D6
#C3D8D4
#C5D8D3
#C7D7D1
#C9D7CF
#CBD7CD
#BFD8D8
#C2D8D5
#C4D8D3
#C7D8D0
#CAD7CE
#CDD7CB
#D0D7C8
#BFD9D7
#C2D9D4
#C6D8D1
#C9D8CE
#CCD8CB
#D0D7C8
#D4D7C4
#BFD9D7
#C3D9D3
#C7D8CF
#CBD8CB
#D0D8C8
#D4D7C4
#D9D7BF
Colorpallet from #BFD7D9 to #D7BFD9 and to #D7D9BF
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C3D3D9
#C3D4D8
#C3D4D8
#C3D5D7
#C3D6D6
#C3D6D6
#C3D7D5
#C7CFD9
#C7D0D8
#C7D2D6
#C7D3D5
#C7D5D4
#C7D6D3
#C7D8D1
#CBCBD9
#CBCDD7
#CBCFD5
#CBD1D3
#CBD3D1
#CBD5CF
#CBD8CD
#CEC8D9
#CECBD6
#CECDD4
#CED0D1
#CED2CE
#CED5CB
#CED8C8
#D2C4D9
#D2C7D6
#D2CBD2
#D2CECF
#D2D1CC
#D2D5C8
#D2D9C4
#D7BFD9
#D7C3D5
#D7C7D1
#D7CBCD
#D7D0C8
#D7D4C4
#D7D9BF
Colorpallet from #BFD7D9 to #D7BFD9 and to #D9BFD7
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C3D3D9
#C3D3D9
#C3D3D9
#C3D3D9
#C3D3D9
#C3D3D9
#C3D3D9
#C7CFD9
#C7CFD9
#C7CFD9
#C7CFD9
#C7CFD8
#C7CFD8
#C7CFD8
#CBCBD9
#CBCBD9
#CBCBD9
#CBCBD9
#CBCBD8
#CBCBD8
#CBCBD8
#CEC8D9
#CEC8D9
#CFC8D9
#CFC8D9
#CFC8D8
#D0C8D8
#D0C8D8
#D2C4D9
#D2C4D9
#D3C4D8
#D3C4D8
#D3C4D8
#D4C4D7
#D4C4D7
#D7BFD9
#D7BFD9
#D8BFD8
#D8BFD8
#D8BFD8
#D9BFD7
#D9BFD7
Colorpallet from #BFD7D9 to #D7BFD9 and to #D9D7BF
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C3D3D9
#C3D4D8
#C3D4D8
#C3D5D7
#C3D6D6
#C3D6D6
#C3D7D5
#C7CFD9
#C7D0D8
#C7D2D6
#C7D3D5
#C7D4D4
#C7D5D3
#C7D7D1
#CBCBD9
#CBCDD7
#CBCFD5
#CBD1D3
#CBD3D1
#CBD5CF
#CBD7CD
#CEC8D9
#CECAD6
#CFCDD4
#CFCFD1
#CFD2CE
#D0D4CB
#D0D7C8
#D2C4D9
#D2C7D6
#D3CAD2
#D3CDCF
#D3D0CC
#D4D3C8
#D4D7C4
#D7BFD9
#D7C3D5
#D8C7D1
#D8CBCD
#D8CEC8
#D9D2C4
#D9D7BF
Colorpallet from #BFD7D9 to #D7D9BF and to #D9BFD7
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C3D7D5
#C3D6D6
#C3D6D6
#C3D5D7
#C3D4D8
#C3D4D8
#C3D3D9
#C7D8D1
#C7D7D2
#C7D5D3
#C7D4D4
#C7D2D5
#C7D1D7
#C7CFD8
#CBD8CD
#CBD6CF
#CBD4D1
#CBD2D2
#CBD0D4
#CBCED6
#CBCBD8
#CED8C8
#CED5CB
#CFD3CD
#CFD0D0
#CFCED2
#D0CBD5
#D0C8D8
#D2D9C4
#D2D6C7
#D3D2CA
#D3CFCD
#D3CCD0
#D4C8D3
#D4C4D7
#D7D9BF
#D7D5C3
#D8D1C7
#D8CDCB
#D8C8CE
#D9C4D2
#D9BFD7
Colorpallet from #BFD7D9 to #D7D9BF and to #D9D7BF
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C3D7D5
#C3D7D5
#C3D7D5
#C3D7D5
#C3D7D5
#C3D7D5
#C3D7D5
#C7D8D1
#C7D8D1
#C7D8D1
#C7D8D1
#C7D7D1
#C7D7D1
#C7D7D1
#CBD8CD
#CBD8CD
#CBD8CD
#CBD8CD
#CBD7CD
#CBD7CD
#CBD7CD
#CED8C8
#CED8C8
#CFD8C8
#CFD8C8
#CFD7C8
#D0D7C8
#D0D7C8
#D2D9C4
#D2D9C4
#D3D8C4
#D3D8C4
#D3D8C4
#D4D7C4
#D4D7C4
#D7D9BF
#D7D9BF
#D8D8BF
#D8D8BF
#D8D8BF
#D9D7BF
#D9D7BF
Colorpallet from #BFD7D9 to #D9BFD7 and to #D9D7BF
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#BFD7D9
#C3D3D9
#C3D4D8
#C3D4D8
#C3D5D7
#C3D6D6
#C3D6D6
#C3D7D5
#C7CFD8
#C7D0D7
#C7D2D6
#C7D3D5
#C7D4D4
#C7D5D2
#C7D7D1
#CBCBD8
#CBCDD6
#CBCFD4
#CBD1D3
#CBD3D1
#CBD5CF
#CBD7CD
#D0C8D8
#D0CAD5
#D0CDD3
#D0CFD0
#D0D2CE
#D0D4CB
#D0D7C8
#D4C4D7
#D4C7D4
#D4CAD1
#D4CDCE
#D4D0CB
#D4D3C8
#D4D7C4
#D9BFD7
#D9C3D3
#D9C7CF
#D9CBCB
#D9CEC8
#D9D2C4
#D9D7BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
