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 #ADE0B2 to #ADB2E0 and to #E0ADB2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADD9B9
#AED9B8
#B0D9B7
#B1D9B6
#B2D8B5
#B3D8B3
#B5D8B2
#ADD1C1
#B0D1BF
#B2D1BC
#B5D1BA
#B7D0B7
#BAD0B5
#BDD0B2
#ADCAC8
#B1CAC4
#B5C9C1
#B9C9BD
#BCC9BA
#C0C8B6
#C5C8B2
#ADC3CF
#B2C2CA
#B8C2C6
#BDC1C1
#C2C0BC
#C7C0B8
#CEBFB2
#ADBBD7
#B4BAD1
#BABACB
#C1B9C5
#C7B8BF
#CEB8B9
#D6B7B2
#ADB2E0
#B5B1D9
#BDB0D1
#C5B0CA
#CEAFC3
#D6AEBB
#E0ADB2
Colorpallet from #ADE0B2 to #ADB2E0 and to #E0B2AD
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADD9B9
#AED9B8
#B0D9B6
#B1D9B5
#B2D9B4
#B3D9B3
#B5D9B1
#ADD1C1
#B0D1BE
#B2D1BC
#B5D1B9
#B7D1B6
#BAD1B3
#BDD1B0
#ADCAC8
#B1CAC4
#B5CAC0
#B9CABC
#BCCAB9
#C0CAB5
#C5CAB0
#ADC3CF
#B2C3CA
#B8C3C5
#BDC3C0
#C2C3BB
#C7C3B5
#CEC3AF
#ADBBD7
#B4BBD0
#BABBCA
#C1BBC3
#C7BBBD
#CEBBB6
#D6BBAE
#ADB2E0
#B5B2D8
#BDB2D0
#C5B2C8
#CEB2BF
#D6B2B7
#E0B2AD
Colorpallet from #ADE0B2 to #ADB2E0 and to #B2ADE0
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADD9B9
#ADD9B9
#ADD9B9
#ADD9B9
#AED8B9
#AED8B9
#AED8B9
#ADD1C1
#ADD1C1
#AED1C1
#AED1C1
#AED0C1
#AFD0C1
#AFD0C1
#ADCAC8
#ADCAC8
#AEC9C8
#AEC9C8
#AEC9C8
#AFC8C8
#AFC8C8
#ADC3CF
#ADC2CF
#AEC2CF
#AEC1CF
#AFC0CF
#AFC0CF
#B0BFCF
#ADBBD7
#AEBAD7
#AEBAD7
#AFB9D7
#B0B8D7
#B0B8D7
#B1B7D7
#ADB2E0
#AEB1E0
#AFB0E0
#AFB0E0
#B0AFE0
#B1AEE0
#B2ADE0
Colorpallet from #ADE0B2 to #ADB2E0 and to #B2E0AD
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADD9B9
#ADDAB8
#ADDBB6
#ADDCB5
#AEDDB4
#AEDFB3
#AEE0B1
#ADD1C1
#ADD3BE
#AED6BC
#AED8B9
#AEDBB6
#AFDDB3
#AFE0B0
#ADCAC8
#ADCEC4
#AED1C0
#AED5BC
#AED8B9
#AFDCB5
#AFE0B0
#ADC3CF
#ADC8CA
#AECCC5
#AED1C0
#AFD6BB
#AFDAB5
#B0E0AF
#ADBBD7
#AEC1D0
#AEC7CA
#AFCDC3
#B0D3BD
#B0D9B6
#B1E0AE
#ADB2E0
#AEB9D8
#AFC1D0
#AFC8C8
#B0CFBF
#B1D7B7
#B2E0AD
Colorpallet from #ADE0B2 to #E0ADB2 and to #E0B2AD
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#B5D8B2
#B5D8B2
#B5D8B2
#B5D8B2
#B5D9B1
#B5D9B1
#B5D9B1
#BDD0B2
#BDD0B2
#BDD0B1
#BDD0B1
#BDD1B1
#BDD1B0
#BDD1B0
#C5C8B2
#C5C8B2
#C5C9B1
#C5C9B1
#C5C9B1
#C5CAB0
#C5CAB0
#CEBFB2
#CEC0B2
#CEC0B1
#CEC1B1
#CEC2B0
#CEC2B0
#CEC3AF
#D6B7B2
#D6B8B1
#D6B8B1
#D6B9B0
#D6BAAF
#D6BAAF
#D6BBAE
#E0ADB2
#E0AEB1
#E0AFB0
#E0AFB0
#E0B0AF
#E0B1AE
#E0B2AD
Colorpallet from #ADE0B2 to #E0ADB2 and to #B2ADE0
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#B5D8B2
#B4D8B3
#B3D8B4
#B2D8B5
#B1D8B6
#AFD8B8
#AED8B9
#BDD0B2
#BBD0B4
#B9D0B7
#B6D0B9
#B4D0BC
#B2D0BE
#AFD0C1
#C5C8B2
#C1C8B6
#BEC8B9
#BAC8BD
#B7C8C0
#B3C8C4
#AFC8C8
#CEBFB2
#C9BFB7
#C4BFBB
#C0BFC0
#BBBFC5
#B6BFC9
#B0BFCF
#D6B7B2
#D0B7B8
#CAB7BE
#C4B7C4
#BEB7CA
#B8B7D0
#B1B7D7
#E0ADB2
#D9ADB9
#D1ADC1
#CAADC8
#C3ADCF
#BBADD7
#B2ADE0
Colorpallet from #ADE0B2 to #E0ADB2 and to #B2E0AD
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#B5D8B2
#B4D9B2
#B3DBB2
#B2DCB2
#B1DDB1
#AFDEB1
#AEE0B1
#BDD0B2
#BBD3B2
#B9D5B1
#B6D8B1
#B4DAB1
#B2DDB0
#AFE0B0
#C5C8B2
#C1CCB2
#BED0B1
#BAD4B1
#B7D7B1
#B3DBB0
#AFE0B0
#CEBFB2
#C9C4B2
#C4CAB1
#C0CFB1
#BBD4B0
#B6D9B0
#B0E0AF
#D6B7B2
#D0BEB1
#CAC4B1
#C4CBB0
#BED1AF
#B8D8AF
#B1E0AE
#E0ADB2
#D9B5B1
#D1BDB0
#CAC5B0
#C3CEAF
#BBD6AE
#B2E0AD
Colorpallet from #ADE0B2 to #E0B2AD and to #B2ADE0
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#B5D9B1
#B4D9B2
#B3D9B4
#B2D9B5
#B1D8B6
#AFD8B7
#AED8B9
#BDD1B0
#BBD1B3
#B9D1B5
#B6D1B8
#B4D0BB
#B2D0BE
#AFD0C1
#C5CAB0
#C1CAB4
#BEC9B8
#BAC9BC
#B7C9BF
#B3C8C3
#AFC8C8
#CEC3AF
#C9C2B4
#C4C2B9
#C0C1BE
#BBC0C3
#B6C0C9
#B0BFCF
#D6BBAE
#D0BAB5
#CABABB
#C4B9C2
#BEB8C8
#B8B8CF
#B1B7D7
#E0B2AD
#D9B1B5
#D1B0BD
#CAB0C5
#C3AFCE
#BBAED6
#B2ADE0
Colorpallet from #ADE0B2 to #E0B2AD and to #B2E0AD
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#B5D9B1
#B4DAB1
#B3DBB1
#B2DCB1
#B1DDB1
#AFDFB1
#AEE0B1
#BDD1B0
#BBD3B0
#B9D6B0
#B6D8B0
#B4DBB0
#B2DDB0
#AFE0B0
#C5CAB0
#C1CEB0
#BED1B0
#BAD5B0
#B7D8B0
#B3DCB0
#AFE0B0
#CEC3AF
#C9C8AF
#C4CCAF
#C0D1AF
#BBD6AF
#B6DAAF
#B0E0AF
#D6BBAE
#D0C1AE
#CAC7AE
#C4CDAE
#BED3AE
#B8D9AE
#B1E0AE
#E0B2AD
#D9B9AD
#D1C1AD
#CAC8AD
#C3CFAD
#BBD7AD
#B2E0AD
Colorpallet from #ADE0B2 to #B2ADE0 and to #B2E0AD
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#ADE0B2
#AED8B9
#AED9B8
#AEDBB6
#AEDCB5
#AEDDB4
#AEDEB3
#AEE0B1
#AFD0C1
#AFD3BE
#AFD5BC
#AFD8B9
#AFDAB6
#AFDDB3
#AFE0B0
#AFC8C8
#AFCCC4
#AFD0C0
#AFD4BC
#AFD7B9
#AFDBB5
#AFE0B0
#B0BFCF
#B0C4CA
#B0CAC5
#B0CFC0
#B0D4BB
#B0D9B5
#B0E0AF
#B1B7D7
#B1BED0
#B1C4CA
#B1CBC3
#B1D1BD
#B1D8B6
#B1E0AE
#B2ADE0
#B2B5D8
#B2BDD0
#B2C5C8
#B2CEBF
#B2D6B7
#B2E0AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts