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 #C8C776 to #C876C7 and to #C7C876
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8BA83
#C8BC81
#C8BE7F
#C8C07D
#C8C27B
#C8C479
#C8C776
#C8AD90
#C8B18C
#C8B588
#C8B984
#C8BE7F
#C8C27B
#C8C776
#C8A09D
#C8A697
#C8AC91
#C8B38A
#C8B984
#C8BF7E
#C8C776
#C893AA
#C89BA2
#C8A499
#C8AC91
#C7B589
#C7BD80
#C7C876
#C886B7
#C891AD
#C89BA2
#C8A698
#C7B08D
#C7BB83
#C7C876
#C876C7
#C883BA
#C890AD
#C89DA0
#C7AA93
#C7B886
#C7C876
Colorpallet from #C8C776 to #C876C7 and to #C776C8
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8BA83
#C8BA83
#C8BA83
#C8BA83
#C8BA83
#C8BA83
#C8BA83
#C8AD90
#C8AD90
#C8AD90
#C8AD90
#C8AD90
#C8AD90
#C8AD90
#C8A09D
#C8A09D
#C8A09D
#C8A09D
#C8A09D
#C8A09D
#C8A09D
#C893AA
#C893AA
#C893AA
#C893AA
#C793AA
#C793AA
#C793AA
#C886B7
#C886B7
#C886B7
#C886B7
#C786B8
#C786B8
#C786B8
#C876C7
#C876C7
#C876C7
#C876C7
#C776C8
#C776C8
#C776C8
Colorpallet from #C8C776 to #C876C7 and to #76C8C7
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8BA83
#C6BC83
#C4BE83
#C2C083
#C0C283
#BEC483
#BBC783
#C8AD90
#C4B190
#C0B590
#BCB990
#B7BE90
#B3C290
#AEC790
#C8A09D
#C2A69D
#BCAC9D
#B5B39D
#AFB99D
#A9BF9D
#A1C79D
#C893AA
#C09BAA
#B7A4AA
#AFACAA
#A7B5AA
#9EBDAA
#94C8AA
#C886B7
#BD91B7
#B39BB7
#A8A6B7
#9EB0B7
#93BBB7
#86C8B7
#C876C7
#BB83C7
#AE90C7
#A19DC7
#94AAC7
#86B8C7
#76C8C7
Colorpallet from #C8C776 to #C876C7 and to #76C7C8
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8BA83
#C6BC83
#C4BE83
#C2C083
#C0C283
#BEC483
#BBC783
#C8AD90
#C4B190
#C0B590
#BCB990
#B7BE90
#B3C290
#AEC790
#C8A09D
#C2A69D
#BCAC9D
#B5B39D
#AFB99D
#A9BF9D
#A1C79D
#C893AA
#C09BAA
#B7A4AA
#AFACAA
#A7B4AA
#9EBDAA
#94C7AA
#C886B7
#BD90B7
#B39BB7
#A8A5B7
#9EB0B8
#93BAB8
#86C7B8
#C876C7
#BB83C7
#AE90C7
#A19DC7
#94AAC8
#86B7C8
#76C7C8
Colorpallet from #C8C776 to #C7C876 and to #C776C8
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C578
#C8C37A
#C8C17C
#C8BF7E
#C8BD80
#C8BA83
#C8C776
#C8C37A
#C8BF7E
#C8BB82
#C8B687
#C8B28B
#C8AD90
#C8C776
#C8C17C
#C8BB82
#C8B489
#C8AE8F
#C8A895
#C8A09D
#C7C876
#C7C07E
#C7B787
#C7AF8F
#C7A697
#C79EA0
#C793AA
#C7C876
#C7BD81
#C7B38B
#C7A896
#C79EA0
#C793AB
#C786B8
#C7C876
#C7BB83
#C7AE90
#C7A19D
#C794AA
#C786B8
#C776C8
Colorpallet from #C8C776 to #C7C876 and to #76C8C7
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C6C778
#C4C77A
#C2C77C
#C0C77E
#BEC780
#BBC783
#C8C776
#C4C77A
#C0C77E
#BCC782
#B7C787
#B3C78B
#AEC790
#C8C776
#C2C77C
#BCC782
#B5C789
#AFC78F
#A9C795
#A1C79D
#C7C876
#BFC87E
#B7C887
#AFC88F
#A6C897
#9EC8A0
#94C8AA
#C7C876
#BDC880
#B2C88B
#A8C895
#9DC8A0
#93C8AA
#86C8B7
#C7C876
#BAC883
#ADC890
#A0C89D
#93C8AA
#86C8B7
#76C8C7
Colorpallet from #C8C776 to #C7C876 and to #76C7C8
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C6C778
#C4C77A
#C2C77C
#C0C77E
#BEC780
#BBC783
#C8C776
#C4C77A
#C0C77E
#BCC782
#B7C787
#B3C78B
#AEC790
#C8C776
#C2C77C
#BCC782
#B5C789
#AFC78F
#A9C795
#A1C79D
#C7C876
#BFC87E
#B7C887
#AFC88F
#A6C797
#9EC7A0
#94C7AA
#C7C876
#BDC881
#B2C88B
#A8C896
#9DC7A0
#93C7AB
#86C7B8
#C7C876
#BAC883
#ADC890
#A0C89D
#93C7AA
#86C7B8
#76C7C8
Colorpallet from #C8C776 to #C776C8 and to #76C8C7
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8BA83
#C6BC83
#C4BE83
#C2C083
#C0C283
#BEC483
#BBC783
#C8AD90
#C4B190
#C0B590
#BCB990
#B7BE90
#B3C290
#AEC790
#C8A09D
#C2A69D
#BCAC9D
#B5B39D
#AFB99D
#A9BF9D
#A1C79D
#C793AA
#BF9BAA
#B7A4AA
#AFACAA
#A6B5AA
#9EBDAA
#94C8AA
#C786B8
#BD91B8
#B29BB8
#A8A6B8
#9DB0B7
#93BBB7
#86C8B7
#C776C8
#BA83C8
#AD90C8
#A09DC8
#93AAC7
#86B8C7
#76C8C7
Colorpallet from #C8C776 to #C776C8 and to #76C7C8
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8BA83
#C6BC83
#C4BE83
#C2C083
#C0C283
#BEC483
#BBC783
#C8AD90
#C4B190
#C0B590
#BCB990
#B7BE90
#B3C290
#AEC790
#C8A09D
#C2A69D
#BCAC9D
#B5B39D
#AFB99D
#A9BF9D
#A1C79D
#C793AA
#BF9BAA
#B7A4AA
#AFACAA
#A6B4AA
#9EBDAA
#94C7AA
#C786B8
#BD90B8
#B29BB8
#A8A5B8
#9DB0B8
#93BAB8
#86C7B8
#C776C8
#BA83C8
#AD90C8
#A09DC8
#93AAC8
#86B7C8
#76C7C8
Colorpallet from #C8C776 to #76C8C7 and to #76C7C8
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#C8C776
#BBC783
#BBC783
#BBC783
#BBC783
#BBC783
#BBC783
#BBC783
#AEC790
#AEC790
#AEC790
#AEC790
#AEC790
#AEC790
#AEC790
#A1C79D
#A1C79D
#A1C79D
#A1C79D
#A1C79D
#A1C79D
#A1C79D
#94C8AA
#94C8AA
#94C8AA
#94C8AA
#94C7AA
#94C7AA
#94C7AA
#86C8B7
#86C8B7
#86C8B7
#86C8B7
#86C7B8
#86C7B8
#86C7B8
#76C8C7
#76C8C7
#76C8C7
#76C8C7
#76C7C8
#76C7C8
#76C7C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
