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 #B4AF87 to #B487AF and to #AFB487
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4A98D
#B4AA8C
#B4AB8B
#B4AC8A
#B3AD89
#B3AF88
#B3B087
#B4A294
#B4A492
#B3A790
#B3A98E
#B3AC8C
#B2AE8A
#B2B187
#B49C9A
#B49F97
#B3A394
#B3A691
#B3A98E
#B2AD8B
#B2B187
#B495A1
#B49A9D
#B39E99
#B3A395
#B2A890
#B2AC8C
#B1B287
#B48FA7
#B395A2
#B39B9D
#B2A098
#B1A693
#B1AC8D
#B0B387
#B487AF
#B38EA9
#B295A2
#B29D9C
#B1A495
#B0AB8F
#AFB487
Colorpallet from #B4AF87 to #B487AF and to #AF87B4
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4A98D
#B4A98D
#B4A98D
#B4A98D
#B3A98E
#B3A98E
#B3A98E
#B4A294
#B4A294
#B3A294
#B3A294
#B3A295
#B2A295
#B2A295
#B49C9A
#B49C9A
#B39C9B
#B39C9B
#B39C9C
#B29C9C
#B29C9D
#B495A1
#B495A1
#B395A2
#B395A2
#B295A3
#B295A3
#B195A4
#B48FA7
#B38FA8
#B38FA8
#B28FA9
#B18FAA
#B18FAA
#B08FAB
#B487AF
#B387B0
#B287B1
#B287B1
#B187B2
#B087B3
#AF87B4
Colorpallet from #B4AF87 to #B487AF and to #87B4AF
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4A98D
#B3AA8D
#B2AB8D
#B1AC8D
#B0AD8D
#AEAF8D
#ADB08D
#B4A294
#B2A494
#B0A794
#ADA994
#ABAC94
#A9AE94
#A6B194
#B49C9A
#B09F9A
#ADA39A
#A9A69A
#A6A99A
#A2AD9A
#9EB19A
#B495A1
#AF9AA1
#AB9EA1
#A6A3A1
#A1A8A1
#9DACA1
#97B2A1
#B48FA7
#AE95A7
#A89BA7
#A3A0A7
#9DA6A7
#97ACA7
#90B3A7
#B487AF
#AD8EAF
#A695AF
#9E9DAF
#97A4AF
#90ABAF
#87B4AF
Colorpallet from #B4AF87 to #B487AF and to #87AFB4
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4A98D
#B3AA8D
#B2AB8D
#B1AC8D
#B0AD8E
#AEAE8E
#ADAF8E
#B4A294
#B2A494
#B0A694
#ADA894
#ABAA95
#A9AC95
#A6AF95
#B49C9A
#B09F9A
#ADA29B
#A9A59B
#A6A89C
#A2AB9C
#9EAF9D
#B495A1
#AF99A1
#AB9DA2
#A6A1A2
#A1A6A3
#9DAAA3
#97AFA4
#B48FA7
#AE94A8
#A899A8
#A39EA9
#9DA3AA
#97A9AA
#90AFAB
#B487AF
#AD8DB0
#A694B1
#9E9AB1
#97A1B2
#90A7B3
#87AFB4
Colorpallet from #B4AF87 to #AFB487 and to #AF87B4
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B3B087
#B3AF88
#B3AE89
#B3AD8A
#B3AC8B
#B3AA8D
#B3A98E
#B2B187
#B2AF89
#B2AC8B
#B2AA8E
#B2A790
#B2A592
#B2A295
#B2B187
#B2AE8B
#B2AA8E
#B2A792
#B2A495
#B2A099
#B29C9D
#B1B287
#B1AD8C
#B1A990
#B1A495
#B19F9A
#B19B9E
#B195A4
#B0B387
#B0AD8D
#B0A793
#B0A298
#B09C9E
#B096A4
#B08FAB
#AFB487
#AFAD8E
#AFA695
#AF9E9D
#AF97A4
#AF90AB
#AF87B4
Colorpallet from #B4AF87 to #AFB487 and to #87B4AF
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B3B087
#B2B088
#B1B089
#B0B08A
#AFB08B
#AEB08C
#ADB08D
#B2B187
#B0B189
#AEB18B
#ACB18D
#AAB18F
#A8B191
#A6B194
#B2B187
#AFB18A
#ACB18D
#A8B190
#A5B193
#A2B196
#9EB19A
#B1B287
#ADB28B
#A9B28F
#A5B293
#A0B298
#9CB29C
#97B2A1
#B0B387
#ABB38C
#A6B391
#A1B396
#9CB39B
#96B3A1
#90B3A7
#AFB487
#A9B48D
#A2B494
#9CB49A
#95B4A1
#8FB4A7
#87B4AF
Colorpallet from #B4AF87 to #AFB487 and to #87AFB4
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B3B087
#B2B088
#B1B089
#B0B08A
#AFAF8B
#AEAF8D
#ADAF8E
#B2B187
#B0B189
#AEB08B
#ACB08E
#AAB090
#A8AF92
#A6AF95
#B2B187
#AFB18B
#ACB08E
#A8B092
#A5B095
#A2AF99
#9EAF9D
#B1B287
#ADB28C
#A9B190
#A5B195
#A0B09A
#9CB09E
#97AFA4
#B0B387
#ABB28D
#A6B293
#A1B198
#9CB09E
#96B0A4
#90AFAB
#AFB487
#A9B38E
#A2B295
#9CB29D
#95B1A4
#8FB0AB
#87AFB4
Colorpallet from #B4AF87 to #AF87B4 and to #87B4AF
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B3A98E
#B2AA8E
#B1AB8E
#B0AC8E
#AFAD8D
#AEAF8D
#ADB08D
#B2A295
#B0A495
#AEA795
#ACA995
#AAAC94
#A8AE94
#A6B194
#B29C9D
#AF9F9D
#ACA39C
#A8A69C
#A5A99B
#A2AD9B
#9EB19A
#B195A4
#AD9AA4
#A99EA3
#A5A3A3
#A0A8A2
#9CACA2
#97B2A1
#B08FAB
#AB95AA
#A69BAA
#A1A0A9
#9CA6A8
#96ACA8
#90B3A7
#AF87B4
#A98EB3
#A295B2
#9C9DB2
#95A4B1
#8FABB0
#87B4AF
Colorpallet from #B4AF87 to #AF87B4 and to #87AFB4
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B3A98E
#B2AA8E
#B1AB8E
#B0AC8E
#AFAD8E
#AEAE8E
#ADAF8E
#B2A295
#B0A495
#AEA695
#ACA895
#AAAA95
#A8AC95
#A6AF95
#B29C9D
#AF9F9D
#ACA29D
#A8A59D
#A5A89D
#A2AB9D
#9EAF9D
#B195A4
#AD99A4
#A99DA4
#A5A1A4
#A0A6A4
#9CAAA4
#97AFA4
#B08FAB
#AB94AB
#A699AB
#A19EAB
#9CA3AB
#96A9AB
#90AFAB
#AF87B4
#A98DB4
#A294B4
#9C9AB4
#95A1B4
#8FA7B4
#87AFB4
Colorpallet from #B4AF87 to #87B4AF and to #87AFB4
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#B4AF87
#ADB08D
#ADB08D
#ADB08D
#ADB08D
#ADAF8E
#ADAF8E
#ADAF8E
#A6B194
#A6B194
#A6B094
#A6B094
#A6B095
#A6AF95
#A6AF95
#9EB19A
#9EB19A
#9EB09B
#9EB09B
#9EB09C
#9EAF9C
#9EAF9D
#97B2A1
#97B2A1
#97B1A2
#97B1A2
#97B0A3
#97B0A3
#97AFA4
#90B3A7
#90B2A8
#90B2A8
#90B1A9
#90B0AA
#90B0AA
#90AFAB
#87B4AF
#87B3B0
#87B2B1
#87B2B1
#87B1B2
#87B0B3
#87AFB4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
