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 #AF8A9D to #AF9D8A and to #8AAF9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8D9A
#AE8D9A
#AD8E9B
#AC8E9B
#AB8F9C
#AA8F9C
#A9909D
#AF9097
#AD9198
#AB9299
#A9939A
#A7949B
#A5959C
#A3969D
#AF9394
#AC9495
#A99697
#A69798
#A3999A
#A19A9B
#9D9C9D
#AF9691
#AB9893
#A79A95
#A39C97
#A09E99
#9CA09B
#97A29D
#AF998E
#AA9B90
#A59E93
#A1A095
#9CA398
#97A59A
#91A89D
#AF9D8A
#A9A08D
#A3A390
#9DA693
#97A996
#91AB99
#8AAF9D
Colorpallet from #AF8A9D to #AF9D8A and to #8A9DAF
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8D9A
#AE8D9B
#AD8D9C
#AC8D9D
#AB8D9E
#AA8D9F
#A98DA0
#AF9097
#AD9099
#AB909B
#A9909D
#A7909F
#A590A1
#A390A3
#AF9394
#AC9397
#A9939A
#A6939D
#A393A0
#A193A2
#9D93A6
#AF9691
#AB9695
#A79699
#A3969D
#A096A0
#9C96A4
#9796A9
#AF998E
#AA9993
#A59997
#A1999C
#9C99A1
#9799A5
#9199AB
#AF9D8A
#A99D90
#A39D96
#9D9D9C
#979DA2
#919DA8
#8A9DAF
Colorpallet from #AF8A9D to #AF9D8A and to #9DAF8A
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8D9A
#AF8D9A
#AE8E9A
#AE8E9A
#AD8F9A
#AD8F9A
#AC909A
#AF9097
#AE9197
#AD9297
#AC9397
#AB9497
#AA9597
#A99697
#AF9394
#AE9494
#AC9694
#AB9794
#A99994
#A89A94
#A69C94
#AF9691
#AD9891
#AB9A91
#A99C91
#A79E91
#A5A091
#A3A291
#AF998E
#AD9B8E
#AB9E8E
#A8A08E
#A6A38E
#A4A58E
#A1A88E
#AF9D8A
#ACA08A
#A9A38A
#A6A68A
#A3A98A
#A1AB8A
#9DAF8A
Colorpallet from #AF8A9D to #AF9D8A and to #9D8AAF
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8D9A
#AF8D9B
#AE8C9C
#AE8C9D
#AD8B9E
#AD8B9F
#AC8AA0
#AF9097
#AE8F99
#AD8E9B
#AC8D9D
#AB8C9F
#AA8BA1
#A98AA3
#AF9394
#AE9297
#AC909A
#AB8F9D
#A98DA0
#A88CA2
#A68AA6
#AF9691
#AD9495
#AB9299
#A9909D
#A78EA0
#A58CA4
#A38AA9
#AF998E
#AD9793
#AB9497
#A8929C
#A68FA1
#A48DA5
#A18AAB
#AF9D8A
#AC9A90
#A99796
#A6949C
#A391A2
#A18EA8
#9D8AAF
Colorpallet from #AF8A9D to #8AAF9D and to #8A9DAF
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#A9909D
#A9909D
#A98F9E
#A98F9E
#A98E9F
#A98E9F
#A98DA0
#A3969D
#A3959E
#A3949F
#A393A0
#A392A1
#A391A2
#A390A3
#9D9C9D
#9D9B9E
#9D99A0
#9D98A1
#9D96A3
#9D95A4
#9D93A6
#97A29D
#97A09F
#979EA1
#979CA3
#979AA5
#9798A7
#9796A9
#91A89D
#91A69F
#91A3A1
#91A1A4
#919EA6
#919CA8
#9199AB
#8AAF9D
#8AACA0
#8AA9A3
#8AA6A6
#8AA3A9
#8AA1AB
#8A9DAF
Colorpallet from #AF8A9D to #8AAF9D and to #9DAF8A
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#A9909D
#A9909D
#AA909C
#AA909C
#AB909B
#AB909B
#AC909A
#A3969D
#A4969C
#A5969B
#A6969A
#A79699
#A89698
#A99697
#9D9C9D
#9E9C9C
#A09C9A
#A19C99
#A39C97
#A49C96
#A69C94
#97A29D
#99A29B
#9BA299
#9DA297
#9FA295
#A1A293
#A3A291
#91A89D
#94A89B
#96A898
#99A896
#9BA893
#9EA891
#A1A88E
#8AAF9D
#8DAF9A
#90AF97
#93AF94
#96AF91
#99AF8E
#9DAF8A
Colorpallet from #AF8A9D to #8AAF9D and to #9D8AAF
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#A9909D
#A98F9D
#AA8E9E
#AA8D9E
#AB8C9F
#AB8B9F
#AC8AA0
#A3969D
#A4949E
#A5929F
#A690A0
#A78EA1
#A88CA2
#A98AA3
#9D9C9D
#9E999E
#A096A0
#A193A1
#A390A3
#A48EA4
#A68AA6
#97A29D
#999E9F
#9B9AA1
#9D96A3
#9F93A5
#A18FA7
#A38AA9
#91A89D
#94A39F
#969EA1
#999AA4
#9B95A6
#9E90A8
#A18AAB
#8AAF9D
#8DA9A0
#90A3A3
#939DA6
#9697A9
#9991AB
#9D8AAF
Colorpallet from #AF8A9D to #8A9DAF and to #9DAF8A
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#A98DA0
#A98D9F
#AA8E9E
#AA8E9D
#AB8F9C
#AB8F9B
#AC909A
#A390A3
#A491A1
#A5929F
#A6939D
#A7949B
#A89599
#A99697
#9D93A6
#9E94A3
#A096A0
#A1979D
#A3999A
#A49A98
#A69C94
#9796A9
#9998A5
#9B9AA1
#9D9C9D
#9F9E9A
#A1A096
#A3A291
#9199AB
#949BA6
#969EA2
#99A09D
#9BA398
#9EA594
#A1A88E
#8A9DAF
#8DA0A9
#90A3A3
#93A69D
#96A997
#99AB91
#9DAF8A
Colorpallet from #AF8A9D to #8A9DAF and to #9D8AAF
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#A98DA0
#A98DA0
#AA8CA0
#AA8CA0
#AB8BA0
#AB8BA0
#AC8AA0
#A390A3
#A48FA3
#A58EA3
#A68DA3
#A78CA3
#A88BA3
#A98AA3
#9D93A6
#9E92A6
#A090A6
#A18FA6
#A38DA6
#A48CA6
#A68AA6
#9796A9
#9994A9
#9B92A9
#9D90A9
#9F8EA9
#A18CA9
#A38AA9
#9199AB
#9497AB
#9694AB
#9992AB
#9B8FAB
#9E8DAB
#A18AAB
#8A9DAF
#8D9AAF
#9097AF
#9394AF
#9691AF
#998EAF
#9D8AAF
Colorpallet from #AF8A9D to #9DAF8A and to #9D8AAF
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AF8A9D
#AC909A
#AC8F9B
#AC8E9C
#AC8D9D
#AC8C9E
#AC8B9F
#AC8AA0
#A99697
#A99499
#A9929B
#A9909D
#A98E9F
#A98CA1
#A98AA3
#A69C94
#A69997
#A6969A
#A6939D
#A690A0
#A68EA2
#A68AA6
#A3A291
#A39E95
#A39A99
#A3969D
#A393A0
#A38FA4
#A38AA9
#A1A88E
#A1A393
#A19E97
#A19A9C
#A195A1
#A190A5
#A18AAB
#9DAF8A
#9DA990
#9DA396
#9D9D9C
#9D97A2
#9D91A8
#9D8AAF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
