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 #B3F0D1 to #B3D1F0 and to #F0B3D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3EBD6
#B5EAD5
#B6E9D4
#B8E9D4
#B9E8D3
#BBE7D2
#BDE6D1
#B3E6DB
#B6E4D9
#B9E3D8
#BDE1D6
#C0E0D5
#C3DED3
#C7DCD1
#B3E1E0
#B8DFDE
#BCDDDB
#C1DAD9
#C6D8D6
#CAD6D4
#D0D3D1
#B3DCE5
#B9D9E2
#BFD6DF
#C6D3DB
#CCD0D8
#D2CDD5
#DAC9D1
#B3D7EA
#BBD3E6
#C3CFE2
#CBCBDE
#D2C8DA
#DAC4D6
#E4BFD1
#B3D1F0
#BDCCEB
#C7C7E6
#D0C3E1
#DABEDC
#E4B9D7
#F0B3D1
Colorpallet from #B3F0D1 to #B3D1F0 and to #F0D1B3
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3EBD6
#B5EBD4
#B6EBD3
#B8EBD1
#B9EBD0
#BBEBCE
#BDEBCC
#B3E6DB
#B6E6D8
#B9E6D5
#BDE6D1
#C0E6CE
#C3E6CB
#C7E6C7
#B3E1E0
#B8E1DB
#BCE1D7
#C1E1D2
#C6E1CD
#CAE1C9
#D0E1C3
#B3DCE5
#B9DCDF
#BFDCD9
#C6DCD2
#CCDCCC
#D2DCC6
#DADCBE
#B3D7EA
#BBD7E2
#C3D7DA
#CBD7D2
#D2D7CB
#DAD7C3
#E4D7B9
#B3D1F0
#BDD1E6
#C7D1DC
#D0D1D3
#DAD1C9
#E4D1BF
#F0D1B3
Colorpallet from #B3F0D1 to #B3D1F0 and to #D1B3F0
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3EBD6
#B4EAD6
#B5E9D6
#B5E9D6
#B6E8D6
#B7E7D6
#B8E6D6
#B3E6DB
#B5E4DB
#B6E3DB
#B8E1DB
#B9E0DB
#BBDEDB
#BDDCDB
#B3E1E0
#B5DFE0
#B7DDE0
#BADAE0
#BCD8E0
#BED6E0
#C1D3E0
#B3DCE5
#B6D9E5
#B9D6E5
#BCD3E5
#BFD0E5
#C2CDE5
#C6C9E5
#B3D7EA
#B7D3EA
#BBCFEA
#BFCBEA
#C2C8EA
#C6C4EA
#CBBFEA
#B3D1F0
#B8CCF0
#BDC7F0
#C1C3F0
#C6BEF0
#CBB9F0
#D1B3F0
Colorpallet from #B3F0D1 to #B3D1F0 and to #D1F0B3
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3EBD6
#B4ECD4
#B5EDD3
#B5EDD1
#B6EED0
#B7EFCE
#B8F0CC
#B3E6DB
#B5E8D8
#B6E9D5
#B8EBD1
#B9ECCE
#BBEECB
#BDF0C7
#B3E1E0
#B5E3DB
#B7E6D7
#BAE8D2
#BCEBCD
#BEEDC9
#C1F0C3
#B3DCE5
#B6DFDF
#B9E2D9
#BCE6D2
#BFE9CC
#C2ECC6
#C6F0BE
#B3D7EA
#B7DBE2
#BBDFDA
#BFE3D2
#C2E7CB
#C6EBC3
#CBF0B9
#B3D1F0
#B8D6E6
#BDDBDC
#C1E0D3
#C6E5C9
#CBEABF
#D1F0B3
Colorpallet from #B3F0D1 to #F0B3D1 and to #F0D1B3
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#BDE6D1
#BDE7D0
#BDE8CF
#BDE8CF
#BDE9CE
#BDEACD
#BDEBCC
#C7DCD1
#C7DECF
#C7DFCE
#C7E1CC
#C7E2CB
#C7E4C9
#C7E6C7
#D0D3D1
#D0D5CF
#D0D7CD
#D0DACA
#D0DCC8
#D0DEC6
#D0E1C3
#DAC9D1
#DACCCE
#DACFCB
#DAD2C8
#DAD5C5
#DAD8C2
#DADCBE
#E4BFD1
#E4C3CD
#E4C7C9
#E4CBC5
#E4CEC2
#E4D2BE
#E4D7B9
#F0B3D1
#F0B8CC
#F0BDC7
#F0C1C3
#F0C6BE
#F0CBB9
#F0D1B3
Colorpallet from #B3F0D1 to #F0B3D1 and to #D1B3F0
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#BDE6D1
#BCE6D2
#BBE6D3
#BBE6D3
#BAE6D4
#B9E6D5
#B8E6D6
#C7DCD1
#C5DCD3
#C4DCD4
#C2DCD6
#C1DCD7
#BFDCD9
#BDDCDB
#D0D3D1
#CED3D3
#CBD3D6
#C9D3D8
#C6D3DB
#C4D3DD
#C1D3E0
#DAC9D1
#D7C9D4
#D4C9D7
#D0C9DB
#CDC9DE
#CAC9E1
#C6C9E5
#E4BFD1
#E0BFD5
#DCBFD9
#D8BFDD
#D4BFE1
#D0BFE5
#CBBFEA
#F0B3D1
#EBB3D6
#E6B3DB
#E1B3E0
#DCB3E5
#D7B3EA
#D1B3F0
Colorpallet from #B3F0D1 to #F0B3D1 and to #D1F0B3
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#BDE6D1
#BCE8D0
#BBE9CF
#BBEBCF
#BAECCE
#B9EECD
#B8F0CC
#C7DCD1
#C5DFCF
#C4E2CE
#C2E6CC
#C1E9CB
#BFECC9
#BDF0C7
#D0D3D1
#CED8CF
#CBDCCD
#C9E1CA
#C6E6C8
#C4EAC6
#C1F0C3
#DAC9D1
#D7CFCE
#D4D5CB
#D0DCC8
#CDE2C5
#CAE8C2
#C6F0BE
#E4BFD1
#E0C7CD
#DCCFC9
#D8D7C5
#D4DEC2
#D0E6BE
#CBF0B9
#F0B3D1
#EBBDCC
#E6C7C7
#E1D0C3
#DCDABE
#D7E4B9
#D1F0B3
Colorpallet from #B3F0D1 to #F0D1B3 and to #D1B3F0
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#BDEBCC
#BCEACE
#BBE9CF
#BBE9D1
#BAE8D2
#B9E7D4
#B8E6D6
#C7E6C7
#C5E4CA
#C4E3CD
#C2E1D1
#C1E0D4
#BFDED7
#BDDCDB
#D0E1C3
#CEDFC8
#CBDDCC
#C9DAD1
#C6D8D6
#C4D6DA
#C1D3E0
#DADCBE
#D7D9C4
#D4D6CA
#D0D3D1
#CDD0D7
#CACDDD
#C6C9E5
#E4D7B9
#E0D3C1
#DCCFC9
#D8CBD1
#D4C8D8
#D0C4E0
#CBBFEA
#F0D1B3
#EBCCBD
#E6C7C7
#E1C3D0
#DCBEDA
#D7B9E4
#D1B3F0
Colorpallet from #B3F0D1 to #F0D1B3 and to #D1F0B3
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#BDEBCC
#BCECCC
#BBEDCC
#BBEDCC
#BAEECC
#B9EFCC
#B8F0CC
#C7E6C7
#C5E8C7
#C4E9C7
#C2EBC7
#C1ECC7
#BFEEC7
#BDF0C7
#D0E1C3
#CEE3C3
#CBE6C3
#C9E8C3
#C6EBC3
#C4EDC3
#C1F0C3
#DADCBE
#D7DFBE
#D4E2BE
#D0E6BE
#CDE9BE
#CAECBE
#C6F0BE
#E4D7B9
#E0DBB9
#DCDFB9
#D8E3B9
#D4E7B9
#D0EBB9
#CBF0B9
#F0D1B3
#EBD6B3
#E6DBB3
#E1E0B3
#DCE5B3
#D7EAB3
#D1F0B3
Colorpallet from #B3F0D1 to #D1B3F0 and to #D1F0B3
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B3F0D1
#B8E6D6
#B8E8D4
#B8E9D3
#B8EBD1
#B8ECD0
#B8EECE
#B8F0CC
#BDDCDB
#BDDFD8
#BDE2D5
#BDE6D1
#BDE9CE
#BDECCB
#BDF0C7
#C1D3E0
#C1D8DB
#C1DCD7
#C1E1D2
#C1E6CD
#C1EAC9
#C1F0C3
#C6C9E5
#C6CFDF
#C6D5D9
#C6DCD2
#C6E2CC
#C6E8C6
#C6F0BE
#CBBFEA
#CBC7E2
#CBCFDA
#CBD7D2
#CBDECB
#CBE6C3
#CBF0B9
#D1B3F0
#D1BDE6
#D1C7DC
#D1D0D3
#D1DAC9
#D1E4BF
#D1F0B3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
