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 #B9D660 to #B960D6 and to #D6B960
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9C373
#BAC570
#BBC76D
#BBCA6A
#BCCC67
#BDCE64
#BED160
#B9B086
#BAB580
#BCB97A
#BDBE74
#BFC36E
#C0C768
#C2CD60
#B99D99
#BBA490
#BDAB87
#C0B27E
#C2B975
#C4BF6B
#C7C860
#B98AAC
#BC93A0
#BF9C94
#C2A588
#C5AE7B
#C8B86F
#CCC360
#B978BE
#BD83AF
#C08FA0
#C49A91
#C8A582
#CBB173
#D0BF60
#B960D6
#BE6EC3
#C27CB0
#C78B9D
#CC998A
#D0A778
#D6B960
Colorpallet from #B9D660 to #B960D6 and to #D660B9
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9C373
#BAC372
#BBC371
#BBC371
#BCC370
#BDC36F
#BEC36E
#B9B086
#BAB084
#BCB083
#BDB081
#BFB080
#C0B07E
#C2B07C
#B99D99
#BB9D97
#BD9D95
#C09D92
#C29D90
#C49D8E
#C79D8B
#B98AAC
#BC8AA9
#BF8AA6
#C28AA3
#C58AA0
#C88A9D
#CC8A99
#B978BE
#BD78BA
#C078B7
#C478B3
#C878AF
#CB78AC
#D078A7
#B960D6
#BE60D1
#C260CD
#C760C8
#CC60C3
#D060BF
#D660B9
Colorpallet from #B9D660 to #B960D6 and to #60B9D6
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9C373
#B7C573
#B5C773
#B2CA73
#B0CC73
#AECE73
#ABD173
#B9B086
#B5B586
#B0B986
#ACBE86
#A7C386
#A3C786
#9DCD86
#B99D99
#B2A499
#ABAB99
#A4B299
#9DB999
#97BF99
#8EC899
#B98AAC
#B093AC
#A79CAC
#9EA5AC
#95AEAC
#8BB8AC
#80C3AC
#B978BE
#AE83BE
#A28FBE
#979ABE
#8CA5BE
#80B1BE
#72BFBE
#B960D6
#AB6ED6
#9D7CD6
#8E8BD6
#8099D6
#72A7D6
#60B9D6
Colorpallet from #B9D660 to #B960D6 and to #60D6B9
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9C373
#B7C672
#B5C971
#B2CC71
#B0CF70
#AED26F
#ABD66E
#B9B086
#B5B684
#B0BC83
#ACC281
#A7C880
#A3CE7E
#9DD67C
#B99D99
#B2A697
#ABAF95
#A4B892
#9DC190
#97CB8E
#8ED68B
#B98AAC
#B096A9
#A7A2A6
#9EAEA3
#95BBA0
#8BC79D
#80D699
#B978BE
#AE87BA
#A296B7
#97A5B3
#8CB4AF
#80C3AC
#72D6A7
#B960D6
#AB73D1
#9D86CD
#8E99C8
#80ACC3
#72BEBF
#60D6B9
Colorpallet from #B9D660 to #D6B960 and to #D660B9
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#BED160
#BECF62
#BECD64
#BECA67
#BEC869
#BEC66B
#BEC36E
#C2CD60
#C2C864
#C2C469
#C2BF6D
#C2BA72
#C2B676
#C2B07C
#C7C860
#C7C167
#C7BA6E
#C7B375
#C7AC7C
#C7A682
#C79D8B
#CCC360
#CCBA69
#CCB172
#CCA87B
#CC9F84
#CC958E
#CC8A99
#D0BF60
#D0B46B
#D0A877
#D09D82
#D0928D
#D08699
#D078A7
#D6B960
#D6AB6E
#D69D7C
#D68E8B
#D68099
#D672A7
#D660B9
Colorpallet from #B9D660 to #D6B960 and to #60B9D6
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#BED160
#BBD163
#B8D166
#B5D169
#B2D16C
#AFD16F
#ABD173
#C2CD60
#BCCD66
#B6CD6C
#B0CD72
#AACD78
#A4CD7E
#9DCD86
#C7C860
#BEC869
#B5C872
#ACC87B
#A3C884
#99C88E
#8EC899
#CCC360
#C0C36C
#B4C378
#A8C384
#9BC391
#8FC39D
#80C3AC
#D0BF60
#C1BF6F
#B2BF7E
#A3BF8D
#94BF9C
#85BFAB
#72BFBE
#D6B960
#C3B973
#B0B986
#9DB999
#8AB9AC
#78B9BE
#60B9D6
Colorpallet from #B9D660 to #D6B960 and to #60D6B9
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#BED160
#BBD262
#B8D364
#B5D367
#B2D469
#AFD56B
#ABD66E
#C2CD60
#BCCE64
#B6D069
#B0D16D
#AAD372
#A4D476
#9DD67C
#C7C860
#BECA67
#B5CC6E
#ACCF75
#A3D17C
#99D382
#8ED68B
#CCC360
#C0C669
#B4C972
#A8CC7B
#9BCF84
#8FD28E
#80D699
#D0BF60
#C1C36B
#B2C677
#A3CA82
#94CE8D
#85D199
#72D6A7
#D6B960
#C3BE6E
#B0C27C
#9DC78B
#8ACC99
#78D0A7
#60D6B9
Colorpallet from #B9D660 to #D660B9 and to #60B9D6
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#BEC36E
#BBC56F
#B8C770
#B5CA70
#B2CC71
#AFCE72
#ABD173
#C2B07C
#BCB57E
#B6B97F
#B0BE81
#AAC382
#A4C784
#9DCD86
#C79D8B
#BEA48D
#B5AB8F
#ACB292
#A3B994
#99BF96
#8EC899
#CC8A99
#C0939C
#B49C9F
#A8A5A2
#9BAEA5
#8FB8A8
#80C3AC
#D078A7
#C183AB
#B28FAE
#A39AB2
#94A5B6
#85B1B9
#72BFBE
#D660B9
#C36EBE
#B07CC2
#9D8BC7
#8A99CC
#78A7D0
#60B9D6
Colorpallet from #B9D660 to #D660B9 and to #60D6B9
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#BEC36E
#BBC66E
#B8C96E
#B5CC6E
#B2CF6E
#AFD26E
#ABD66E
#C2B07C
#BCB67C
#B6BC7C
#B0C27C
#AAC87C
#A4CE7C
#9DD67C
#C79D8B
#BEA68B
#B5AF8B
#ACB88B
#A3C18B
#99CB8B
#8ED68B
#CC8A99
#C09699
#B4A299
#A8AE99
#9BBB99
#8FC799
#80D699
#D078A7
#C187A7
#B296A7
#A3A5A7
#94B4A7
#85C3A7
#72D6A7
#D660B9
#C373B9
#B086B9
#9D99B9
#8AACB9
#78BEB9
#60D6B9
Colorpallet from #B9D660 to #60B9D6 and to #60D6B9
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#B9D660
#ABD173
#ABD272
#ABD371
#ABD371
#ABD470
#ABD56F
#ABD66E
#9DCD86
#9DCE84
#9DD083
#9DD181
#9DD380
#9DD47E
#9DD67C
#8EC899
#8ECA97
#8ECC95
#8ECF92
#8ED190
#8ED38E
#8ED68B
#80C3AC
#80C6A9
#80C9A6
#80CCA3
#80CFA0
#80D29D
#80D699
#72BFBE
#72C3BA
#72C6B7
#72CAB3
#72CEAF
#72D1AC
#72D6A7
#60B9D6
#60BED1
#60C2CD
#60C7C8
#60CCC3
#60D0BF
#60D6B9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
