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 #B2CE8A to #B28ACE and to #CEB28A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2C395
#B3C493
#B3C591
#B4C690
#B5C78E
#B5C98C
#B6CA8A
#B2B8A0
#B3BA9C
#B5BC99
#B6BE95
#B8C092
#B9C28E
#BBC58A
#B2ADAB
#B4B0A6
#B6B3A0
#B8B79B
#BABA96
#BCBD91
#BFC18A
#B2A2B6
#B5A6AF
#B8AAA8
#BBAEA1
#BEB39A
#C0B793
#C4BC8A
#B298C0
#B69DB7
#B9A2AF
#BDA7A6
#C0AC9D
#C4B295
#C8B88A
#B28ACE
#B690C3
#BB97B8
#BF9DAD
#C4A4A2
#C8AA98
#CEB28A
Colorpallet from #B2CE8A to #B28ACE and to #CE8AB2
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2C395
#B3C394
#B3C393
#B4C393
#B5C392
#B5C391
#B6C390
#B2B8A0
#B3B89F
#B5B89D
#B6B89C
#B8B89A
#B9B899
#BBB897
#B2ADAB
#B4ADA9
#B6ADA7
#B8ADA4
#BAADA2
#BCADA0
#BFAD9D
#B2A2B6
#B5A2B3
#B8A2B0
#BBA2AD
#BEA2AA
#C0A2A8
#C4A2A4
#B298C0
#B698BC
#B998B9
#BD98B5
#C098B2
#C498AE
#C898AA
#B28ACE
#B68ACA
#BB8AC5
#BF8AC1
#C48ABC
#C88AB8
#CE8AB2
Colorpallet from #B2CE8A to #B28ACE and to #8AB2CE
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2C395
#B1C495
#B0C595
#AFC695
#AEC795
#ADC995
#ACCA95
#B2B8A0
#B0BAA0
#AEBCA0
#ACBEA0
#AAC0A0
#A8C2A0
#A5C5A0
#B2ADAB
#AFB0AB
#ACB3AB
#A9B7AB
#A6BAAB
#A3BDAB
#9FC1AB
#B2A2B6
#AEA6B6
#AAAAB6
#A6AEB6
#A1B3B6
#9DB7B6
#98BCB6
#B298C0
#AD9DC0
#A8A2C0
#A3A7C0
#9EACC0
#98B2C0
#92B8C0
#B28ACE
#AC90CE
#A597CE
#9F9DCE
#98A4CE
#92AACE
#8AB2CE
Colorpallet from #B2CE8A to #B28ACE and to #8ACEB2
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2C395
#B1C594
#B0C793
#AFC893
#AECA92
#ADCC91
#ACCE90
#B2B8A0
#B0BC9F
#AEBF9D
#ACC39C
#AAC69A
#A8CA99
#A5CE97
#B2ADAB
#AFB2A9
#ACB8A7
#A9BDA4
#A6C2A2
#A3C7A0
#9FCE9D
#B2A2B6
#AEA9B3
#AAB0B0
#A6B7AD
#A1BEAA
#9DC5A8
#98CEA4
#B298C0
#ADA1BC
#A8A9B9
#A3B2B5
#9EBBB2
#98C3AE
#92CEAA
#B28ACE
#AC95CA
#A5A0C5
#9FABC1
#98B6BC
#92C0B8
#8ACEB2
Colorpallet from #B2CE8A to #CEB28A and to #CE8AB2
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B6CA8A
#B6C98B
#B6C88C
#B6C78D
#B6C68E
#B6C48F
#B6C390
#BBC58A
#BBC38C
#BBC18E
#BBBF90
#BBBD92
#BBBB94
#BBB897
#BFC18A
#BFBE8D
#BFBB90
#BFB793
#BFB496
#BFB199
#BFAD9D
#C4BC8A
#C4B88E
#C4B492
#C4B096
#C4AB9B
#C4A79F
#C4A2A4
#C8B88A
#C8B38F
#C8AE94
#C8A999
#C8A49E
#C89EA4
#C898AA
#CEB28A
#CEAC90
#CEA597
#CE9F9D
#CE98A4
#CE92AA
#CE8AB2
Colorpallet from #B2CE8A to #CEB28A and to #8AB2CE
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B6CA8A
#B4CA8C
#B3CA8E
#B1CA8F
#B0CA91
#AECA93
#ACCA95
#BBC58A
#B7C58E
#B4C591
#B0C595
#ADC598
#A9C59C
#A5C5A0
#BFC18A
#BAC18F
#B5C195
#B0C19A
#ABC19F
#A5C1A4
#9FC1AB
#C4BC8A
#BDBC91
#B6BC98
#AFBC9F
#A8BCA6
#A1BCAD
#98BCB6
#C8B88A
#BFB893
#B7B89B
#AEB8A4
#A5B8AD
#9DB8B5
#92B8C0
#CEB28A
#C3B295
#B8B2A0
#ADB2AB
#A2B2B6
#98B2C0
#8AB2CE
Colorpallet from #B2CE8A to #CEB28A and to #8ACEB2
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B6CA8A
#B4CB8B
#B3CB8C
#B1CC8D
#B0CD8E
#AECD8F
#ACCE90
#BBC58A
#B7C68C
#B4C88E
#B0C990
#ADCB92
#A9CC94
#A5CE97
#BFC18A
#BAC38D
#B5C590
#B0C793
#ABC996
#A5CB99
#9FCE9D
#C4BC8A
#BDBF8E
#B6C292
#AFC596
#A8C89B
#A1CA9F
#98CEA4
#C8B88A
#BFBC8F
#B7BF94
#AEC399
#A5C69E
#9DCAA4
#92CEAA
#CEB28A
#C3B690
#B8BB97
#ADBF9D
#A2C4A4
#98C8AA
#8ACEB2
Colorpallet from #B2CE8A to #CE8AB2 and to #8AB2CE
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B6C390
#B4C491
#B3C592
#B1C692
#B0C793
#AEC994
#ACCA95
#BBB897
#B7BA98
#B4BC9A
#B0BE9B
#ADC09D
#A9C29E
#A5C5A0
#BFAD9D
#BAB09F
#B5B3A1
#B0B7A4
#ABBAA6
#A5BDA8
#9FC1AB
#C4A2A4
#BDA6A7
#B6AAAA
#AFAEAD
#A8B3B0
#A1B7B2
#98BCB6
#C898AA
#BF9DAE
#B7A2B1
#AEA7B5
#A5ACB8
#9DB2BC
#92B8C0
#CE8AB2
#C390B6
#B897BB
#AD9DBF
#A2A4C4
#98AAC8
#8AB2CE
Colorpallet from #B2CE8A to #CE8AB2 and to #8ACEB2
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B6C390
#B4C590
#B3C790
#B1C890
#B0CA90
#AECC90
#ACCE90
#BBB897
#B7BC97
#B4BF97
#B0C397
#ADC697
#A9CA97
#A5CE97
#BFAD9D
#BAB29D
#B5B89D
#B0BD9D
#ABC29D
#A5C79D
#9FCE9D
#C4A2A4
#BDA9A4
#B6B0A4
#AFB7A4
#A8BEA4
#A1C5A4
#98CEA4
#C898AA
#BFA1AA
#B7A9AA
#AEB2AA
#A5BBAA
#9DC3AA
#92CEAA
#CE8AB2
#C395B2
#B8A0B2
#ADABB2
#A2B6B2
#98C0B2
#8ACEB2
Colorpallet from #B2CE8A to #8AB2CE and to #8ACEB2
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#B2CE8A
#ACCA95
#ACCB94
#ACCB93
#ACCC93
#ACCD92
#ACCD91
#ACCE90
#A5C5A0
#A5C69F
#A5C89D
#A5C99C
#A5CB9A
#A5CC99
#A5CE97
#9FC1AB
#9FC3A9
#9FC5A7
#9FC7A4
#9FC9A2
#9FCBA0
#9FCE9D
#98BCB6
#98BFB3
#98C2B0
#98C5AD
#98C8AA
#98CAA8
#98CEA4
#92B8C0
#92BCBC
#92BFB9
#92C3B5
#92C6B2
#92CAAE
#92CEAA
#8AB2CE
#8AB6CA
#8ABBC5
#8ABFC1
#8AC4BC
#8AC8B8
#8ACEB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
