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 #AFB188 to #AF88B1 and to #B1AF88
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFAA8F
#AFAB8E
#AFAC8D
#AFAD8C
#AFAE8B
#AFB089
#AFB188
#AFA495
#AFA693
#AFA891
#AFAA8F
#B0AC8D
#B0AE8B
#B0B088
#AF9D9C
#AFA099
#AFA396
#AFA692
#B0A98F
#B0AC8C
#B0B088
#AF97A2
#AF9B9E
#AF9F9A
#AFA396
#B0A791
#B0AB8D
#B0B088
#AF90A9
#AF95A4
#B09A9E
#B09F99
#B0A494
#B1A98F
#B1AF88
#AF88B1
#AF8EAA
#B094A4
#B09B9D
#B0A197
#B1A790
#B1AF88
Colorpallet from #AFB188 to #AF88B1 and to #B188AF
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFAA8F
#AFAA8F
#AFAA8F
#AFAA8F
#AFAA8E
#AFAA8E
#AFAA8E
#AFA495
#AFA495
#AFA495
#AFA495
#B0A494
#B0A494
#B0A494
#AF9D9C
#AF9D9C
#AF9D9C
#AF9D9C
#B09D9B
#B09D9B
#B09D9B
#AF97A2
#AF97A2
#AF97A2
#AF97A2
#B097A1
#B097A1
#B097A1
#AF90A9
#AF90A9
#B090A8
#B090A8
#B090A8
#B190A7
#B190A7
#AF88B1
#AF88B1
#B088B0
#B088B0
#B088B0
#B188AF
#B188AF
Colorpallet from #AFB188 to #AF88B1 and to #88AFB1
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFAA8F
#AEAB8F
#ADAC8F
#ACAD8F
#ABAE8F
#AAB08F
#A9B18F
#AFA495
#ADA695
#ABA895
#A9AA95
#A7AC95
#A5AE95
#A3B095
#AF9D9C
#ACA09C
#A9A39C
#A6A69C
#A3A99C
#A0AC9C
#9CB09C
#AF97A2
#AB9BA2
#A79FA2
#A3A3A2
#9FA7A2
#9BABA2
#96B0A2
#AF90A9
#AA95A9
#A59AA9
#A09FA9
#9BA4A9
#96A9A9
#90AFA9
#AF88B1
#A98EB1
#A394B1
#9C9BB1
#96A1B1
#90A7B1
#88AFB1
Colorpallet from #AFB188 to #AF88B1 and to #88B1AF
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFAA8F
#AEAB8F
#ADAC8F
#ACAD8F
#ABAE8E
#AAB08E
#A9B18E
#AFA495
#ADA695
#ABA895
#A9AA95
#A7AC94
#A5AE94
#A3B194
#AF9D9C
#ACA09C
#A9A39C
#A6A79C
#A3AA9B
#A0AD9B
#9CB19B
#AF97A2
#AB9BA2
#A79FA2
#A3A3A2
#9FA8A1
#9BACA1
#96B1A1
#AF90A9
#AA95A9
#A59BA8
#A0A0A8
#9BA5A8
#96AAA7
#90B1A7
#AF88B1
#A98FB1
#A395B0
#9C9CB0
#96A2B0
#90A9AF
#88B1AF
Colorpallet from #AFB188 to #B1AF88 and to #B188AF
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB089
#AFAF8A
#AFAE8B
#AFAD8C
#AFAB8D
#AFAA8E
#B0B088
#B0AE8A
#B0AC8C
#B0AA8E
#B0A890
#B0A692
#B0A494
#B0B088
#B0AD8B
#B0AA8E
#B0A791
#B0A494
#B0A197
#B09D9B
#B0B088
#B0AC8C
#B0A890
#B0A494
#B0A098
#B09C9C
#B097A1
#B1AF88
#B1AA8D
#B1A592
#B1A097
#B19B9C
#B196A1
#B190A7
#B1AF88
#B1A98E
#B1A394
#B19C9B
#B196A1
#B190A7
#B188AF
Colorpallet from #AFB188 to #B1AF88 and to #88AFB1
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AEB189
#ADB18A
#ACB18B
#ABB18C
#AAB18E
#A9B18F
#B0B088
#AEB08A
#ACB08C
#AAB08E
#A8B090
#A6B092
#A3B095
#B0B088
#ADB08B
#AAB08E
#A6B092
#A3B095
#A0B098
#9CB09C
#B0B088
#ACB08C
#A8B090
#A4B094
#9FB099
#9BB09D
#96B0A2
#B1AF88
#ACAF8D
#A6AF93
#A1AF98
#9CAF9D
#97AFA2
#90AFA9
#B1AF88
#AAAF8F
#A4AF95
#9DAF9C
#97AFA2
#90AFA9
#88AFB1
Colorpallet from #AFB188 to #B1AF88 and to #88B1AF
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AEB189
#ADB18A
#ACB18B
#ABB18C
#AAB18D
#A9B18E
#B0B088
#AEB08A
#ACB08C
#AAB08E
#A8B190
#A6B192
#A3B194
#B0B088
#ADB08B
#AAB08E
#A6B091
#A3B194
#A0B197
#9CB19B
#B0B088
#ACB08C
#A8B090
#A4B094
#9FB198
#9BB19C
#96B1A1
#B1AF88
#ACAF8D
#A6B092
#A1B097
#9CB09C
#97B1A1
#90B1A7
#B1AF88
#AAAF8E
#A4B094
#9DB09B
#97B0A1
#90B1A7
#88B1AF
Colorpallet from #AFB188 to #B188AF and to #88AFB1
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFAA8E
#AEAB8E
#ADAC8E
#ACAD8E
#ABAE8F
#AAB08F
#A9B18F
#B0A494
#AEA694
#ACA894
#AAAA94
#A8AC95
#A6AE95
#A3B095
#B09D9B
#ADA09B
#AAA39B
#A6A69B
#A3A99C
#A0AC9C
#9CB09C
#B097A1
#AC9BA1
#A89FA1
#A4A3A1
#9FA7A2
#9BABA2
#96B0A2
#B190A7
#AC95A7
#A69AA8
#A19FA8
#9CA4A8
#97A9A9
#90AFA9
#B188AF
#AA8EAF
#A494B0
#9D9BB0
#97A1B0
#90A7B1
#88AFB1
Colorpallet from #AFB188 to #B188AF and to #88B1AF
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFAA8E
#AEAB8E
#ADAC8E
#ACAD8E
#ABAE8E
#AAB08E
#A9B18E
#B0A494
#AEA694
#ACA894
#AAAA94
#A8AC94
#A6AE94
#A3B194
#B09D9B
#ADA09B
#AAA39B
#A6A79B
#A3AA9B
#A0AD9B
#9CB19B
#B097A1
#AC9BA1
#A89FA1
#A4A3A1
#9FA8A1
#9BACA1
#96B1A1
#B190A7
#AC95A7
#A69BA7
#A1A0A7
#9CA5A7
#97AAA7
#90B1A7
#B188AF
#AA8FAF
#A495AF
#9D9CAF
#97A2AF
#90A9AF
#88B1AF
Colorpallet from #AFB188 to #88AFB1 and to #88B1AF
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#AFB188
#A9B18F
#A9B18F
#A9B18F
#A9B18F
#A9B18E
#A9B18E
#A9B18E
#A3B095
#A3B095
#A3B095
#A3B095
#A3B194
#A3B194
#A3B194
#9CB09C
#9CB09C
#9CB09C
#9CB09C
#9CB19B
#9CB19B
#9CB19B
#96B0A2
#96B0A2
#96B0A2
#96B0A2
#96B1A1
#96B1A1
#96B1A1
#90AFA9
#90AFA9
#90B0A8
#90B0A8
#90B0A8
#90B1A7
#90B1A7
#88AFB1
#88AFB1
#88B0B0
#88B0B0
#88B0B0
#88B1AF
#88B1AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
