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 #B1C298 to #B198C2 and to #C2B198
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1BB9F
#B1BC9E
#B2BC9D
#B2BD9C
#B3BE9B
#B3BE99
#B4BF98
#B1B5A5
#B2B6A3
#B3B8A1
#B3B99F
#B4BA9D
#B5BB9B
#B6BD98
#B1AEAC
#B2B0A9
#B4B2A6
#B5B4A2
#B6B69F
#B7B89C
#B9BA98
#B1A7B3
#B3AAAF
#B5ACAA
#B6AFA6
#B8B1A2
#BAB49D
#BCB798
#B1A0BA
#B3A3B5
#B5A6AF
#B8AAAA
#BAADA4
#BCB09F
#BFB498
#B198C2
#B49CBB
#B6A0B5
#B9A4AE
#BCA8A7
#BFACA0
#C2B198
Colorpallet from #B1C298 to #B198C2 and to #C298B1
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1BB9F
#B1BB9F
#B2BB9E
#B2BB9E
#B3BB9D
#B3BB9D
#B4BB9C
#B1B5A5
#B2B5A4
#B3B5A3
#B3B5A3
#B4B5A2
#B5B5A1
#B6B5A0
#B1AEAC
#B2AEAB
#B4AEA9
#B5AEA8
#B6AEA7
#B7AEA6
#B9AEA4
#B1A7B3
#B3A7B1
#B5A7AF
#B6A7AE
#B8A7AC
#BAA7AA
#BCA7A8
#B1A0BA
#B3A0B8
#B5A0B6
#B8A0B3
#BAA0B1
#BCA0AF
#BFA0AC
#B198C2
#B498BF
#B698BD
#B998BA
#BC98B7
#BF98B4
#C298B1
Colorpallet from #B1C298 to #B198C2 and to #98B1C2
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1BB9F
#B0BC9F
#B0BC9F
#AFBD9F
#AEBE9F
#AEBE9F
#ADBF9F
#B1B5A5
#B0B6A5
#AEB8A5
#ADB9A5
#ACBAA5
#ABBBA5
#A9BDA5
#B1AEAC
#AFB0AC
#ADB2AC
#ABB4AC
#A9B6AC
#A7B8AC
#A5BAAC
#B1A7B3
#AEAAB3
#ACACB3
#A9AFB3
#A7B1B3
#A4B4B3
#A1B7B3
#B1A0BA
#AEA3BA
#ABA6BA
#A7AABA
#A4ADBA
#A1B0BA
#9DB4BA
#B198C2
#AD9CC2
#A9A0C2
#A5A4C2
#A1A8C2
#9DACC2
#98B1C2
Colorpallet from #B1C298 to #B198C2 and to #98C2B1
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1BB9F
#B0BC9F
#B0BD9E
#AFBE9E
#AEBF9D
#AEC19D
#ADC29C
#B1B5A5
#B0B7A4
#AEB9A3
#ADBBA3
#ACBDA2
#ABBFA1
#A9C2A0
#B1AEAC
#AFB1AB
#ADB4A9
#ABB8A8
#A9BBA7
#A7BEA6
#A5C2A4
#B1A7B3
#AEABB1
#ACB0AF
#A9B4AE
#A7B8AC
#A4BDAA
#A1C2A8
#B1A0BA
#AEA5B8
#ABABB6
#A7B0B3
#A4B6B1
#A1BBAF
#9DC2AC
#B198C2
#AD9FBF
#A9A5BD
#A5ACBA
#A1B3B7
#9DBAB4
#98C2B1
Colorpallet from #B1C298 to #C2B198 and to #C298B1
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B4BF98
#B4BE99
#B4BE99
#B4BD9A
#B4BC9B
#B4BC9B
#B4BB9C
#B6BD98
#B6BC99
#B6BA9B
#B6B99C
#B6B89D
#B6B79E
#B6B5A0
#B9BA98
#B9B89A
#B9B69C
#B9B49E
#B9B2A0
#B9B0A2
#B9AEA4
#BCB798
#BCB49B
#BCB29D
#BCAFA0
#BCADA2
#BCAAA5
#BCA7A8
#BFB498
#BFB19B
#BFAE9E
#BFAAA2
#BFA7A5
#BFA4A8
#BFA0AC
#C2B198
#C2AD9C
#C2A9A0
#C2A5A4
#C2A1A8
#C29DAC
#C298B1
Colorpallet from #B1C298 to #C2B198 and to #98B1C2
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B4BF98
#B3BF99
#B2BF9A
#B1BF9B
#B0BF9C
#AEBF9E
#ADBF9F
#B6BD98
#B4BD9A
#B2BD9C
#B0BD9E
#AEBDA0
#ACBDA2
#A9BDA5
#B9BA98
#B6BA9B
#B3BA9E
#AFBAA2
#ACBAA5
#A9BAA8
#A5BAAC
#BCB798
#B8B79C
#B3B7A1
#AFB7A5
#ABB7A9
#A6B7AE
#A1B7B3
#BFB498
#BAB49D
#B4B4A3
#AFB4A8
#A9B4AE
#A4B4B3
#9DB4BA
#C2B198
#BBB19F
#B5B1A5
#AEB1AC
#A7B1B3
#A0B1BA
#98B1C2
Colorpallet from #B1C298 to #C2B198 and to #98C2B1
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B4BF98
#B3BF99
#B2C099
#B1C09A
#B0C19B
#AEC19B
#ADC29C
#B6BD98
#B4BE99
#B2BF9B
#B0BF9C
#AEC09D
#ACC19E
#A9C2A0
#B9BA98
#B6BB9A
#B3BD9C
#AFBE9E
#ACBFA0
#A9C0A2
#A5C2A4
#BCB798
#B8B99B
#B3BB9D
#AFBCA0
#ABBEA2
#A6C0A5
#A1C2A8
#BFB498
#BAB69B
#B4B89E
#AFBBA2
#A9BDA5
#A4BFA8
#9DC2AC
#C2B198
#BBB49C
#B5B6A0
#AEB9A4
#A7BCA8
#A0BFAC
#98C2B1
Colorpallet from #B1C298 to #C298B1 and to #98B1C2
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B4BB9C
#B3BC9C
#B2BC9D
#B1BD9D
#B0BE9E
#AEBE9E
#ADBF9F
#B6B5A0
#B4B6A1
#B2B8A2
#B0B9A2
#AEBAA3
#ACBBA4
#A9BDA5
#B9AEA4
#B6B0A5
#B3B2A7
#AFB4A8
#ACB6A9
#A9B8AA
#A5BAAC
#BCA7A8
#B8AAAA
#B3ACAC
#AFAFAD
#ABB1AF
#A6B4B1
#A1B7B3
#BFA0AC
#BAA3AE
#B4A6B0
#AFAAB3
#A9ADB5
#A4B0B7
#9DB4BA
#C298B1
#BB9CB4
#B5A0B6
#AEA4B9
#A7A8BC
#A0ACBF
#98B1C2
Colorpallet from #B1C298 to #C298B1 and to #98C2B1
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B4BB9C
#B3BC9C
#B2BD9C
#B1BE9C
#B0BF9C
#AEC19C
#ADC29C
#B6B5A0
#B4B7A0
#B2B9A0
#B0BBA0
#AEBDA0
#ACBFA0
#A9C2A0
#B9AEA4
#B6B1A4
#B3B4A4
#AFB8A4
#ACBBA4
#A9BEA4
#A5C2A4
#BCA7A8
#B8ABA8
#B3B0A8
#AFB4A8
#ABB8A8
#A6BDA8
#A1C2A8
#BFA0AC
#BAA5AC
#B4ABAC
#AFB0AC
#A9B6AC
#A4BBAC
#9DC2AC
#C298B1
#BB9FB1
#B5A5B1
#AEACB1
#A7B3B1
#A0BAB1
#98C2B1
Colorpallet from #B1C298 to #98B1C2 and to #98C2B1
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#B1C298
#ADBF9F
#ADBF9F
#ADC09E
#ADC09E
#ADC19D
#ADC19D
#ADC29C
#A9BDA5
#A9BEA4
#A9BFA3
#A9BFA3
#A9C0A2
#A9C1A1
#A9C2A0
#A5BAAC
#A5BBAB
#A5BDA9
#A5BEA8
#A5BFA7
#A5C0A6
#A5C2A4
#A1B7B3
#A1B9B1
#A1BBAF
#A1BCAE
#A1BEAC
#A1C0AA
#A1C2A8
#9DB4BA
#9DB6B8
#9DB8B6
#9DBBB3
#9DBDB1
#9DBFAF
#9DC2AC
#98B1C2
#98B4BF
#98B6BD
#98B9BA
#98BCB7
#98BFB4
#98C2B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
