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 #B1CDD4 to #B1D4CD and to #CDB1D4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CED3
#B2CDD3
#B2CCD3
#B3CCD3
#B4CBD4
#B4CAD4
#B5C9D4
#B1CFD2
#B2CDD2
#B4CBD3
#B5CAD3
#B7C8D3
#B8C6D4
#BAC4D4
#B1D0D1
#B3CDD1
#B5CBD2
#B7C8D2
#B9C6D3
#BBC3D3
#BEC0D4
#B1D1D0
#B4CDD1
#B7CAD1
#BAC6D2
#BDC3D3
#BFBFD3
#C3BBD4
#B1D3CE
#B5CFCF
#B8CAD0
#BCC6D1
#BFC1D2
#C3BDD3
#C7B7D4
#B1D4CD
#B5CECE
#BAC9CF
#BEC3D0
#C3BED1
#C7B8D3
#CDB1D4
Colorpallet from #B1CDD4 to #B1D4CD and to #CDD4B1
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CED3
#B2CED2
#B2CED1
#B3CED1
#B4CED0
#B4CECF
#B5CECE
#B1CFD2
#B2CFD1
#B4CFCF
#B5CFCE
#B7CFCC
#B8CFCB
#BACFC9
#B1D0D1
#B3D0CF
#B5D0CD
#B7D0CA
#B9D0C8
#BBD0C6
#BED0C3
#B1D1D0
#B4D1CD
#B7D1CA
#BAD1C7
#BDD1C4
#BFD1C2
#C3D1BE
#B1D3CE
#B5D3CA
#B8D3C7
#BCD3C3
#BFD3C0
#C3D3BC
#C7D3B8
#B1D4CD
#B5D4C9
#BAD4C4
#BED4C0
#C3D4BB
#C7D4B7
#CDD4B1
Colorpallet from #B1CDD4 to #B1D4CD and to #D4B1CD
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CED3
#B2CDD3
#B3CCD3
#B4CCD3
#B5CBD3
#B6CAD3
#B7C9D3
#B1CFD2
#B3CDD2
#B5CBD2
#B6CAD2
#B8C8D2
#BAC6D2
#BCC4D2
#B1D0D1
#B4CDD1
#B6CBD1
#B9C8D1
#BCC6D1
#BFC3D1
#C2C0D1
#B1D1D0
#B5CDD0
#B8CAD0
#BCC6D0
#BFC3D0
#C3BFD0
#C7BBD0
#B1D3CE
#B5CFCE
#BACACE
#BEC6CE
#C3C1CE
#C7BDCE
#CDB7CE
#B1D4CD
#B7CECD
#BCC9CD
#C2C3CD
#C7BECD
#CDB8CD
#D4B1CD
Colorpallet from #B1CDD4 to #B1D4CD and to #D4CDB1
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CED3
#B2CED2
#B3CED1
#B4CED1
#B5CDD0
#B6CDCF
#B7CDCE
#B1CFD2
#B3CFD1
#B5CECF
#B6CECE
#B8CECC
#BACDCB
#BCCDC9
#B1D0D1
#B4D0CF
#B6CFCD
#B9CFCA
#BCCEC8
#BFCEC6
#C2CDC3
#B1D1D0
#B5D0CD
#B8D0CA
#BCCFC7
#BFCEC4
#C3CEC2
#C7CDBE
#B1D3CE
#B5D2CA
#BAD1C7
#BED0C3
#C3CFC0
#C7CEBC
#CDCDB8
#B1D4CD
#B7D3C9
#BCD2C4
#C2D1C0
#C7D0BB
#CDCEB7
#D4CDB1
Colorpallet from #B1CDD4 to #CDB1D4 and to #CDD4B1
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B5C9D4
#B5CAD3
#B5CBD2
#B5CBD1
#B5CCD0
#B5CDCF
#B5CECE
#BAC4D4
#BAC6D2
#BAC8D0
#BAC9CF
#BACBCD
#BACDCB
#BACFC9
#BEC0D4
#BEC3D1
#BEC5CF
#BEC8CC
#BECAC9
#BECDC6
#BED0C3
#C3BBD4
#C3BFD0
#C3C2CD
#C3C6C9
#C3C9C6
#C3CDC2
#C3D1BE
#C7B7D4
#C7BBD0
#C7C0CB
#C7C4C7
#C7C9C2
#C7CDBE
#C7D3B8
#CDB1D4
#CDB7CE
#CDBCC9
#CDC2C3
#CDC7BE
#CDCDB8
#CDD4B1
Colorpallet from #B1CDD4 to #CDB1D4 and to #D4B1CD
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B5C9D4
#B5C9D4
#B6C9D4
#B6C9D4
#B6C9D3
#B7C9D3
#B7C9D3
#BAC4D4
#BAC4D4
#BBC4D3
#BBC4D3
#BBC4D3
#BCC4D2
#BCC4D2
#BEC0D4
#BFC0D4
#BFC0D3
#C0C0D3
#C1C0D2
#C1C0D2
#C2C0D1
#C3BBD4
#C4BBD3
#C4BBD3
#C5BBD2
#C6BBD1
#C6BBD1
#C7BBD0
#C7B7D4
#C8B7D3
#C9B7D2
#CAB7D1
#CBB7D0
#CCB7CF
#CDB7CE
#CDB1D4
#CEB1D3
#CFB1D2
#D0B1D1
#D1B1D0
#D3B1CE
#D4B1CD
Colorpallet from #B1CDD4 to #CDB1D4 and to #D4CDB1
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B5C9D4
#B5CAD3
#B6CAD2
#B6CBD1
#B6CCD0
#B7CCCF
#B7CDCE
#BAC4D4
#BAC5D2
#BBC7D0
#BBC8CF
#BBCACD
#BCCBCB
#BCCDC9
#BEC0D4
#BFC2D1
#BFC4CF
#C0C6CC
#C1C8C9
#C1CAC6
#C2CDC3
#C3BBD4
#C4BED0
#C4C1CD
#C5C4C9
#C6C7C6
#C6C9C2
#C7CDBE
#C7B7D4
#C8BBD0
#C9BECB
#CAC2C7
#CBC5C2
#CCC9BE
#CDCDB8
#CDB1D4
#CEB5CE
#CFBAC9
#D0BEC3
#D1C3BE
#D3C7B8
#D4CDB1
Colorpallet from #B1CDD4 to #CDD4B1 and to #D4B1CD
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B5CECE
#B5CDCF
#B6CCD0
#B6CCD0
#B6CBD1
#B7CAD2
#B7C9D3
#BACFC9
#BACDCA
#BBCBCC
#BBCACD
#BBC8CF
#BCC6D0
#BCC4D2
#BED0C3
#BFCDC5
#BFCBC7
#C0C8CA
#C1C6CC
#C1C3CE
#C2C0D1
#C3D1BE
#C4CDC1
#C4CAC4
#C5C6C7
#C6C3CA
#C6BFCC
#C7BBD0
#C7D3B8
#C8CFBC
#C9CABF
#CAC6C3
#CBC1C6
#CCBDCA
#CDB7CE
#CDD4B1
#CECEB5
#CFC9BA
#D0C3BE
#D1BEC3
#D3B8C7
#D4B1CD
Colorpallet from #B1CDD4 to #CDD4B1 and to #D4CDB1
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B5CECE
#B5CECE
#B6CECE
#B6CECE
#B6CDCE
#B7CDCE
#B7CDCE
#BACFC9
#BACFC9
#BBCEC9
#BBCEC9
#BBCEC9
#BCCDC9
#BCCDC9
#BED0C3
#BFD0C3
#BFCFC3
#C0CFC3
#C1CEC3
#C1CEC3
#C2CDC3
#C3D1BE
#C4D0BE
#C4D0BE
#C5CFBE
#C6CEBE
#C6CEBE
#C7CDBE
#C7D3B8
#C8D2B8
#C9D1B8
#CAD0B8
#CBCFB8
#CCCEB8
#CDCDB8
#CDD4B1
#CED3B1
#CFD2B1
#D0D1B1
#D1D0B1
#D3CEB1
#D4CDB1
Colorpallet from #B1CDD4 to #D4B1CD and to #D4CDB1
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B1CDD4
#B7C9D3
#B7CAD2
#B7CAD1
#B7CBD1
#B7CCD0
#B7CCCF
#B7CDCE
#BCC4D2
#BCC5D1
#BCC7CF
#BCC8CE
#BCCACC
#BCCBCB
#BCCDC9
#C2C0D1
#C2C2CF
#C2C4CD
#C2C6CA
#C2C8C8
#C2CAC6
#C2CDC3
#C7BBD0
#C7BECD
#C7C1CA
#C7C4C7
#C7C7C4
#C7C9C2
#C7CDBE
#CDB7CE
#CDBBCA
#CDBEC7
#CDC2C3
#CDC5C0
#CDC9BC
#CDCDB8
#D4B1CD
#D4B5C9
#D4BAC4
#D4BEC0
#D4C3BB
#D4C7B7
#D4CDB1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts