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 #B582A2 to #B5A282 and to #82B5A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B5879D
#B4879E
#B2889F
#B1889F
#B089A0
#AF89A1
#AD8AA2
#B58C98
#B28D9A
#B08E9B
#AD8F9D
#AB909E
#A891A0
#A592A2
#B59193
#B19295
#AD9498
#A9959A
#A6979D
#A2989F
#9D9AA2
#B5968E
#B09891
#AA9A94
#A59C98
#A09E9B
#9BA09E
#94A3A2
#B59C88
#AE9E8C
#A8A190
#A1A394
#9BA699
#94A89D
#8CABA2
#B5A282
#ADA587
#A5A88C
#9DAB91
#94AE96
#8CB19C
#82B5A2
Colorpallet from #B582A2 to #B5A282 and to #82A2B5
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B5879D
#B4879E
#B287A0
#B187A1
#B087A2
#AF87A3
#AD87A5
#B58C98
#B28C9B
#B08C9D
#AD8CA0
#AB8CA2
#A88CA5
#A58CA8
#B59193
#B19197
#AD919B
#A9919F
#A691A2
#A291A6
#9D91AB
#B5968E
#B09693
#AA9698
#A5969D
#A096A2
#9B96A8
#9496AE
#B59C88
#AE9C8F
#A89C95
#A19C9C
#9B9CA2
#949CA9
#8C9CB1
#B5A282
#ADA28A
#A5A292
#9DA29A
#94A2A3
#8CA2AB
#82A2B5
Colorpallet from #B582A2 to #B5A282 and to #A2B582
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B5879D
#B5879D
#B4889D
#B4889D
#B3899D
#B3899D
#B28A9D
#B58C98
#B48D98
#B38E98
#B28F98
#B19098
#B09198
#AF9298
#B59193
#B49293
#B29493
#B19593
#AF9793
#AE9893
#AC9A93
#B5968E
#B3988E
#B19A8E
#AF9C8E
#AD9E8E
#ABA08E
#A9A38E
#B59C88
#B39E88
#B0A188
#AEA388
#ABA688
#A9A888
#A6AB88
#B5A282
#B2A582
#AFA882
#ACAB82
#A9AE82
#A6B182
#A2B582
Colorpallet from #B582A2 to #B5A282 and to #A282B5
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B5879D
#B5869E
#B485A0
#B485A1
#B384A2
#B383A3
#B282A5
#B58C98
#B48A9B
#B3899D
#B287A0
#B186A2
#B084A5
#AF82A8
#B59193
#B48F97
#B28C9B
#B18A9F
#AF87A2
#AE85A6
#AC82AB
#B5968E
#B39393
#B19098
#AF8C9D
#AD89A2
#AB86A8
#A982AE
#B59C88
#B3988F
#B09495
#AE909C
#AB8BA2
#A987A9
#A682B1
#B5A282
#B29D8A
#AF9892
#AC939A
#A98EA3
#A688AB
#A282B5
Colorpallet from #B582A2 to #82B5A2 and to #82A2B5
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#AD8AA2
#AD8AA2
#AD89A3
#AD89A3
#AD88A4
#AD88A4
#AD87A5
#A592A2
#A591A3
#A590A4
#A58FA5
#A58EA6
#A58DA7
#A58CA8
#9D9AA2
#9D99A3
#9D97A5
#9D96A6
#9D94A8
#9D93A9
#9D91AB
#94A3A2
#94A1A4
#949FA6
#949DA8
#949BAA
#9499AC
#9496AE
#8CABA2
#8CA9A4
#8CA6A7
#8CA4A9
#8CA1AC
#8C9FAE
#8C9CB1
#82B5A2
#82B2A5
#82AFA8
#82ACAB
#82A9AE
#82A6B1
#82A2B5
Colorpallet from #B582A2 to #82B5A2 and to #A2B582
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#AD8AA2
#AE8AA1
#AF8AA0
#AF8AA0
#B08A9F
#B18A9E
#B28A9D
#A592A2
#A792A0
#A8929F
#AA929D
#AB929C
#AD929A
#AF9298
#9D9AA2
#9F9AA0
#A29A9D
#A49A9B
#A79A98
#A99A96
#AC9A93
#94A3A2
#97A39F
#9BA39C
#9EA398
#A1A395
#A5A392
#A9A38E
#8CABA2
#90AB9E
#94AB9A
#98AB96
#9DAB91
#A1AB8D
#A6AB88
#82B5A2
#87B59D
#8CB598
#91B593
#96B58E
#9CB588
#A2B582
Colorpallet from #B582A2 to #82B5A2 and to #A282B5
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#AD8AA2
#AE89A2
#AF87A3
#AF86A3
#B085A4
#B184A4
#B282A5
#A592A2
#A78FA3
#A88DA4
#AA8AA5
#AB88A6
#AD85A7
#AF82A8
#9D9AA2
#9F96A3
#A292A5
#A48EA6
#A78BA8
#A987A9
#AC82AB
#94A3A2
#979EA4
#9B98A6
#9E93A8
#A18EAA
#A589AC
#A982AE
#8CABA2
#90A4A4
#949EA7
#9897A9
#9D91AC
#A18AAE
#A682B1
#82B5A2
#87ADA5
#8CA5A8
#919DAB
#9694AE
#9C8CB1
#A282B5
Colorpallet from #B582A2 to #82A2B5 and to #A2B582
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#AD87A5
#AE87A4
#AF88A2
#AF88A1
#B089A0
#B1899F
#B28A9D
#A58CA8
#A78DA5
#A88EA3
#AA8FA0
#AB909E
#AD919B
#AF9298
#9D91AB
#9F92A7
#A294A3
#A4959F
#A7979C
#A99898
#AC9A93
#9496AE
#9798A9
#9B9AA4
#9E9C9F
#A19E9A
#A5A094
#A9A38E
#8C9CB1
#909EAA
#94A1A4
#98A39D
#9DA697
#A1A890
#A6AB88
#82A2B5
#87A5AD
#8CA8A5
#91AB9D
#96AE94
#9CB18C
#A2B582
Colorpallet from #B582A2 to #82A2B5 and to #A282B5
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#AD87A5
#AE86A5
#AF85A5
#AF85A5
#B084A5
#B183A5
#B282A5
#A58CA8
#A78AA8
#A889A8
#AA87A8
#AB86A8
#AD84A8
#AF82A8
#9D91AB
#9F8FAB
#A28CAB
#A48AAB
#A787AB
#A985AB
#AC82AB
#9496AE
#9793AE
#9B90AE
#9E8CAE
#A189AE
#A586AE
#A982AE
#8C9CB1
#9098B1
#9494B1
#9890B1
#9D8BB1
#A187B1
#A682B1
#82A2B5
#879DB5
#8C98B5
#9193B5
#968EB5
#9C88B5
#A282B5
Colorpallet from #B582A2 to #A2B582 and to #A282B5
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B582A2
#B28A9D
#B2899E
#B287A0
#B286A1
#B285A2
#B284A3
#B282A5
#AF9298
#AF8F9B
#AF8D9D
#AF8AA0
#AF88A2
#AF85A5
#AF82A8
#AC9A93
#AC9697
#AC929B
#AC8E9F
#AC8BA2
#AC87A6
#AC82AB
#A9A38E
#A99E93
#A99898
#A9939D
#A98EA2
#A989A8
#A982AE
#A6AB88
#A6A48F
#A69E95
#A6979C
#A691A2
#A68AA9
#A682B1
#A2B582
#A2AD8A
#A2A592
#A29D9A
#A294A3
#A28CAB
#A282B5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
