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 #B8B97E to #B87EB9 and to #B9B87E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B087
#B8B186
#B8B384
#B8B483
#B8B681
#B8B780
#B8B97E
#B8A691
#B8A98E
#B8AC8B
#B8AF88
#B8B285
#B8B582
#B8B97E
#B89D9A
#B8A196
#B8A691
#B8AA8D
#B8AF88
#B8B384
#B8B97E
#B893A4
#B8999E
#B89F98
#B8A592
#B9AB8C
#B9B186
#B9B87E
#B88AAD
#B891A5
#B8999E
#B8A096
#B9A78F
#B9AF87
#B9B87E
#B87EB9
#B887B0
#B891A6
#B89A9D
#B9A393
#B9AC8A
#B9B87E
Colorpallet from #B8B97E to #B87EB9 and to #B97EB8
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B087
#B8B087
#B8B087
#B8B087
#B8B087
#B8B087
#B8B087
#B8A691
#B8A691
#B8A691
#B8A691
#B8A691
#B8A691
#B8A691
#B89D9A
#B89D9A
#B89D9A
#B89D9A
#B89D9A
#B89D9A
#B89D9A
#B893A4
#B893A4
#B893A4
#B893A4
#B993A3
#B993A3
#B993A3
#B88AAD
#B88AAD
#B88AAD
#B88AAD
#B98AAC
#B98AAC
#B98AAC
#B87EB9
#B87EB9
#B87EB9
#B87EB9
#B97EB8
#B97EB8
#B97EB8
Colorpallet from #B8B97E to #B87EB9 and to #7EB8B9
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B087
#B7B187
#B5B387
#B4B487
#B2B687
#B1B787
#AFB987
#B8A691
#B5A991
#B2AC91
#AFAF91
#ACB291
#A9B591
#A5B991
#B89D9A
#B4A19A
#AFA69A
#ABAA9A
#A6AF9A
#A2B39A
#9CB99A
#B893A4
#B299A4
#AC9FA4
#A6A5A4
#A0ABA4
#9AB1A4
#93B8A4
#B88AAD
#B191AD
#A999AD
#A2A0AD
#9BA7AD
#93AFAD
#8AB8AD
#B87EB9
#AF87B9
#A591B9
#9C9AB9
#93A3B9
#8AACB9
#7EB8B9
Colorpallet from #B8B97E to #B87EB9 and to #7EB9B8
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B087
#B7B187
#B5B387
#B4B487
#B2B687
#B1B787
#AFB987
#B8A691
#B5A991
#B2AC91
#AFAF91
#ACB291
#A9B591
#A5B991
#B89D9A
#B4A19A
#AFA69A
#ABAA9A
#A6AF9A
#A2B39A
#9CB99A
#B893A4
#B299A4
#AC9FA4
#A6A5A4
#A0ABA3
#9AB1A3
#93B9A3
#B88AAD
#B192AD
#A999AD
#A2A1AD
#9BA8AC
#93B0AC
#8AB9AC
#B87EB9
#AF87B9
#A591B9
#9C9AB9
#93A4B8
#8AADB8
#7EB9B8
Colorpallet from #B8B97E to #B9B87E and to #B97EB8
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B87F
#B8B681
#B8B582
#B8B384
#B8B285
#B8B087
#B8B97E
#B8B681
#B8B384
#B8B087
#B8AD8A
#B8AA8D
#B8A691
#B8B97E
#B8B582
#B8B087
#B8AC8B
#B8A790
#B8A394
#B89D9A
#B9B87E
#B9B284
#B9AC8A
#B9A690
#B9A096
#B99A9C
#B993A3
#B9B87E
#B9B185
#B9A98D
#B9A294
#B99B9B
#B993A3
#B98AAC
#B9B87E
#B9AF87
#B9A591
#B99C9A
#B993A3
#B98AAC
#B97EB8
Colorpallet from #B8B97E to #B9B87E and to #7EB8B9
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B7B97F
#B5B981
#B4B982
#B2B984
#B1B985
#AFB987
#B8B97E
#B5B981
#B2B984
#AFB987
#ACB98A
#A9B98D
#A5B991
#B8B97E
#B4B982
#AFB987
#ABB98B
#A6B990
#A2B994
#9CB99A
#B9B87E
#B3B884
#ADB88A
#A7B890
#A1B896
#9BB89C
#93B8A4
#B9B87E
#B1B886
#AAB88D
#A2B895
#9BB89C
#93B8A4
#8AB8AD
#B9B87E
#B0B887
#A6B891
#9DB89A
#93B8A4
#8AB8AD
#7EB8B9
Colorpallet from #B8B97E to #B9B87E and to #7EB9B8
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B7B97F
#B5B981
#B4B982
#B2B984
#B1B985
#AFB987
#B8B97E
#B5B981
#B2B984
#AFB987
#ACB98A
#A9B98D
#A5B991
#B8B97E
#B4B982
#AFB987
#ABB98B
#A6B990
#A2B994
#9CB99A
#B9B87E
#B3B884
#ADB88A
#A7B890
#A1B996
#9BB99C
#93B9A3
#B9B87E
#B1B885
#AAB88D
#A2B894
#9BB99B
#93B9A3
#8AB9AC
#B9B87E
#B0B887
#A6B891
#9DB89A
#93B9A3
#8AB9AC
#7EB9B8
Colorpallet from #B8B97E to #B97EB8 and to #7EB8B9
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B087
#B7B187
#B5B387
#B4B487
#B2B687
#B1B787
#AFB987
#B8A691
#B5A991
#B2AC91
#AFAF91
#ACB291
#A9B591
#A5B991
#B89D9A
#B4A19A
#AFA69A
#ABAA9A
#A6AF9A
#A2B39A
#9CB99A
#B993A3
#B399A3
#AD9FA3
#A7A5A3
#A1ABA4
#9BB1A4
#93B8A4
#B98AAC
#B191AC
#AA99AC
#A2A0AC
#9BA7AD
#93AFAD
#8AB8AD
#B97EB8
#B087B8
#A691B8
#9D9AB8
#93A3B9
#8AACB9
#7EB8B9
Colorpallet from #B8B97E to #B97EB8 and to #7EB9B8
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B087
#B7B187
#B5B387
#B4B487
#B2B687
#B1B787
#AFB987
#B8A691
#B5A991
#B2AC91
#AFAF91
#ACB291
#A9B591
#A5B991
#B89D9A
#B4A19A
#AFA69A
#ABAA9A
#A6AF9A
#A2B39A
#9CB99A
#B993A3
#B399A3
#AD9FA3
#A7A5A3
#A1ABA3
#9BB1A3
#93B9A3
#B98AAC
#B192AC
#AA99AC
#A2A1AC
#9BA8AC
#93B0AC
#8AB9AC
#B97EB8
#B087B8
#A691B8
#9D9AB8
#93A4B8
#8AADB8
#7EB9B8
Colorpallet from #B8B97E to #7EB8B9 and to #7EB9B8
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#B8B97E
#AFB987
#AFB987
#AFB987
#AFB987
#AFB987
#AFB987
#AFB987
#A5B991
#A5B991
#A5B991
#A5B991
#A5B991
#A5B991
#A5B991
#9CB99A
#9CB99A
#9CB99A
#9CB99A
#9CB99A
#9CB99A
#9CB99A
#93B8A4
#93B8A4
#93B8A4
#93B8A4
#93B9A3
#93B9A3
#93B9A3
#8AB8AD
#8AB8AD
#8AB8AD
#8AB8AD
#8AB9AC
#8AB9AC
#8AB9AC
#7EB8B9
#7EB8B9
#7EB8B9
#7EB8B9
#7EB9B8
#7EB9B8
#7EB9B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
