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 #B2C4D8 to #B2D8C4 and to #C4B2D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C7D5
#B2C6D5
#B3C5D6
#B3C4D6
#B4C3D7
#B4C2D7
#B5C1D8
#B2CAD2
#B3C8D3
#B4C6D4
#B5C4D5
#B6C2D6
#B7C0D7
#B8BED8
#B2CECE
#B3CBD0
#B5C8D1
#B6C5D3
#B8C2D4
#B9BFD6
#BBBBD8
#B2D1CB
#B4CDCD
#B6C9CF
#B8C5D1
#BAC1D3
#BCBDD5
#BEB8D8
#B2D4C8
#B4CFCB
#B6CACD
#B9C6D0
#BBC1D2
#BDBCD5
#C0B6D8
#B2D8C4
#B5D2C7
#B8CCCA
#BBC6CE
#BEC0D1
#C0BAD4
#C4B2D8
Colorpallet from #B2C4D8 to #B2D8C4 and to #C4D8B2
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C7D5
#B2C7D5
#B3C7D4
#B3C7D4
#B4C7D3
#B4C7D3
#B5C7D2
#B2CAD2
#B3CAD1
#B4CAD0
#B5CACF
#B6CACE
#B7CACD
#B8CACC
#B2CECE
#B3CECD
#B5CECB
#B6CECA
#B8CEC9
#B9CEC8
#BBCEC6
#B2D1CB
#B4D1C9
#B6D1C7
#B8D1C6
#BAD1C4
#BCD1C2
#BED1C0
#B2D4C8
#B4D4C6
#B6D4C4
#B9D4C1
#BBD4BF
#BDD4BD
#C0D4BA
#B2D8C4
#B5D8C1
#B8D8BE
#BBD8BB
#BED8B8
#C0D8B6
#C4D8B2
Colorpallet from #B2C4D8 to #B2D8C4 and to #D8B2C4
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C7D5
#B3C6D5
#B4C5D5
#B5C4D5
#B6C3D5
#B7C2D5
#B8C1D5
#B2CAD2
#B4C8D2
#B6C6D2
#B8C4D2
#BAC2D2
#BCC0D2
#BEBED2
#B2CECE
#B5CBCE
#B8C8CE
#BBC5CE
#BEC2CE
#C0BFCE
#C4BBCE
#B2D1CB
#B6CDCB
#BAC9CB
#BEC5CB
#C1C1CB
#C5BDCB
#CAB8CB
#B2D4C8
#B7CFC8
#BCCAC8
#C0C6C8
#C5C1C8
#CABCC8
#D0B6C8
#B2D8C4
#B8D2C4
#BECCC4
#C4C6C4
#CAC0C4
#D0BAC4
#D8B2C4
Colorpallet from #B2C4D8 to #B2D8C4 and to #D8C4B2
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C7D5
#B3C7D5
#B4C6D4
#B5C6D4
#B6C5D3
#B7C5D3
#B8C4D2
#B2CAD2
#B4C9D1
#B6C8D0
#B8C7CF
#BAC6CE
#BCC5CD
#BEC4CC
#B2CECE
#B5CCCD
#B8CBCB
#BBC9CA
#BEC8C9
#C0C6C8
#C4C4C6
#B2D1CB
#B6CFC9
#BACDC7
#BECBC6
#C1C9C4
#C5C7C2
#CAC4C0
#B2D4C8
#B7D1C6
#BCCFC4
#C0CCC1
#C5CABF
#CAC7BD
#D0C4BA
#B2D8C4
#B8D5C1
#BED2BE
#C4CEBB
#CACBB8
#D0C8B6
#D8C4B2
Colorpallet from #B2C4D8 to #C4B2D8 and to #C4D8B2
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B5C1D8
#B5C2D7
#B5C3D6
#B5C4D5
#B5C5D4
#B5C6D3
#B5C7D2
#B8BED8
#B8C0D6
#B8C2D4
#B8C4D2
#B8C6D0
#B8C8CE
#B8CACC
#BBBBD8
#BBBED5
#BBC1D2
#BBC4CF
#BBC7CC
#BBCACA
#BBCEC6
#BEB8D8
#BEBCD4
#BEC0D0
#BEC4CC
#BEC8C9
#BECCC5
#BED1C0
#C0B6D8
#C0BBD3
#C0C0CE
#C0C4CA
#C0C9C5
#C0CEC0
#C0D4BA
#C4B2D8
#C4B8D2
#C4BECC
#C4C4C6
#C4CAC0
#C4D0BA
#C4D8B2
Colorpallet from #B2C4D8 to #C4B2D8 and to #D8B2C4
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B5C1D8
#B5C1D8
#B6C1D7
#B6C1D7
#B7C1D6
#B7C1D6
#B8C1D5
#B8BED8
#B9BED7
#BABED6
#BBBED5
#BCBED4
#BDBED3
#BEBED2
#BBBBD8
#BCBBD6
#BEBBD5
#BFBBD3
#C1BBD2
#C2BBD0
#C4BBCE
#BEB8D8
#C0B8D6
#C2B8D4
#C4B8D2
#C6B8D0
#C8B8CE
#CAB8CB
#C0B6D8
#C3B6D5
#C5B6D3
#C8B6D0
#CAB6CE
#CDB6CB
#D0B6C8
#C4B2D8
#C7B2D5
#CAB2D2
#CEB2CE
#D1B2CB
#D4B2C8
#D8B2C4
Colorpallet from #B2C4D8 to #C4B2D8 and to #D8C4B2
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B5C1D8
#B5C1D7
#B6C2D6
#B6C2D5
#B7C3D4
#B7C3D3
#B8C4D2
#B8BED8
#B9BFD6
#BAC0D4
#BBC1D2
#BCC2D0
#BDC3CE
#BEC4CC
#BBBBD8
#BCBCD5
#BEBED2
#BFBFCF
#C1C1CC
#C2C2CA
#C4C4C6
#BEB8D8
#C0BAD4
#C2BCD0
#C4BECC
#C6C0C9
#C8C2C5
#CAC4C0
#C0B6D8
#C3B8D3
#C5BACE
#C8BDCA
#CABFC5
#CDC1C0
#D0C4BA
#C4B2D8
#C7B5D2
#CAB8CC
#CEBBC6
#D1BEC0
#D4C0BA
#D8C4B2
Colorpallet from #B2C4D8 to #C4D8B2 and to #D8B2C4
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B5C7D2
#B5C6D2
#B6C5D3
#B6C4D3
#B7C3D4
#B7C2D4
#B8C1D5
#B8CACC
#B9C8CD
#BAC6CE
#BBC4CF
#BCC2D0
#BDC0D1
#BEBED2
#BBCEC6
#BCCBC7
#BEC8C9
#BFC5CA
#C1C2CB
#C2BFCC
#C4BBCE
#BED1C0
#C0CDC2
#C2C9C4
#C4C5C5
#C6C1C7
#C8BDC9
#CAB8CB
#C0D4BA
#C3CFBC
#C5CABE
#C8C6C1
#CAC1C3
#CDBCC5
#D0B6C8
#C4D8B2
#C7D2B5
#CACCB8
#CEC6BB
#D1C0BE
#D4BAC0
#D8B2C4
Colorpallet from #B2C4D8 to #C4D8B2 and to #D8C4B2
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B5C7D2
#B5C7D2
#B6C6D2
#B6C6D2
#B7C5D2
#B7C5D2
#B8C4D2
#B8CACC
#B9C9CC
#BAC8CC
#BBC7CC
#BCC6CC
#BDC5CC
#BEC4CC
#BBCEC6
#BCCCC6
#BECBC6
#BFC9C6
#C1C8C6
#C2C6C6
#C4C4C6
#BED1C0
#C0CFC0
#C2CDC0
#C4CBC0
#C6C9C0
#C8C7C0
#CAC4C0
#C0D4BA
#C3D1BA
#C5CFBA
#C8CCBA
#CACABA
#CDC7BA
#D0C4BA
#C4D8B2
#C7D5B2
#CAD2B2
#CECEB2
#D1CBB2
#D4C8B2
#D8C4B2
Colorpallet from #B2C4D8 to #D8B2C4 and to #D8C4B2
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B2C4D8
#B8C1D5
#B8C1D5
#B8C2D4
#B8C2D4
#B8C3D3
#B8C3D3
#B8C4D2
#BEBED2
#BEBFD1
#BEC0D0
#BEC1CF
#BEC2CE
#BEC3CD
#BEC4CC
#C4BBCE
#C4BCCD
#C4BECB
#C4BFCA
#C4C1C9
#C4C2C8
#C4C4C6
#CAB8CB
#CABAC9
#CABCC7
#CABEC6
#CAC0C4
#CAC2C2
#CAC4C0
#D0B6C8
#D0B8C6
#D0BAC4
#D0BDC1
#D0BFBF
#D0C1BD
#D0C4BA
#D8B2C4
#D8B5C1
#D8B8BE
#D8BBBB
#D8BEB8
#D8C0B6
#D8C4B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
