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 #B8C980 to #B880C9 and to #C9B880
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8BD8C
#B8BE8A
#B9C088
#B9C186
#BAC384
#BAC482
#BBC680
#B8B297
#B9B593
#BAB890
#BABB8C
#BBBE88
#BCC085
#BDC480
#B8A6A3
#B9AA9D
#BBAF98
#BCB392
#BDB78D
#BEBC87
#C0C180
#B89AAF
#BAA0A7
#BCA6A0
#BDAB98
#BFB191
#C1B789
#C3BE80
#B88FBA
#BA96B1
#BC9DA7
#BFA49E
#C1AB95
#C3B28C
#C6BB80
#B880C9
#BB89BD
#BD92B2
#C09BA6
#C3A49A
#C6AD8F
#C9B880
Colorpallet from #B8C980 to #B880C9 and to #C980B8
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8BD8C
#B8BD8C
#B9BD8B
#B9BD8B
#BABD8A
#BABD8A
#BBBD89
#B8B297
#B9B296
#BAB295
#BAB295
#BBB294
#BCB293
#BDB292
#B8A6A3
#B9A6A2
#BBA6A0
#BCA69F
#BDA69E
#BEA69D
#C0A69B
#B89AAF
#BA9AAD
#BC9AAB
#BD9AAA
#BF9AA8
#C19AA6
#C39AA4
#B88FBA
#BA8FB8
#BC8FB6
#BF8FB4
#C18FB2
#C38FB0
#C68FAD
#B880C9
#BB80C6
#BD80C4
#C080C1
#C380BE
#C680BB
#C980B8
Colorpallet from #B8C980 to #B880C9 and to #80B8C9
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8BD8C
#B7BE8C
#B5C08C
#B4C18C
#B2C38C
#B1C48C
#AFC68C
#B8B297
#B5B597
#B2B897
#AFBB97
#ACBE97
#AAC097
#A6C497
#B8A6A3
#B4AAA3
#AFAFA3
#ABB3A3
#A7B7A3
#A2BCA3
#9DC1A3
#B89AAF
#B2A0AF
#ACA6AF
#A7ABAF
#A1B1AF
#9BB7AF
#94BEAF
#B88FBA
#B196BA
#AA9DBA
#A2A4BA
#9BABBA
#94B2BA
#8BBBBA
#B880C9
#AF89C9
#A692C9
#9D9BC9
#94A4C9
#8BADC9
#80B8C9
Colorpallet from #B8C980 to #B880C9 and to #80C9B8
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8BD8C
#B7BF8C
#B5C18B
#B4C38B
#B2C58A
#B1C78A
#AFC989
#B8B297
#B5B696
#B2B995
#AFBD95
#ACC194
#AAC493
#A6C992
#B8A6A3
#B4ACA2
#AFB1A0
#ABB79F
#A7BC9E
#A2C29D
#9DC99B
#B89AAF
#B2A2AD
#ACA9AB
#A7B1AA
#A1B8A8
#9BC0A6
#94C9A4
#B88FBA
#B198B8
#AAA2B6
#A2ABB4
#9BB4B2
#94BDB0
#8BC9AD
#B880C9
#AF8CC6
#A697C4
#9DA3C1
#94AFBE
#8BBABB
#80C9B8
Colorpallet from #B8C980 to #C9B880 and to #C980B8
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#BBC680
#BBC581
#BBC383
#BBC284
#BBC086
#BBBF87
#BBBD89
#BDC480
#BDC183
#BDBE86
#BDBB89
#BDB88C
#BDB68E
#BDB292
#C0C180
#C0BD84
#C0B889
#C0B48D
#C0B091
#C0AB96
#C0A69B
#C3BE80
#C3B886
#C3B28C
#C3AD91
#C3A797
#C3A19D
#C39AA4
#C6BB80
#C6B487
#C6AD8E
#C6A696
#C69F9D
#C698A4
#C68FAD
#C9B880
#C9AF89
#C9A692
#C99D9B
#C994A4
#C98BAD
#C980B8
Colorpallet from #B8C980 to #C9B880 and to #80B8C9
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#BBC680
#B9C682
#B7C684
#B5C686
#B3C688
#B1C68A
#AFC68C
#BDC480
#B9C484
#B6C487
#B2C48B
#AEC48F
#ABC492
#A6C497
#C0C180
#BAC186
#B5C18B
#AFC191
#AAC196
#A4C19C
#9DC1A3
#C3BE80
#BBBE88
#B4BE8F
#ACBE97
#A5BE9E
#9DBEA6
#94BEAF
#C6BB80
#BDBB89
#B3BB93
#AABB9C
#A0BBA5
#97BBAE
#8BBBBA
#C9B880
#BDB88C
#B2B897
#A6B8A3
#9AB8AF
#8FB8BA
#80B8C9
Colorpallet from #B8C980 to #C9B880 and to #80C9B8
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#BBC680
#B9C681
#B7C783
#B5C784
#B3C886
#B1C887
#AFC989
#BDC480
#B9C583
#B6C686
#B2C689
#AEC78C
#ABC88E
#A6C992
#C0C180
#BAC284
#B5C489
#AFC58D
#AAC691
#A4C796
#9DC99B
#C3BE80
#BBC086
#B4C28C
#ACC391
#A5C597
#9DC79D
#94C9A4
#C6BB80
#BDBD87
#B3BF8E
#AAC296
#A0C49D
#97C6A4
#8BC9AD
#C9B880
#BDBB89
#B2BD92
#A6C09B
#9AC3A4
#8FC6AD
#80C9B8
Colorpallet from #B8C980 to #C980B8 and to #80B8C9
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#BBBD89
#B9BE89
#B7C08A
#B5C18A
#B3C38B
#B1C48B
#AFC68C
#BDB292
#B9B593
#B6B894
#B2BB94
#AEBE95
#ABC096
#A6C497
#C0A69B
#BAAA9C
#B5AF9E
#AFB39F
#AAB7A0
#A4BCA1
#9DC1A3
#C39AA4
#BBA0A6
#B4A6A8
#ACABA9
#A5B1AB
#9DB7AD
#94BEAF
#C68FAD
#BD96AF
#B39DB1
#AAA4B3
#A0ABB5
#97B2B7
#8BBBBA
#C980B8
#BD89BB
#B292BD
#A69BC0
#9AA4C3
#8FADC6
#80B8C9
Colorpallet from #B8C980 to #C980B8 and to #80C9B8
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#BBBD89
#B9BF89
#B7C189
#B5C389
#B3C589
#B1C789
#AFC989
#BDB292
#B9B692
#B6B992
#B2BD92
#AEC192
#ABC492
#A6C992
#C0A69B
#BAAC9B
#B5B19B
#AFB79B
#AABC9B
#A4C29B
#9DC99B
#C39AA4
#BBA2A4
#B4A9A4
#ACB1A4
#A5B8A4
#9DC0A4
#94C9A4
#C68FAD
#BD98AD
#B3A2AD
#AAABAD
#A0B4AD
#97BDAD
#8BC9AD
#C980B8
#BD8CB8
#B297B8
#A6A3B8
#9AAFB8
#8FBAB8
#80C9B8
Colorpallet from #B8C980 to #80B8C9 and to #80C9B8
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#B8C980
#AFC68C
#AFC68C
#AFC78B
#AFC78B
#AFC88A
#AFC88A
#AFC989
#A6C497
#A6C596
#A6C695
#A6C695
#A6C794
#A6C893
#A6C992
#9DC1A3
#9DC2A2
#9DC4A0
#9DC59F
#9DC69E
#9DC79D
#9DC99B
#94BEAF
#94C0AD
#94C2AB
#94C3AA
#94C5A8
#94C7A6
#94C9A4
#8BBBBA
#8BBDB8
#8BBFB6
#8BC2B4
#8BC4B2
#8BC6B0
#8BC9AD
#80B8C9
#80BBC6
#80BDC4
#80C0C1
#80C3BE
#80C6BB
#80C9B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
