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 #BDEF96 to #BD96EF and to #EFBD96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDE1A4
#BEE2A2
#C0E3A0
#C1E49D
#C2E59B
#C3E699
#C5E796
#BDD3B2
#C0D5AE
#C2D7A9
#C5D9A5
#C7DBA0
#CADD9C
#CDDF96
#BDC4C1
#C1C7BA
#C5CAB3
#C9CDAC
#CCD0A5
#D0D39F
#D5D796
#BDB6CF
#C2BAC6
#C7BEBD
#CCC2B4
#D1C6AB
#D7CAA1
#DDCF96
#BDA8DD
#C3ADD2
#CAB2C6
#D0B7BB
#D7BCB0
#DDC1A4
#E5C796
#BD96EF
#C59CE1
#CDA2D3
#D5A9C4
#DDAFB6
#E5B5A8
#EFBD96
Colorpallet from #BDEF96 to #BD96EF and to #EF96BD
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDE1A4
#BEE1A3
#C0E1A1
#C1E1A0
#C2E19F
#C3E19E
#C5E19C
#BDD3B2
#C0D3AF
#C2D3AD
#C5D3AA
#C7D3A8
#CAD3A5
#CDD3A2
#BDC4C1
#C1C4BD
#C5C4B9
#C9C4B5
#CCC4B2
#D0C4AE
#D5C4A9
#BDB6CF
#C2B6CA
#C7B6C5
#CCB6C0
#D1B6BB
#D7B6B5
#DDB6AF
#BDA8DD
#C3A8D7
#CAA8D0
#D0A8CA
#D7A8C3
#DDA8BD
#E5A8B5
#BD96EF
#C596E7
#CD96DF
#D596D7
#DD96CF
#E596C7
#EF96BD
Colorpallet from #BDEF96 to #BD96EF and to #96BDEF
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDE1A4
#BCE2A4
#BBE3A4
#BAE4A4
#B9E5A4
#B8E6A4
#B7E7A4
#BDD3B2
#BBD5B2
#B9D7B2
#B7D9B2
#B5DBB2
#B3DDB2
#B1DFB2
#BDC4C1
#BAC7C1
#B7CAC1
#B4CDC1
#B1D0C1
#AED3C1
#AAD7C1
#BDB6CF
#B9BACF
#B5BECF
#B1C2CF
#ADC6CF
#A9CACF
#A4CFCF
#BDA8DD
#B8ADDD
#B3B2DD
#AEB7DD
#A9BCDD
#A4C1DD
#9EC7DD
#BD96EF
#B79CEF
#B1A2EF
#AAA9EF
#A4AFEF
#9EB5EF
#96BDEF
Colorpallet from #BDEF96 to #BD96EF and to #96EFBD
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDE1A4
#BCE3A3
#BBE5A1
#BAE8A0
#B9EA9F
#B8EC9E
#B7EF9C
#BDD3B2
#BBD7AF
#B9DCAD
#B7E0AA
#B5E5A8
#B3E9A5
#B1EFA2
#BDC4C1
#BACBBD
#B7D2B9
#B4D9B5
#B1E0B2
#AEE6AE
#AAEFA9
#BDB6CF
#B9BFCA
#B5C8C5
#B1D1C0
#ADDABB
#A9E4B5
#A4EFAF
#BDA8DD
#B8B3D7
#B3BFD0
#AECACA
#A9D5C3
#A4E1BD
#9EEFB5
#BD96EF
#B7A4E7
#B1B2DF
#AAC1D7
#A4CFCF
#9EDDC7
#96EFBD
Colorpallet from #BDEF96 to #EFBD96 and to #EF96BD
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#C5E796
#C5E697
#C5E598
#C5E499
#C5E39A
#C5E29B
#C5E19C
#CDDF96
#CDDD98
#CDDB9A
#CDD99C
#CDD79E
#CDD5A0
#CDD3A2
#D5D796
#D5D499
#D5D19C
#D5CE9F
#D5CBA2
#D5C8A5
#D5C4A9
#DDCF96
#DDCB9A
#DDC79E
#DDC3A2
#DDBFA6
#DDBBAA
#DDB6AF
#E5C796
#E5C29B
#E5BDA0
#E5B8A5
#E5B3AA
#E5AEAF
#E5A8B5
#EFBD96
#EFB79C
#EFB1A2
#EFAAA9
#EFA4AF
#EF9EB5
#EF96BD
Colorpallet from #BDEF96 to #EFBD96 and to #96BDEF
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#C5E796
#C3E798
#C1E79A
#BEE79D
#BCE79F
#BAE7A1
#B7E7A4
#CDDF96
#C9DF9A
#C4DF9F
#C0DFA3
#BBDFA8
#B7DFAC
#B1DFB2
#D5D796
#CED79D
#C7D7A4
#C0D7AB
#B9D7B2
#B3D7B8
#AAD7C1
#DDCF96
#D4CF9F
#CBCFA8
#C2CFB1
#B9CFBA
#AFCFC4
#A4CFCF
#E5C796
#DAC7A1
#CEC7AD
#C3C7B8
#B8C7C3
#ACC7CF
#9EC7DD
#EFBD96
#E1BDA4
#D3BDB2
#C4BDC1
#B6BDCF
#A8BDDD
#96BDEF
Colorpallet from #BDEF96 to #EFBD96 and to #96EFBD
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#C5E796
#C3E897
#C1EA98
#BEEB99
#BCEC9A
#BAED9B
#B7EF9C
#CDDF96
#C9E298
#C4E49A
#C0E79C
#BBE99E
#B7ECA0
#B1EFA2
#D5D796
#CEDB99
#C7DF9C
#C0E39F
#B9E6A2
#B3EAA5
#AAEFA9
#DDCF96
#D4D49A
#CBD99E
#C2DEA2
#B9E3A6
#AFE9AA
#A4EFAF
#E5C796
#DACD9B
#CED4A0
#C3DAA5
#B8E1AA
#ACE7AF
#9EEFB5
#EFBD96
#E1C59C
#D3CDA2
#C4D5A9
#B6DDAF
#A8E5B5
#96EFBD
Colorpallet from #BDEF96 to #EF96BD and to #96BDEF
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#C5E19C
#C3E29D
#C1E39F
#BEE4A0
#BCE5A1
#BAE6A2
#B7E7A4
#CDD3A2
#C9D5A5
#C4D7A7
#C0D9AA
#BBDBAC
#B7DDAF
#B1DFB2
#D5C4A9
#CEC7AD
#C7CAB1
#C0CDB5
#B9D0B8
#B3D3BC
#AAD7C1
#DDB6AF
#D4BAB4
#CBBEB9
#C2C2BE
#B9C6C3
#AFCAC9
#A4CFCF
#E5A8B5
#DAADBB
#CEB2C2
#C3B7C8
#B8BCCF
#ACC1D5
#9EC7DD
#EF96BD
#E19CC5
#D3A2CD
#C4A9D5
#B6AFDD
#A8B5E5
#96BDEF
Colorpallet from #BDEF96 to #EF96BD and to #96EFBD
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#C5E19C
#C3E39C
#C1E59C
#BEE89C
#BCEA9C
#BAEC9C
#B7EF9C
#CDD3A2
#C9D7A2
#C4DCA2
#C0E0A2
#BBE5A2
#B7E9A2
#B1EFA2
#D5C4A9
#CECBA9
#C7D2A9
#C0D9A9
#B9E0A9
#B3E6A9
#AAEFA9
#DDB6AF
#D4BFAF
#CBC8AF
#C2D1AF
#B9DAAF
#AFE4AF
#A4EFAF
#E5A8B5
#DAB3B5
#CEBFB5
#C3CAB5
#B8D5B5
#ACE1B5
#9EEFB5
#EF96BD
#E1A4BD
#D3B2BD
#C4C1BD
#B6CFBD
#A8DDBD
#96EFBD
Colorpallet from #BDEF96 to #96BDEF and to #96EFBD
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#BDEF96
#B7E7A4
#B7E8A3
#B7EAA1
#B7EBA0
#B7EC9F
#B7ED9E
#B7EF9C
#B1DFB2
#B1E2AF
#B1E4AD
#B1E7AA
#B1E9A8
#B1ECA5
#B1EFA2
#AAD7C1
#AADBBD
#AADFB9
#AAE3B5
#AAE6B2
#AAEAAE
#AAEFA9
#A4CFCF
#A4D4CA
#A4D9C5
#A4DEC0
#A4E3BB
#A4E9B5
#A4EFAF
#9EC7DD
#9ECDD7
#9ED4D0
#9EDACA
#9EE1C3
#9EE7BD
#9EEFB5
#96BDEF
#96C5E7
#96CDDF
#96D5D7
#96DDCF
#96E5C7
#96EFBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
