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 #B4D6DA to #B4DAD6 and to #D6B4DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D7D9
#B5D6D9
#B6D5D9
#B6D4D9
#B7D3DA
#B8D2DA
#B9D1DA
#B4D7D9
#B6D5D9
#B8D3D9
#B9D1D9
#BBCFDA
#BDCDDA
#BFCBDA
#B4D8D8
#B7D5D8
#B9D2D9
#BCCFD9
#BECCD9
#C1CADA
#C4C6DA
#B4D9D7
#B8D5D7
#BBD1D8
#BFCDD8
#C2C9D9
#C6C5D9
#CAC0DA
#B4D9D7
#B8D4D7
#BDCFD8
#C1CBD8
#C5C6D9
#CAC1D9
#CFBBDA
#B4DAD6
#B9D4D7
#BFCED7
#C4C8D8
#CAC2D9
#CFBCD9
#D6B4DA
Colorpallet from #B4D6DA to #B4DAD6 and to #D6DAB4
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D7D9
#B5D7D8
#B6D7D7
#B6D7D7
#B7D7D6
#B8D7D5
#B9D7D4
#B4D7D9
#B6D7D7
#B8D7D5
#B9D7D4
#BBD7D2
#BDD7D0
#BFD7CE
#B4D8D8
#B7D8D5
#B9D8D3
#BCD8D0
#BED8CE
#C1D8CB
#C4D8C8
#B4D9D7
#B8D9D4
#BBD9D0
#BFD9CD
#C2D9CA
#C6D9C6
#CAD9C2
#B4D9D7
#B8D9D3
#BDD9CE
#C1D9CA
#C5D9C6
#CAD9C1
#CFD9BC
#B4DAD6
#B9DAD1
#BFDACB
#C4DAC6
#CADAC0
#CFDABB
#D6DAB4
Colorpallet from #B4D6DA to #B4DAD6 and to #DAB4D6
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D7D9
#B5D6D9
#B6D5D9
#B7D4D9
#B8D3D9
#B9D2D9
#BAD1D9
#B4D7D9
#B6D5D9
#B8D3D9
#BAD1D9
#BCCFD9
#BECDD9
#C0CBD9
#B4D8D8
#B7D5D8
#BAD2D8
#BDCFD8
#C0CCD8
#C2CAD8
#C6C6D8
#B4D9D7
#B8D5D7
#BCD1D7
#C0CDD7
#C3C9D7
#C7C5D7
#CCC0D7
#B4D9D7
#B9D4D7
#BECFD7
#C2CBD7
#C7C6D7
#CCC1D7
#D2BBD7
#B4DAD6
#BAD4D6
#C0CED6
#C6C8D6
#CCC2D6
#D2BCD6
#DAB4D6
Colorpallet from #B4D6DA to #B4DAD6 and to #DAD6B4
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D7D9
#B5D7D8
#B6D7D7
#B7D7D7
#B8D6D6
#B9D6D5
#BAD6D4
#B4D7D9
#B6D7D7
#B8D7D5
#BAD7D4
#BCD6D2
#BED6D0
#C0D6CE
#B4D8D8
#B7D8D5
#BAD7D3
#BDD7D0
#C0D7CE
#C2D6CB
#C6D6C8
#B4D9D7
#B8D9D4
#BCD8D0
#C0D8CD
#C3D7CA
#C7D7C6
#CCD6C2
#B4D9D7
#B9D9D3
#BED8CE
#C2D8CA
#C7D7C6
#CCD7C1
#D2D6BC
#B4DAD6
#BAD9D1
#C0D9CB
#C6D8C6
#CCD7C0
#D2D7BB
#DAD6B4
Colorpallet from #B4D6DA to #D6B4DA and to #D6DAB4
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B9D1DA
#B9D2D9
#B9D3D8
#B9D4D7
#B9D5D6
#B9D6D5
#B9D7D4
#BFCBDA
#BFCDD8
#BFCFD6
#BFD1D4
#BFD3D2
#BFD5D0
#BFD7CE
#C4C6DA
#C4C9D7
#C4CCD4
#C4CFD1
#C4D2CE
#C4D4CC
#C4D8C8
#CAC0DA
#CAC4D6
#CAC8D2
#CACCCE
#CAD0CB
#CAD4C7
#CAD9C2
#CFBBDA
#CFC0D5
#CFC5D0
#CFC9CC
#CFCEC7
#CFD3C2
#CFD9BC
#D6B4DA
#D6BAD4
#D6C0CE
#D6C6C8
#D6CCC2
#D6D2BC
#D6DAB4
Colorpallet from #B4D6DA to #D6B4DA and to #DAB4D6
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B9D1DA
#B9D1DA
#B9D1DA
#B9D1DA
#BAD1D9
#BAD1D9
#BAD1D9
#BFCBDA
#BFCBDA
#BFCBDA
#BFCBDA
#C0CBD9
#C0CBD9
#C0CBD9
#C4C6DA
#C4C6DA
#C5C6D9
#C5C6D9
#C5C6D9
#C6C6D8
#C6C6D8
#CAC0DA
#CAC0DA
#CBC0D9
#CBC0D9
#CBC0D8
#CCC0D8
#CCC0D7
#CFBBDA
#CFBBDA
#D0BBD9
#D0BBD9
#D1BBD8
#D1BBD8
#D2BBD7
#D6B4DA
#D7B4D9
#D7B4D9
#D8B4D8
#D9B4D7
#D9B4D7
#DAB4D6
Colorpallet from #B4D6DA to #D6B4DA and to #DAD6B4
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B9D1DA
#B9D2D9
#B9D3D8
#B9D3D7
#BAD4D6
#BAD5D5
#BAD6D4
#BFCBDA
#BFCDD8
#BFCFD6
#BFD0D4
#C0D2D2
#C0D4D0
#C0D6CE
#C4C6DA
#C4C9D7
#C5CBD4
#C5CED1
#C5D0CE
#C6D3CC
#C6D6C8
#CAC0DA
#CAC4D6
#CBC7D2
#CBCBCE
#CBCECB
#CCD2C7
#CCD6C2
#CFBBDA
#CFBFD5
#D0C4D0
#D0C8CC
#D1CCC7
#D1D1C2
#D2D6BC
#D6B4DA
#D7B9D4
#D7BFCE
#D8C4C8
#D9CAC2
#D9CFBC
#DAD6B4
Colorpallet from #B4D6DA to #D6DAB4 and to #DAB4D6
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B9D7D4
#B9D6D5
#B9D5D6
#B9D4D6
#BAD3D7
#BAD2D8
#BAD1D9
#BFD7CE
#BFD5D0
#BFD3D2
#BFD1D3
#C0CFD5
#C0CDD7
#C0CBD9
#C4D8C8
#C4D5CB
#C5D2CD
#C5CFD0
#C5CCD2
#C6CAD5
#C6C6D8
#CAD9C2
#CAD5C5
#CBD1C9
#CBCDCC
#CBC9CF
#CCC5D3
#CCC0D7
#CFD9BC
#CFD4C0
#D0CFC5
#D0CBC9
#D1C6CD
#D1C1D2
#D2BBD7
#D6DAB4
#D7D4B9
#D7CEBF
#D8C8C4
#D9C2CA
#D9BCCF
#DAB4D6
Colorpallet from #B4D6DA to #D6DAB4 and to #DAD6B4
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B9D7D4
#B9D7D4
#B9D7D4
#B9D7D4
#BAD6D4
#BAD6D4
#BAD6D4
#BFD7CE
#BFD7CE
#BFD7CE
#BFD7CE
#C0D6CE
#C0D6CE
#C0D6CE
#C4D8C8
#C4D8C8
#C5D7C8
#C5D7C8
#C5D7C8
#C6D6C8
#C6D6C8
#CAD9C2
#CAD9C2
#CBD8C2
#CBD8C2
#CBD7C2
#CCD7C2
#CCD6C2
#CFD9BC
#CFD9BC
#D0D8BC
#D0D8BC
#D1D7BC
#D1D7BC
#D2D6BC
#D6DAB4
#D7D9B4
#D7D9B4
#D8D8B4
#D9D7B4
#D9D7B4
#DAD6B4
Colorpallet from #B4D6DA to #DAB4D6 and to #DAD6B4
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#B4D6DA
#BAD1D9
#BAD2D8
#BAD3D7
#BAD3D7
#BAD4D6
#BAD5D5
#BAD6D4
#C0CBD9
#C0CDD7
#C0CFD5
#C0D0D4
#C0D2D2
#C0D4D0
#C0D6CE
#C6C6D8
#C6C9D5
#C6CBD3
#C6CED0
#C6D0CE
#C6D3CB
#C6D6C8
#CCC0D7
#CCC4D4
#CCC7D0
#CCCBCD
#CCCECA
#CCD2C6
#CCD6C2
#D2BBD7
#D2BFD3
#D2C4CE
#D2C8CA
#D2CCC6
#D2D1C1
#D2D6BC
#DAB4D6
#DAB9D1
#DABFCB
#DAC4C6
#DACAC0
#DACFBB
#DAD6B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
