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 #CCADD6 to #CCD6AD and to #ADCCD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCB4CF
#CBB4D0
#CAB3D1
#CAB3D2
#C9B3D3
#C8B2D5
#C7B2D6
#CCBAC9
#CABACB
#C9B9CD
#C7B9CF
#C6B8D1
#C4B8D3
#C2B7D6
#CCC1C2
#CAC0C5
#C7BFC8
#C5BFCC
#C2BECF
#C0BDD2
#BDBCD6
#CCC7BC
#C9C6C0
#C6C5C4
#C2C4C8
#BFC3CD
#BCC2D1
#B8C1D6
#CCCEB5
#C8CDBA
#C4CBC0
#C0CAC5
#BCC9CA
#B8C8CF
#B3C6D6
#CCD6AD
#C7D4B4
#C2D3BA
#BDD1C1
#B8D0C7
#B3CECE
#ADCCD6
Colorpallet from #CCADD6 to #CCD6AD and to #ADD6CC
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCB4CF
#CBB4D0
#CAB4D1
#CAB4D1
#C9B4D2
#C8B4D3
#C7B4D4
#CCBAC9
#CABACB
#C9BACC
#C7BACE
#C6BACF
#C4BAD1
#C2BAD3
#CCC1C2
#CAC1C4
#C7C1C7
#C5C1C9
#C2C1CC
#C0C1CE
#BDC1D1
#CCC7BC
#C9C7BF
#C6C7C2
#C2C7C6
#BFC7C9
#BCC7CC
#B8C7D0
#CCCEB5
#C8CEB9
#C4CEBD
#C0CEC1
#BCCEC5
#B8CEC9
#B3CECE
#CCD6AD
#C7D6B2
#C2D6B7
#BDD6BC
#B8D6C1
#B3D6C6
#ADD6CC
Colorpallet from #CCADD6 to #CCD6AD and to #D6CCAD
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCB4CF
#CCB4CF
#CDB3CF
#CDB3CF
#CDB3CF
#CEB2CF
#CEB2CF
#CCBAC9
#CCBAC9
#CDB9C9
#CDB9C9
#CEB8C9
#CEB8C9
#CFB7C9
#CCC1C2
#CDC0C2
#CEBFC2
#CEBFC2
#CFBEC2
#D0BDC2
#D1BCC2
#CCC7BC
#CDC6BC
#CEC5BC
#CFC4BC
#D0C3BC
#D1C2BC
#D2C1BC
#CCCEB5
#CDCDB5
#CFCBB5
#D0CAB5
#D1C9B5
#D2C8B5
#D4C6B5
#CCD6AD
#CED4AD
#CFD3AD
#D1D1AD
#D2D0AD
#D4CEAD
#D6CCAD
Colorpallet from #CCADD6 to #CCD6AD and to #D6ADCC
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCB4CF
#CCB3D0
#CDB2D1
#CDB1D1
#CDB0D2
#CEAED3
#CEADD4
#CCBAC9
#CCB8CB
#CDB6CC
#CDB4CE
#CEB2CF
#CEB0D1
#CFADD3
#CCC1C2
#CDBEC4
#CEBBC7
#CEB7C9
#CFB4CC
#D0B1CE
#D1ADD1
#CCC7BC
#CDC3BF
#CEBFC2
#CFBBC6
#D0B6C9
#D1B2CC
#D2ADD0
#CCCEB5
#CDC9B9
#CFC3BD
#D0BEC1
#D1B9C5
#D2B4C9
#D4ADCE
#CCD6AD
#CECFB2
#CFC9B7
#D1C2BC
#D2BCC1
#D4B5C6
#D6ADCC
Colorpallet from #CCADD6 to #ADCCD6 and to #ADD6CC
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#C7B2D6
#C7B2D6
#C7B3D5
#C7B3D5
#C7B3D5
#C7B4D4
#C7B4D4
#C2B7D6
#C2B7D6
#C2B8D5
#C2B8D5
#C2B9D4
#C2B9D4
#C2BAD3
#BDBCD6
#BDBDD5
#BDBED4
#BDBED4
#BDBFD3
#BDC0D2
#BDC1D1
#B8C1D6
#B8C2D5
#B8C3D4
#B8C4D3
#B8C5D2
#B8C6D1
#B8C7D0
#B3C6D6
#B3C7D5
#B3C9D3
#B3CAD2
#B3CBD1
#B3CCD0
#B3CECE
#ADCCD6
#ADCED4
#ADCFD3
#ADD1D1
#ADD2D0
#ADD4CE
#ADD6CC
Colorpallet from #CCADD6 to #ADCCD6 and to #D6CCAD
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#C7B2D6
#C8B2D5
#C9B2D4
#CAB2D3
#CBB2D2
#CDB2D0
#CEB2CF
#C2B7D6
#C4B7D4
#C6B7D2
#C8B7D0
#CAB7CE
#CCB7CC
#CFB7C9
#BDBCD6
#C0BCD3
#C3BCD0
#C7BCCC
#CABCC9
#CDBCC6
#D1BCC2
#B8C1D6
#BCC1D2
#C0C1CE
#C4C1CA
#C9C1C5
#CDC1C1
#D2C1BC
#B3C6D6
#B8C6D1
#BEC6CB
#C3C6C6
#C8C6C1
#CDC6BC
#D4C6B5
#ADCCD6
#B4CCCF
#BACCC9
#C1CCC2
#C7CCBC
#CECCB5
#D6CCAD
Colorpallet from #CCADD6 to #ADCCD6 and to #D6ADCC
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#C7B2D6
#C8B1D6
#C9B0D5
#CAB0D5
#CBAFD5
#CDAED4
#CEADD4
#C2B7D6
#C4B5D6
#C6B4D5
#C8B2D5
#CAB1D4
#CCAFD4
#CFADD3
#BDBCD6
#C0BAD5
#C3B7D4
#C7B5D4
#CAB2D3
#CDB0D2
#D1ADD1
#B8C1D6
#BCBED5
#C0BBD4
#C4B7D3
#C9B4D2
#CDB1D1
#D2ADD0
#B3C6D6
#B8C2D5
#BEBED3
#C3BAD2
#C8B6D1
#CDB2D0
#D4ADCE
#ADCCD6
#B4C7D4
#BAC2D3
#C1BDD1
#C7B8D0
#CEB3CE
#D6ADCC
Colorpallet from #CCADD6 to #ADD6CC and to #D6CCAD
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#C7B4D4
#C8B4D3
#C9B3D2
#CAB3D2
#CBB3D1
#CDB2D0
#CEB2CF
#C2BAD3
#C4BAD1
#C6B9D0
#C8B9CE
#CAB8CD
#CCB8CB
#CFB7C9
#BDC1D1
#C0C0CF
#C3BFCC
#C7BFCA
#CABEC7
#CDBDC5
#D1BCC2
#B8C7D0
#BCC6CD
#C0C5CA
#C4C4C6
#C9C3C3
#CDC2C0
#D2C1BC
#B3CECE
#B8CDCA
#BECBC6
#C3CAC2
#C8C9BE
#CDC8BA
#D4C6B5
#ADD6CC
#B4D4C7
#BAD3C2
#C1D1BD
#C7D0B8
#CECEB3
#D6CCAD
Colorpallet from #CCADD6 to #ADD6CC and to #D6ADCC
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#C7B4D4
#C8B3D4
#C9B2D4
#CAB1D4
#CBB0D4
#CDAED4
#CEADD4
#C2BAD3
#C4B8D3
#C6B6D3
#C8B4D3
#CAB2D3
#CCB0D3
#CFADD3
#BDC1D1
#C0BED1
#C3BBD1
#C7B7D1
#CAB4D1
#CDB1D1
#D1ADD1
#B8C7D0
#BCC3D0
#C0BFD0
#C4BBD0
#C9B6D0
#CDB2D0
#D2ADD0
#B3CECE
#B8C9CE
#BEC3CE
#C3BECE
#C8B9CE
#CDB4CE
#D4ADCE
#ADD6CC
#B4CFCC
#BAC9CC
#C1C2CC
#C7BCCC
#CEB5CC
#D6ADCC
Colorpallet from #CCADD6 to #D6CCAD and to #D6ADCC
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CCADD6
#CEB2CF
#CEB1D0
#CEB0D1
#CEB0D1
#CEAFD2
#CEAED3
#CEADD4
#CFB7C9
#CFB5CB
#CFB4CC
#CFB2CE
#CFB1CF
#CFAFD1
#CFADD3
#D1BCC2
#D1BAC4
#D1B7C7
#D1B5C9
#D1B2CC
#D1B0CE
#D1ADD1
#D2C1BC
#D2BEBF
#D2BBC2
#D2B7C6
#D2B4C9
#D2B1CC
#D2ADD0
#D4C6B5
#D4C2B9
#D4BEBD
#D4BAC1
#D4B6C5
#D4B2C9
#D4ADCE
#D6CCAD
#D6C7B2
#D6C2B7
#D6BDBC
#D6B8C1
#D6B3C6
#D6ADCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts