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 #BDCF8A to #BD8ACF and to #CFBD8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDC495
#BDC593
#BEC791
#BEC890
#BFC98E
#BFCA8C
#C0CC8A
#BDB9A0
#BEBC9C
#BFBE99
#C0C195
#C1C392
#C2C68E
#C3C98A
#BDAEAB
#BEB2A6
#C0B6A0
#C1BA9B
#C3BD96
#C4C191
#C6C68A
#BDA3B6
#BFA8AF
#C1ADA8
#C3B2A1
#C5B79A
#C7BD93
#C9C38A
#BD98C1
#BF9FB8
#C1A5AF
#C4ACA7
#C6B29E
#C8B995
#CBC18A
#BD8ACF
#C092C4
#C39AB9
#C6A2AE
#C9ABA3
#CBB398
#CFBD8A
Colorpallet from #BDCF8A to #BD8ACF and to #CF8ABD
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDC495
#BDC495
#BEC494
#BEC494
#BFC493
#BFC493
#C0C492
#BDB9A0
#BEB99F
#BFB99E
#C0B99D
#C1B99C
#C2B99B
#C3B99A
#BDAEAB
#BEAEAA
#C0AEA8
#C1AEA7
#C3AEA5
#C4AEA4
#C6AEA2
#BDA3B6
#BFA3B4
#C1A3B2
#C3A3B1
#C5A3AF
#C7A3AD
#C9A3AB
#BD98C1
#BF98BF
#C198BD
#C498BA
#C698B8
#C898B6
#CB98B3
#BD8ACF
#C08ACC
#C38AC9
#C68AC6
#C98AC3
#CB8AC1
#CF8ABD
Colorpallet from #BDCF8A to #BD8ACF and to #8ABDCF
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDC495
#BCC595
#BAC795
#B9C895
#B8C995
#B7CA95
#B5CC95
#BDB9A0
#BABCA0
#B8BEA0
#B5C1A0
#B3C3A0
#B0C6A0
#ADC9A0
#BDAEAB
#B9B2AB
#B5B6AB
#B1BAAB
#AEBDAB
#AAC1AB
#A5C6AB
#BDA3B6
#B8A8B6
#B2ADB6
#ADB2B6
#A8B7B6
#A3BDB6
#9CC3B6
#BD98C1
#B69FC1
#B0A5C1
#A9ACC1
#A3B2C1
#9CB9C1
#94C1C1
#BD8ACF
#B592CF
#AD9ACF
#A5A2CF
#9CABCF
#94B3CF
#8ABDCF
Colorpallet from #BDCF8A to #BD8ACF and to #8ACFBD
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDC495
#BCC695
#BAC894
#B9C994
#B8CB93
#B7CD93
#B5CF92
#BDB9A0
#BABD9F
#B8C09E
#B5C49D
#B3C79C
#B0CB9B
#ADCF9A
#BDAEAB
#B9B3AA
#B5B9A8
#B1BEA7
#AEC3A5
#AAC8A4
#A5CFA2
#BDA3B6
#B8AAB4
#B2B1B2
#ADB8B1
#A8BFAF
#A3C6AD
#9CCFAB
#BD98C1
#B6A1BF
#B0AABD
#A9B2BA
#A3BBB8
#9CC4B6
#94CFB3
#BD8ACF
#B595CC
#ADA0C9
#A5ABC6
#9CB6C3
#94C1C1
#8ACFBD
Colorpallet from #BDCF8A to #CFBD8A and to #CF8ABD
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#C0CC8A
#C0CB8B
#C0C98D
#C0C88E
#C0C78F
#C0C690
#C0C492
#C3C98A
#C3C68D
#C3C48F
#C3C192
#C3BF94
#C3BC97
#C3B99A
#C6C68A
#C6C28E
#C6BE92
#C6BA96
#C6B799
#C6B39D
#C6AEA2
#C9C38A
#C9BE8F
#C9B995
#C9B49A
#C9AF9F
#C9A9A4
#C9A3AB
#CBC18A
#CBBA91
#CBB497
#CBAD9E
#CBA7A4
#CBA0AB
#CB98B3
#CFBD8A
#CFB592
#CFAD9A
#CFA5A2
#CF9CAB
#CF94B3
#CF8ABD
Colorpallet from #BDCF8A to #CFBD8A and to #8ABDCF
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#C0CC8A
#BECC8C
#BCCC8E
#BBCC8F
#B9CC91
#B7CC93
#B5CC95
#C3C98A
#BFC98E
#BCC991
#B8C995
#B5C998
#B1C99C
#ADC9A0
#C6C68A
#C1C68F
#BBC695
#B6C69A
#B1C69F
#ACC6A4
#A5C6AB
#C9C38A
#C2C391
#BBC398
#B3C39F
#ACC3A6
#A5C3AD
#9CC3B6
#CBC18A
#C2C193
#B9C19C
#B1C1A4
#A8C1AD
#9FC1B6
#94C1C1
#CFBD8A
#C4BD95
#B9BDA0
#AEBDAB
#A3BDB6
#98BDC1
#8ABDCF
Colorpallet from #BDCF8A to #CFBD8A and to #8ACFBD
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#C0CC8A
#BECC8B
#BCCD8D
#BBCD8E
#B9CE8F
#B7CE90
#B5CF92
#C3C98A
#BFCA8D
#BCCB8F
#B8CC92
#B5CD94
#B1CE97
#ADCF9A
#C6C68A
#C1C78E
#BBC992
#B6CA96
#B1CC99
#ACCD9D
#A5CFA2
#C9C38A
#C2C58F
#BBC795
#B3C99A
#ACCB9F
#A5CDA4
#9CCFAB
#CBC18A
#C2C391
#B9C597
#B1C89E
#A8CAA4
#9FCCAB
#94CFB3
#CFBD8A
#C4C092
#B9C39A
#AEC6A2
#A3C9AB
#98CBB3
#8ACFBD
Colorpallet from #BDCF8A to #CF8ABD and to #8ABDCF
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#C0C492
#BEC592
#BCC793
#BBC893
#B9C994
#B7CA94
#B5CC95
#C3B99A
#BFBC9B
#BCBE9C
#B8C19D
#B5C39E
#B1C69F
#ADC9A0
#C6AEA2
#C1B2A3
#BBB6A5
#B6BAA6
#B1BDA8
#ACC1A9
#A5C6AB
#C9A3AB
#C2A8AD
#BBADAF
#B3B2B0
#ACB7B2
#A5BDB4
#9CC3B6
#CB98B3
#C29FB5
#B9A5B7
#B1ACBA
#A8B2BC
#9FB9BE
#94C1C1
#CF8ABD
#C492C0
#B99AC3
#AEA2C6
#A3ABC9
#98B3CB
#8ABDCF
Colorpallet from #BDCF8A to #CF8ABD and to #8ACFBD
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#C0C492
#BEC692
#BCC892
#BBC992
#B9CB92
#B7CD92
#B5CF92
#C3B99A
#BFBD9A
#BCC09A
#B8C49A
#B5C79A
#B1CB9A
#ADCF9A
#C6AEA2
#C1B3A2
#BBB9A2
#B6BEA2
#B1C3A2
#ACC8A2
#A5CFA2
#C9A3AB
#C2AAAB
#BBB1AB
#B3B8AB
#ACBFAB
#A5C6AB
#9CCFAB
#CB98B3
#C2A1B3
#B9AAB3
#B1B2B3
#A8BBB3
#9FC4B3
#94CFB3
#CF8ABD
#C495BD
#B9A0BD
#AEABBD
#A3B6BD
#98C1BD
#8ACFBD
Colorpallet from #BDCF8A to #8ABDCF and to #8ACFBD
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#BDCF8A
#B5CC95
#B5CC95
#B5CD94
#B5CD94
#B5CE93
#B5CE93
#B5CF92
#ADC9A0
#ADCA9F
#ADCB9E
#ADCC9D
#ADCD9C
#ADCE9B
#ADCF9A
#A5C6AB
#A5C7AA
#A5C9A8
#A5CAA7
#A5CCA5
#A5CDA4
#A5CFA2
#9CC3B6
#9CC5B4
#9CC7B2
#9CC9B1
#9CCBAF
#9CCDAD
#9CCFAB
#94C1C1
#94C3BF
#94C5BD
#94C8BA
#94CAB8
#94CCB6
#94CFB3
#8ABDCF
#8AC0CC
#8AC3C9
#8AC6C6
#8AC9C3
#8ACBC1
#8ACFBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
