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 #B2C563 to #B263C5 and to #C5B263
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2B573
#B2B770
#B3B96E
#B3BB6B
#B4BD69
#B4BF66
#B5C263
#B2A682
#B3AA7D
#B4AE78
#B5B273
#B6B66E
#B7BA69
#B8BF63
#B29692
#B39C8A
#B5A283
#B6A87B
#B8AE74
#B9B46C
#BBBC63
#B286A2
#B48E98
#B6968E
#B89E84
#BAA77A
#BCAF70
#BEB963
#B277B1
#B481A5
#B78B98
#B9958C
#BC9F7F
#BEA973
#C1B663
#B263C5
#B570B5
#B87CA6
#BB8996
#BE9686
#C1A277
#C5B263
Colorpallet from #B2C563 to #B263C5 and to #C563B2
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2B573
#B2B573
#B3B572
#B3B572
#B4B571
#B4B571
#B5B570
#B2A682
#B3A681
#B4A680
#B5A67F
#B6A67E
#B7A67D
#B8A67C
#B29692
#B39691
#B5968F
#B6968E
#B8968C
#B9968B
#BB9689
#B286A2
#B486A0
#B6869E
#B8869C
#BA869A
#BC8698
#BE8696
#B277B1
#B477AF
#B777AC
#B977AA
#BC77A7
#BE77A5
#C177A2
#B263C5
#B563C2
#B863BF
#BB63BC
#BE63B9
#C163B6
#C563B2
Colorpallet from #B2C563 to #B263C5 and to #63B2C5
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2B573
#B0B773
#AEB973
#ACBB73
#AABD73
#A8BF73
#A5C273
#B2A682
#AEAA82
#AAAE82
#A6B282
#A2B682
#9EBA82
#99BF82
#B29692
#AC9C92
#A6A292
#A0A892
#9AAE92
#94B492
#8CBC92
#B286A2
#AA8EA2
#A296A2
#9A9EA2
#91A7A2
#89AFA2
#7FB9A2
#B277B1
#A881B1
#9E8BB1
#9495B1
#8A9FB1
#80A9B1
#73B6B1
#B263C5
#A570C5
#997CC5
#8C89C5
#7F96C5
#73A2C5
#63B2C5
Colorpallet from #B2C563 to #B263C5 and to #63C5B2
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2B573
#B0B873
#AEBA72
#ACBD72
#AABF71
#A8C271
#A5C570
#B2A682
#AEAB81
#AAB080
#A6B57F
#A2BA7E
#9EBF7D
#99C57C
#B29692
#AC9E91
#A6A58F
#A0AD8E
#9AB48C
#94BC8B
#8CC589
#B286A2
#AA90A0
#A29A9E
#9AA49C
#91AE9A
#89B898
#7FC596
#B277B1
#A883AF
#9E90AC
#949CAA
#8AA9A7
#80B5A5
#73C5A2
#B263C5
#A573C2
#9982BF
#8C92BC
#7FA2B9
#73B1B6
#63C5B2
Colorpallet from #B2C563 to #C5B263 and to #C563B2
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B5C263
#B5C065
#B5BE67
#B5BC69
#B5BA6B
#B5B86D
#B5B570
#B8BF63
#B8BB67
#B8B76B
#B8B36F
#B8AF73
#B8AB77
#B8A67C
#BBBC63
#BBB669
#BBB06F
#BBAA75
#BBA47B
#BB9E81
#BB9689
#BEB963
#BEB16B
#BEA973
#BEA17B
#BE9884
#BE908C
#BE8696
#C1B663
#C1AC6D
#C1A277
#C19881
#C18E8B
#C18495
#C177A2
#C5B263
#C5A570
#C5997C
#C58C89
#C57F96
#C573A2
#C563B2
Colorpallet from #B2C563 to #C5B263 and to #63B2C5
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B5C263
#B2C266
#B0C268
#ADC26B
#ABC26D
#A8C270
#A5C273
#B8BF63
#B3BF68
#AEBF6D
#A9BF72
#A4BF77
#9FBF7C
#99BF82
#BBBC63
#B3BC6B
#ACBC72
#A4BC7A
#9DBC81
#95BC89
#8CBC92
#BEB963
#B4B96D
#AAB977
#A0B981
#96B98B
#8CB995
#7FB9A2
#C1B663
#B5B66F
#A8B67C
#9CB688
#8FB695
#83B6A1
#73B6B1
#C5B263
#B5B273
#A6B282
#96B292
#86B2A2
#77B2B1
#63B2C5
Colorpallet from #B2C563 to #C5B263 and to #63C5B2
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B5C263
#B2C265
#B0C367
#ADC369
#ABC46B
#A8C46D
#A5C570
#B8BF63
#B3C067
#AEC16B
#A9C26F
#A4C373
#9FC477
#99C57C
#BBBC63
#B3BD69
#ACBF6F
#A4C075
#9DC27B
#95C381
#8CC589
#BEB963
#B4BB6B
#AABD73
#A0BF7B
#96C184
#8CC38C
#7FC596
#C1B663
#B5B86D
#A8BB77
#9CBD81
#8FC08B
#83C295
#73C5A2
#C5B263
#B5B570
#A6B87C
#96BB89
#86BE96
#77C1A2
#63C5B2
Colorpallet from #B2C563 to #C563B2 and to #63B2C5
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B5B570
#B2B770
#B0B971
#ADBB71
#ABBD72
#A8BF72
#A5C273
#B8A67C
#B3AA7D
#AEAE7E
#A9B27F
#A4B680
#9FBA81
#99BF82
#BB9689
#B39C8A
#ACA28C
#A4A88D
#9DAE8F
#95B490
#8CBC92
#BE8696
#B48E98
#AA969A
#A09E9C
#96A79E
#8CAFA0
#7FB9A2
#C177A2
#B581A4
#A88BA7
#9C95A9
#8F9FAC
#83A9AE
#73B6B1
#C563B2
#B570B5
#A67CB8
#9689BB
#8696BE
#77A2C1
#63B2C5
Colorpallet from #B2C563 to #C563B2 and to #63C5B2
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B5B570
#B2B870
#B0BA70
#ADBD70
#ABBF70
#A8C270
#A5C570
#B8A67C
#B3AB7C
#AEB07C
#A9B57C
#A4BA7C
#9FBF7C
#99C57C
#BB9689
#B39E89
#ACA589
#A4AD89
#9DB489
#95BC89
#8CC589
#BE8696
#B49096
#AA9A96
#A0A496
#96AE96
#8CB896
#7FC596
#C177A2
#B583A2
#A890A2
#9C9CA2
#8FA9A2
#83B5A2
#73C5A2
#C563B2
#B573B2
#A682B2
#9692B2
#86A2B2
#77B1B2
#63C5B2
Colorpallet from #B2C563 to #63B2C5 and to #63C5B2
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#B2C563
#A5C273
#A5C273
#A5C372
#A5C372
#A5C471
#A5C471
#A5C570
#99BF82
#99C081
#99C180
#99C27F
#99C37E
#99C47D
#99C57C
#8CBC92
#8CBD91
#8CBF8F
#8CC08E
#8CC28C
#8CC38B
#8CC589
#7FB9A2
#7FBBA0
#7FBD9E
#7FBF9C
#7FC19A
#7FC398
#7FC596
#73B6B1
#73B8AF
#73BBAC
#73BDAA
#73C0A7
#73C2A5
#73C5A2
#63B2C5
#63B5C2
#63B8BF
#63BBBC
#63BEB9
#63C1B6
#63C5B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
