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 #BCCF8D to #BC8DCF and to #CFBC8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCC498
#BCC596
#BDC794
#BDC893
#BEC991
#BECA8F
#BFCC8D
#BCBAA2
#BDBC9F
#BEBF9B
#BFC198
#C0C495
#C1C691
#C2C98D
#BCAFAD
#BDB3A8
#BFB6A3
#C0BA9E
#C2BE99
#C3C193
#C5C68D
#BCA5B7
#BEAAB0
#C0AFAA
#C2B3A3
#C4B89C
#C6BD95
#C8C38D
#BC9AC2
#BEA0BA
#C1A6B1
#C3ACA9
#C6B2A0
#C8B898
#CBC08D
#BC8DCF
#BF95C4
#C29CBA
#C5A4AF
#C8ABA5
#CBB39A
#CFBC8D
Colorpallet from #BCCF8D to #BC8DCF and to #CF8DBC
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCC498
#BCC498
#BDC497
#BDC497
#BEC496
#BEC496
#BFC495
#BCBAA2
#BDBAA1
#BEBAA0
#BFBA9F
#C0BA9E
#C1BA9D
#C2BA9C
#BCAFAD
#BDAFAC
#BFAFAA
#C0AFA9
#C2AFA7
#C3AFA6
#C5AFA4
#BCA5B7
#BEA5B5
#C0A5B3
#C2A5B1
#C4A5AF
#C6A5AD
#C8A5AB
#BC9AC2
#BE9AC0
#C19ABD
#C39ABB
#C69AB8
#C89AB6
#CB9AB3
#BC8DCF
#BF8DCC
#C28DC9
#C58DC6
#C88DC3
#CB8DC0
#CF8DBC
Colorpallet from #BCCF8D to #BC8DCF and to #8DBCCF
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCC498
#BBC598
#B9C798
#B8C898
#B7C998
#B6CA98
#B4CC98
#BCBAA2
#BABCA2
#B7BFA2
#B5C1A2
#B2C4A2
#B0C6A2
#ADC9A2
#BCAFAD
#B8B3AD
#B5B6AD
#B1BAAD
#ADBEAD
#AAC1AD
#A5C6AD
#BCA5B7
#B7AAB7
#B2AFB7
#AEB3B7
#A9B8B7
#A4BDB7
#9EC3B7
#BC9AC2
#B6A0C2
#B0A6C2
#AAACC2
#A4B2C2
#9EB8C2
#96C0C2
#BC8DCF
#B495CF
#AD9CCF
#A5A4CF
#9EABCF
#96B3CF
#8DBCCF
Colorpallet from #BCCF8D to #BC8DCF and to #8DCFBC
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCC498
#BBC698
#B9C897
#B8C997
#B7CB96
#B6CD96
#B4CF95
#BCBAA2
#BABDA1
#B7C1A0
#B5C49F
#B2C79E
#B0CB9D
#ADCF9C
#BCAFAD
#B8B4AC
#B5B9AA
#B1BEA9
#ADC3A7
#AAC9A6
#A5CFA4
#BCA5B7
#B7ACB5
#B2B2B3
#AEB9B1
#A9C0AF
#A4C7AD
#9ECFAB
#BC9AC2
#B6A2C0
#B0ABBD
#AAB3BB
#A4BCB8
#9EC4B6
#96CFB3
#BC8DCF
#B498CC
#ADA2C9
#A5ADC6
#9EB7C3
#96C2C0
#8DCFBC
Colorpallet from #BCCF8D to #CFBC8D and to #CF8DBC
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BFCC8D
#BFCB8E
#BFC990
#BFC891
#BFC792
#BFC693
#BFC495
#C2C98D
#C2C78F
#C2C492
#C2C294
#C2BF97
#C2BD99
#C2BA9C
#C5C68D
#C5C291
#C5BF94
#C5BB98
#C5B79C
#C5B49F
#C5AFA4
#C8C38D
#C8BE92
#C8B997
#C8B59B
#C8B0A0
#C8ABA5
#C8A5AB
#CBC08D
#CBBA93
#CBB499
#CBAE9F
#CBA8A5
#CBA2AB
#CB9AB3
#CFBC8D
#CFB495
#CFAD9C
#CFA5A4
#CF9EAB
#CF96B3
#CF8DBC
Colorpallet from #BCCF8D to #CFBC8D and to #8DBCCF
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BFCC8D
#BDCC8F
#BBCC91
#BACC92
#B8CC94
#B6CC96
#B4CC98
#C2C98D
#BFC990
#BBC994
#B8C997
#B5C99A
#B1C99E
#ADC9A2
#C5C68D
#C0C692
#BBC697
#B6C69C
#B1C6A1
#ABC6A7
#A5C6AD
#C8C38D
#C1C394
#BBC39A
#B4C3A1
#ADC3A8
#A6C3AF
#9EC3B7
#CBC08D
#C3C095
#BAC09E
#B2C0A6
#A9C0AF
#A1C0B7
#96C0C2
#CFBC8D
#C4BC98
#BABCA2
#AFBCAD
#A5BCB7
#9ABCC2
#8DBCCF
Colorpallet from #BCCF8D to #CFBC8D and to #8DCFBC
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BFCC8D
#BDCC8E
#BBCD90
#BACD91
#B8CE92
#B6CE93
#B4CF95
#C2C98D
#BFCA8F
#BBCB92
#B8CC94
#B5CD97
#B1CE99
#ADCF9C
#C5C68D
#C0C791
#BBC994
#B6CA98
#B1CC9C
#ABCD9F
#A5CFA4
#C8C38D
#C1C592
#BBC797
#B4C99B
#ADCBA0
#A6CDA5
#9ECFAB
#CBC08D
#C3C293
#BAC599
#B2C79F
#A9CAA5
#A1CCAB
#96CFB3
#CFBC8D
#C4BF95
#BAC29C
#AFC5A4
#A5C8AB
#9ACBB3
#8DCFBC
Colorpallet from #BCCF8D to #CF8DBC and to #8DBCCF
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BFC495
#BDC595
#BBC796
#BAC896
#B8C997
#B6CA97
#B4CC98
#C2BA9C
#BFBC9D
#BBBF9E
#B8C19F
#B5C4A0
#B1C6A1
#ADC9A2
#C5AFA4
#C0B3A5
#BBB6A7
#B6BAA8
#B1BEAA
#ABC1AB
#A5C6AD
#C8A5AB
#C1AAAD
#BBAFAF
#B4B3B1
#ADB8B3
#A6BDB5
#9EC3B7
#CB9AB3
#C3A0B5
#BAA6B8
#B2ACBA
#A9B2BD
#A1B8BF
#96C0C2
#CF8DBC
#C495BF
#BA9CC2
#AFA4C5
#A5ABC8
#9AB3CB
#8DBCCF
Colorpallet from #BCCF8D to #CF8DBC and to #8DCFBC
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BFC495
#BDC695
#BBC895
#BAC995
#B8CB95
#B6CD95
#B4CF95
#C2BA9C
#BFBD9C
#BBC19C
#B8C49C
#B5C79C
#B1CB9C
#ADCF9C
#C5AFA4
#C0B4A4
#BBB9A4
#B6BEA4
#B1C3A4
#ABC9A4
#A5CFA4
#C8A5AB
#C1ACAB
#BBB2AB
#B4B9AB
#ADC0AB
#A6C7AB
#9ECFAB
#CB9AB3
#C3A2B3
#BAABB3
#B2B3B3
#A9BCB3
#A1C4B3
#96CFB3
#CF8DBC
#C498BC
#BAA2BC
#AFADBC
#A5B7BC
#9AC2BC
#8DCFBC
Colorpallet from #BCCF8D to #8DBCCF and to #8DCFBC
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#BCCF8D
#B4CC98
#B4CC98
#B4CD97
#B4CD97
#B4CE96
#B4CE96
#B4CF95
#ADC9A2
#ADCAA1
#ADCBA0
#ADCC9F
#ADCD9E
#ADCE9D
#ADCF9C
#A5C6AD
#A5C7AC
#A5C9AA
#A5CAA9
#A5CCA7
#A5CDA6
#A5CFA4
#9EC3B7
#9EC5B5
#9EC7B3
#9EC9B1
#9ECBAF
#9ECDAD
#9ECFAB
#96C0C2
#96C2C0
#96C5BD
#96C7BB
#96CAB8
#96CCB6
#96CFB3
#8DBCCF
#8DBFCC
#8DC2C9
#8DC5C6
#8DC8C3
#8DCBC0
#8DCFBC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
