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 #CAD8B0 to #CAB0D8 and to #D8CAB0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD2B6
#CAD3B5
#CBD3B4
#CBD4B3
#CBD5B2
#CCD5B1
#CCD6B0
#CACBBD
#CBCCBB
#CBCEB9
#CCCFB7
#CDD1B5
#CDD2B3
#CED4B0
#CAC5C3
#CBC7C0
#CCC9BD
#CDCBBA
#CECDB7
#D0CFB4
#D1D1B0
#CABECA
#CBC1C6
#CDC3C2
#CEC6BE
#D0C9B9
#D1CCB5
#D3CFB0
#CAB8D0
#CCBBCB
#CEBFC6
#CFC2C1
#D1C5BC
#D3C9B6
#D5CDB0
#CAB0D8
#CCB4D2
#CEB8CB
#D1BCC5
#D3C1BE
#D5C5B8
#D8CAB0
Colorpallet from #CAD8B0 to #CAB0D8 and to #D8B0CA
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD2B6
#CAD2B6
#CBD2B5
#CBD2B5
#CBD2B5
#CCD2B4
#CCD2B4
#CACBBD
#CBCBBC
#CBCBBB
#CCCBBB
#CDCBBA
#CDCBB9
#CECBB8
#CAC5C3
#CBC5C2
#CCC5C1
#CDC5C0
#CEC5BF
#D0C5BD
#D1C5BC
#CABECA
#CBBEC9
#CDBEC7
#CEBEC6
#D0BEC4
#D1BEC3
#D3BEC1
#CAB8D0
#CCB8CE
#CEB8CC
#CFB8CB
#D1B8C9
#D3B8C7
#D5B8C5
#CAB0D8
#CCB0D6
#CEB0D4
#D1B0D1
#D3B0CF
#D5B0CD
#D8B0CA
Colorpallet from #CAD8B0 to #CAB0D8 and to #B0CAD8
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD2B6
#C9D3B6
#C9D3B6
#C8D4B6
#C7D5B6
#C7D5B6
#C6D6B6
#CACBBD
#C9CCBD
#C7CEBD
#C6CFBD
#C5D1BD
#C4D2BD
#C2D4BD
#CAC5C3
#C8C7C3
#C6C9C3
#C4CBC3
#C2CDC3
#C0CFC3
#BED1C3
#CABECA
#C7C1CA
#C5C3CA
#C2C6CA
#BFC9CA
#BCCCCA
#B9CFCA
#CAB8D0
#C7BBD0
#C3BFD0
#C0C2D0
#BDC5D0
#B9C9D0
#B5CDD0
#CAB0D8
#C6B4D8
#C2B8D8
#BEBCD8
#B9C1D8
#B5C5D8
#B0CAD8
Colorpallet from #CAD8B0 to #CAB0D8 and to #B0D8CA
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD2B6
#C9D3B6
#C9D4B5
#C8D5B5
#C7D6B5
#C7D7B4
#C6D8B4
#CACBBD
#C9CDBC
#C7CFBB
#C6D1BB
#C5D3BA
#C4D5B9
#C2D8B8
#CAC5C3
#C8C8C2
#C6CBC1
#C4CEC0
#C2D1BF
#C0D4BD
#BED8BC
#CABECA
#C7C2C9
#C5C6C7
#C2CAC6
#BFCFC4
#BCD3C3
#B9D8C1
#CAB8D0
#C7BDCE
#C3C2CC
#C0C7CB
#BDCCC9
#B9D2C7
#B5D8C5
#CAB0D8
#C6B6D6
#C2BDD4
#BEC3D1
#B9CACF
#B5D0CD
#B0D8CA
Colorpallet from #CAD8B0 to #D8CAB0 and to #D8B0CA
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CCD6B0
#CCD5B1
#CCD5B1
#CCD4B2
#CCD3B3
#CCD3B3
#CCD2B4
#CED4B0
#CED3B1
#CED1B3
#CED0B4
#CECEB5
#CECDB6
#CECBB8
#D1D1B0
#D1CFB2
#D1CDB4
#D1CBB6
#D1C9B8
#D1C7BA
#D1C5BC
#D3CFB0
#D3CCB3
#D3CAB5
#D3C7B8
#D3C4BB
#D3C1BE
#D3BEC1
#D5CDB0
#D5CAB3
#D5C6B7
#D5C3BA
#D5C0BD
#D5BCC1
#D5B8C5
#D8CAB0
#D8C6B4
#D8C2B8
#D8BEBC
#D8B9C1
#D8B5C5
#D8B0CA
Colorpallet from #CAD8B0 to #D8CAB0 and to #B0CAD8
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CCD6B0
#CBD6B1
#CAD6B2
#C9D6B3
#C8D6B4
#C7D6B5
#C6D6B6
#CED4B0
#CCD4B2
#CAD4B4
#C8D4B6
#C6D4B8
#C4D4BA
#C2D4BD
#D1D1B0
#CED1B3
#CBD1B6
#C8D1B9
#C5D1BC
#C2D1BF
#BED1C3
#D3CFB0
#CFCFB4
#CBCFB8
#C7CFBC
#C2CFC1
#BECFC5
#B9CFCA
#D5CDB0
#D0CDB5
#CBCDBA
#C6CDBF
#C1CDC4
#BBCDCA
#B5CDD0
#D8CAB0
#D2CAB6
#CBCABD
#C5CAC3
#BECACA
#B8CAD0
#B0CAD8
Colorpallet from #CAD8B0 to #D8CAB0 and to #B0D8CA
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CCD6B0
#CBD6B1
#CAD7B1
#C9D7B2
#C8D7B3
#C7D8B3
#C6D8B4
#CED4B0
#CCD5B1
#CAD5B3
#C8D6B4
#C6D7B5
#C4D7B6
#C2D8B8
#D1D1B0
#CED2B2
#CBD3B4
#C8D4B6
#C5D5B8
#C2D7BA
#BED8BC
#D3CFB0
#CFD0B3
#CBD2B5
#C7D3B8
#C2D5BB
#BED6BE
#B9D8C1
#D5CDB0
#D0CFB3
#CBD1B7
#C6D2BA
#C1D4BD
#BBD6C1
#B5D8C5
#D8CAB0
#D2CCB4
#CBCEB8
#C5D1BC
#BED3C1
#B8D5C5
#B0D8CA
Colorpallet from #CAD8B0 to #D8B0CA and to #B0CAD8
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CCD2B4
#CBD3B4
#CAD3B5
#C9D4B5
#C8D5B5
#C7D5B6
#C6D6B6
#CECBB8
#CCCCB9
#CACEBA
#C8CFBA
#C6D1BB
#C4D2BC
#C2D4BD
#D1C5BC
#CEC7BD
#CBC9BE
#C8CBBF
#C5CDC0
#C2CFC2
#BED1C3
#D3BEC1
#CFC1C2
#CBC3C4
#C7C6C5
#C2C9C7
#BECCC8
#B9CFCA
#D5B8C5
#D0BBC7
#CBBFC9
#C6C2CA
#C1C5CC
#BBC9CE
#B5CDD0
#D8B0CA
#D2B4CC
#CBB8CE
#C5BCD1
#BEC1D3
#B8C5D5
#B0CAD8
Colorpallet from #CAD8B0 to #D8B0CA and to #B0D8CA
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CCD2B4
#CBD3B4
#CAD4B4
#C9D5B4
#C8D6B4
#C7D7B4
#C6D8B4
#CECBB8
#CCCDB8
#CACFB8
#C8D1B8
#C6D3B8
#C4D5B8
#C2D8B8
#D1C5BC
#CEC8BC
#CBCBBC
#C8CEBC
#C5D1BC
#C2D4BC
#BED8BC
#D3BEC1
#CFC2C1
#CBC6C1
#C7CAC1
#C2CFC1
#BED3C1
#B9D8C1
#D5B8C5
#D0BDC5
#CBC2C5
#C6C7C5
#C1CCC5
#BBD2C5
#B5D8C5
#D8B0CA
#D2B6CA
#CBBDCA
#C5C3CA
#BECACA
#B8D0CA
#B0D8CA
Colorpallet from #CAD8B0 to #B0CAD8 and to #B0D8CA
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#CAD8B0
#C6D6B6
#C6D6B6
#C6D7B5
#C6D7B5
#C6D7B5
#C6D8B4
#C6D8B4
#C2D4BD
#C2D5BC
#C2D5BB
#C2D6BB
#C2D7BA
#C2D7B9
#C2D8B8
#BED1C3
#BED2C2
#BED3C1
#BED4C0
#BED5BF
#BED7BD
#BED8BC
#B9CFCA
#B9D0C9
#B9D2C7
#B9D3C6
#B9D5C4
#B9D6C3
#B9D8C1
#B5CDD0
#B5CFCE
#B5D1CC
#B5D2CB
#B5D4C9
#B5D6C7
#B5D8C5
#B0CAD8
#B0CCD6
#B0CED4
#B0D1D1
#B0D3CF
#B0D5CD
#B0D8CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
