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 #B2CAF7 to #B2F7CA and to #CAB2F7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2D1F0
#B3CFF1
#B3CDF2
#B4CCF3
#B5CAF4
#B5C8F6
#B6C6F7
#B2D8E9
#B3D4EB
#B5D1ED
#B6CDF0
#B7CAF2
#B8C6F4
#BAC2F7
#B2E0E1
#B4DBE5
#B6D5E8
#B8D0EC
#BACAEF
#BCC5F3
#BEBEF7
#B2E7DA
#B4E0DF
#B7D9E3
#B9D2E8
#BCCBED
#BEC4F1
#C1BBF7
#B2EED3
#B5E5D9
#B8DCDF
#BBD4E4
#BECBEA
#C1C2F0
#C5B7F7
#B2F7CA
#B6ECD1
#BAE1D8
#BED6E0
#C1CBE7
#C5C0EE
#CAB2F7
Colorpallet from #B2CAF7 to #B2F7CA and to #CAF7B2
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2D1F0
#B3D1EF
#B3D1EF
#B4D1EE
#B5D1ED
#B5D1ED
#B6D1EC
#B2D8E9
#B3D8E8
#B5D8E6
#B6D8E5
#B7D8E4
#B8D8E3
#BAD8E1
#B2E0E1
#B4E0DF
#B6E0DD
#B8E0DC
#BAE0DA
#BCE0D8
#BEE0D6
#B2E7DA
#B4E7D8
#B7E7D5
#B9E7D3
#BCE7D0
#BEE7CE
#C1E7CB
#B2EED3
#B5EED0
#B8EECD
#BBEECA
#BEEEC7
#C1EEC4
#C5EEC0
#B2F7CA
#B6F7C6
#BAF7C2
#BEF7BE
#C1F7BB
#C5F7B7
#CAF7B2
Colorpallet from #B2CAF7 to #B2F7CA and to #F7B2CA
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2D1F0
#B4CFF0
#B6CDF0
#B7CCF0
#B9CAF0
#BBC8F0
#BDC6F0
#B2D8E9
#B6D4E9
#B9D1E9
#BDCDE9
#C0CAE9
#C4C6E9
#C8C2E9
#B2E0E1
#B7DBE1
#BDD5E1
#C2D0E1
#C7CAE1
#CCC5E1
#D3BEE1
#B2E7DA
#B9E0DA
#C0D9DA
#C7D2DA
#CECBDA
#D5C4DA
#DEBBDA
#B2EED3
#BBE5D3
#C4DCD3
#CCD4D3
#D5CBD3
#DEC2D3
#E9B7D3
#B2F7CA
#BDECCA
#C8E1CA
#D3D6CA
#DECBCA
#E9C0CA
#F7B2CA
Colorpallet from #B2CAF7 to #B2F7CA and to #F7CAB2
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2D1F0
#B4D0EF
#B6CFEF
#B7CEEE
#B9CDED
#BBCBED
#BDCAEC
#B2D8E9
#B6D6E8
#B9D4E6
#BDD1E5
#C0CFE4
#C4CDE3
#C8CAE1
#B2E0E1
#B7DCDF
#BDD9DD
#C2D5DC
#C7D2DA
#CCCED8
#D3CAD6
#B2E7DA
#B9E2D8
#C0DED5
#C7D9D3
#CED4D0
#D5D0CE
#DECACB
#B2EED3
#BBE8D0
#C4E2CD
#CCDDCA
#D5D7C7
#DED1C4
#E9CAC0
#B2F7CA
#BDF0C6
#C8E9C2
#D3E1BE
#DEDABB
#E9D3B7
#F7CAB2
Colorpallet from #B2CAF7 to #CAB2F7 and to #CAF7B2
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B6C6F7
#B6C8F5
#B6CAF3
#B6CBF2
#B6CDF0
#B6CFEE
#B6D1EC
#BAC2F7
#BAC6F3
#BAC9F0
#BACDEC
#BAD0E9
#BAD4E5
#BAD8E1
#BEBEF7
#BEC3F2
#BEC9EC
#BECEE7
#BED4E2
#BED9DD
#BEE0D6
#C1BBF7
#C1C2F0
#C1C9E9
#C1D0E2
#C1D7DB
#C1DED4
#C1E7CB
#C5B7F7
#C5C0EE
#C5C9E5
#C5D1DD
#C5DAD4
#C5E3CB
#C5EEC0
#CAB2F7
#CABDEC
#CAC8E1
#CAD3D6
#CADECB
#CAE9C0
#CAF7B2
Colorpallet from #B2CAF7 to #CAB2F7 and to #F7B2CA
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B6C6F7
#B7C6F6
#B8C6F5
#B9C6F4
#BAC6F3
#BCC6F1
#BDC6F0
#BAC2F7
#BCC2F5
#BEC2F3
#C1C2F0
#C3C2EE
#C5C2EC
#C8C2E9
#BEBEF7
#C1BEF3
#C5BEF0
#C8BEEC
#CBBEE9
#CFBEE5
#D3BEE1
#C1BBF7
#C6BBF2
#CABBEE
#CFBBE9
#D4BBE4
#D8BBE0
#DEBBDA
#C5B7F7
#CBB7F1
#D1B7EB
#D6B7E6
#DCB7E0
#E2B7DA
#E9B7D3
#CAB2F7
#D1B2F0
#D8B2E9
#E0B2E1
#E7B2DA
#EEB2D3
#F7B2CA
Colorpallet from #B2CAF7 to #CAB2F7 and to #F7CAB2
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B6C6F7
#B7C7F5
#B8C7F3
#B9C8F2
#BAC9F0
#BCC9EE
#BDCAEC
#BAC2F7
#BCC3F3
#BEC5F0
#C1C6EC
#C3C7E9
#C5C8E5
#C8CAE1
#BEBEF7
#C1C0F2
#C5C2EC
#C8C4E7
#CBC6E2
#CFC8DD
#D3CAD6
#C1BBF7
#C6BDF0
#CAC0E9
#CFC2E2
#D4C5DB
#D8C7D4
#DECACB
#C5B7F7
#CBBAEE
#D1BDE5
#D6C0DD
#DCC3D4
#E2C6CB
#E9CAC0
#CAB2F7
#D1B6EC
#D8BAE1
#E0BED6
#E7C1CB
#EEC5C0
#F7CAB2
Colorpallet from #B2CAF7 to #CAF7B2 and to #F7B2CA
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B6D1EC
#B7CFED
#B8CDED
#B9CCEE
#BACAEF
#BCC8EF
#BDC6F0
#BAD8E1
#BCD4E2
#BED1E4
#C1CDE5
#C3CAE6
#C5C6E7
#C8C2E9
#BEE0D6
#C1DBD8
#C5D5DA
#C8D0DB
#CBCADD
#CFC5DF
#D3BEE1
#C1E7CB
#C6E0CD
#CAD9D0
#CFD2D2
#D4CBD5
#D8C4D7
#DEBBDA
#C5EEC0
#CBE5C3
#D1DCC6
#D6D4C9
#DCCBCC
#E2C2CF
#E9B7D3
#CAF7B2
#D1ECB6
#D8E1BA
#E0D6BE
#E7CBC1
#EEC0C5
#F7B2CA
Colorpallet from #B2CAF7 to #CAF7B2 and to #F7CAB2
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B6D1EC
#B7D0EC
#B8CFEC
#B9CEEC
#BACDEC
#BCCBEC
#BDCAEC
#BAD8E1
#BCD6E1
#BED4E1
#C1D1E1
#C3CFE1
#C5CDE1
#C8CAE1
#BEE0D6
#C1DCD6
#C5D9D6
#C8D5D6
#CBD2D6
#CFCED6
#D3CAD6
#C1E7CB
#C6E2CB
#CADECB
#CFD9CB
#D4D4CB
#D8D0CB
#DECACB
#C5EEC0
#CBE8C0
#D1E2C0
#D6DDC0
#DCD7C0
#E2D1C0
#E9CAC0
#CAF7B2
#D1F0B2
#D8E9B2
#E0E1B2
#E7DAB2
#EED3B2
#F7CAB2
Colorpallet from #B2CAF7 to #F7B2CA and to #F7CAB2
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#B2CAF7
#BDC6F0
#BDC7EF
#BDC7EF
#BDC8EE
#BDC9ED
#BDC9ED
#BDCAEC
#C8C2E9
#C8C3E8
#C8C5E6
#C8C6E5
#C8C7E4
#C8C8E3
#C8CAE1
#D3BEE1
#D3C0DF
#D3C2DD
#D3C4DC
#D3C6DA
#D3C8D8
#D3CAD6
#DEBBDA
#DEBDD8
#DEC0D5
#DEC2D3
#DEC5D0
#DEC7CE
#DECACB
#E9B7D3
#E9BAD0
#E9BDCD
#E9C0CA
#E9C3C7
#E9C6C4
#E9CAC0
#F7B2CA
#F7B6C6
#F7BAC2
#F7BEBE
#F7C1BB
#F7C5B7
#F7CAB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
