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 #C8B480 to #C880B4 and to #B4C880
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8AC88
#C8AE87
#C7B085
#C7B184
#C6B383
#C6B582
#C5B780
#C8A391
#C7A78E
#C6AA8C
#C5AE89
#C4B286
#C3B583
#C2BA80
#C89B99
#C6A195
#C5A691
#C3AC8D
#C2B189
#C0B785
#BEBE80
#C893A1
#C69A9C
#C4A296
#C2A991
#C0B08C
#BEB887
#BBC180
#C88AAA
#C593A3
#C39D9D
#C0A696
#BEAF8F
#BBB888
#B8C480
#C880B4
#C58CAC
#C297A3
#BEA39B
#BBAE93
#B8BA8A
#B4C880
Colorpallet from #C8B480 to #C880B4 and to #B480C8
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8AC88
#C8AC89
#C7AC89
#C7AC8A
#C6AC8B
#C6AC8B
#C5AC8C
#C8A391
#C7A392
#C6A393
#C5A394
#C4A395
#C3A396
#C2A397
#C89B99
#C69B9B
#C59B9C
#C39B9E
#C29B9F
#C09BA1
#BE9BA3
#C893A1
#C693A3
#C493A5
#C293A7
#C093A9
#BE93AB
#BB93AE
#C88AAA
#C58AAD
#C38AAF
#C08AB2
#BE8AB4
#BB8AB7
#B88ABA
#C880B4
#C580B7
#C280BA
#BE80BE
#BB80C1
#B880C4
#B480C8
Colorpallet from #C8B480 to #C880B4 and to #80C8B4
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8AC88
#C6AE88
#C4B088
#C2B188
#C0B388
#BEB588
#BCB788
#C8A391
#C4A791
#C1AA91
#BDAE91
#B9B291
#B6B591
#B1BA91
#C89B99
#C2A199
#BDA699
#B7AC99
#B2B199
#ACB799
#A5BE99
#C893A1
#C19AA1
#B9A2A1
#B2A9A1
#ABB0A1
#A3B8A1
#9AC1A1
#C88AAA
#BF93AA
#B59DAA
#ACA6AA
#A3AFAA
#9AB8AA
#8EC4AA
#C880B4
#BC8CB4
#B197B4
#A5A3B4
#9AAEB4
#8EBAB4
#80C8B4
Colorpallet from #C8B480 to #C880B4 and to #80B4C8
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8AC88
#C6AD89
#C4AF89
#C2B08A
#C0B18B
#BEB28B
#BCB48C
#C8A391
#C4A692
#C1A893
#BDAB94
#B9AE95
#B6B196
#B1B497
#C89B99
#C29F9B
#BDA39C
#B7A79E
#B2AB9F
#ACAFA1
#A5B4A3
#C893A1
#C198A3
#B99EA5
#B2A3A7
#ABA8A9
#A3ADAB
#9AB4AE
#C88AAA
#BF91AD
#B597AF
#AC9EB2
#A3A5B4
#9AACB7
#8EB4BA
#C880B4
#BC88B7
#B191BA
#A599BE
#9AA1C1
#8EAAC4
#80B4C8
Colorpallet from #C8B480 to #B4C880 and to #B480C8
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C5B780
#C5B582
#C5B384
#C5B286
#C5B088
#C5AE8A
#C5AC8C
#C2BA80
#C2B684
#C2B387
#C2AF8B
#C2AB8F
#C2A892
#C2A397
#BEBE80
#BEB886
#BEB38B
#BEAD91
#BEA896
#BEA29C
#BE9BA3
#BBC180
#BBBA87
#BBB28F
#BBAB96
#BBA49D
#BB9CA5
#BB93AE
#B8C480
#B8BB89
#B8B193
#B8A89C
#B89FA5
#B896AE
#B88ABA
#B4C880
#B4BC8C
#B4B197
#B4A5A3
#B49AAE
#B48EBA
#B480C8
Colorpallet from #C8B480 to #B4C880 and to #80C8B4
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C5B780
#C4B781
#C2B783
#C1B784
#BFB785
#BEB786
#BCB788
#C2BA80
#BFBA83
#BDBA85
#BABA88
#B7BA8B
#B4BA8E
#B1BA91
#BEBE80
#BABE84
#B6BE88
#B2BE8C
#AEBE90
#AABE94
#A5BE99
#BBC180
#B6C185
#B0C18B
#ABC190
#A6C195
#A1C19A
#9AC1A1
#B8C480
#B1C487
#ABC48D
#A4C494
#9DC49B
#96C4A2
#8EC4AA
#B4C880
#ACC888
#A3C891
#9BC899
#93C8A1
#8AC8AA
#80C8B4
Colorpallet from #C8B480 to #B4C880 and to #80B4C8
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C5B780
#C4B782
#C2B684
#C1B686
#BFB588
#BEB58A
#BCB48C
#C2BA80
#BFB984
#BDB887
#BAB78B
#B7B68F
#B4B592
#B1B497
#BEBE80
#BABC86
#B6BB8B
#B2B991
#AEB896
#AAB69C
#A5B4A3
#BBC180
#B6BF87
#B0BD8F
#ABBB96
#A6B99D
#A1B7A5
#9AB4AE
#B8C480
#B1C189
#ABBF93
#A4BC9C
#9DBAA5
#96B7AE
#8EB4BA
#B4C880
#ACC58C
#A3C297
#9BBEA3
#93BBAE
#8AB8BA
#80B4C8
Colorpallet from #C8B480 to #B480C8 and to #80C8B4
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C5AC8C
#C4AE8B
#C2B08B
#C1B18A
#BFB389
#BEB589
#BCB788
#C2A397
#BFA796
#BDAA95
#BAAE94
#B7B293
#B4B592
#B1BA91
#BE9BA3
#BAA1A1
#B6A6A0
#B2AC9E
#AEB19D
#AAB79B
#A5BE99
#BB93AE
#B69AAC
#B0A2AA
#ABA9A8
#A6B0A6
#A1B8A4
#9AC1A1
#B88ABA
#B193B7
#AB9DB5
#A4A6B2
#9DAFB0
#96B8AD
#8EC4AA
#B480C8
#AC8CC5
#A397C2
#9BA3BE
#93AEBB
#8ABAB8
#80C8B4
Colorpallet from #C8B480 to #B480C8 and to #80B4C8
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C5AC8C
#C4AD8C
#C2AF8C
#C1B08C
#BFB18C
#BEB28C
#BCB48C
#C2A397
#BFA697
#BDA897
#BAAB97
#B7AE97
#B4B197
#B1B497
#BE9BA3
#BA9FA3
#B6A3A3
#B2A7A3
#AEABA3
#AAAFA3
#A5B4A3
#BB93AE
#B698AE
#B09EAE
#ABA3AE
#A6A8AE
#A1ADAE
#9AB4AE
#B88ABA
#B191BA
#AB97BA
#A49EBA
#9DA5BA
#96ACBA
#8EB4BA
#B480C8
#AC88C8
#A391C8
#9B99C8
#93A1C8
#8AAAC8
#80B4C8
Colorpallet from #C8B480 to #80C8B4 and to #80B4C8
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#C8B480
#BCB788
#BCB789
#BCB689
#BCB68A
#BCB58B
#BCB58B
#BCB48C
#B1BA91
#B1B992
#B1B893
#B1B794
#B1B695
#B1B596
#B1B497
#A5BE99
#A5BC9B
#A5BB9C
#A5B99E
#A5B89F
#A5B6A1
#A5B4A3
#9AC1A1
#9ABFA3
#9ABDA5
#9ABBA7
#9AB9A9
#9AB7AB
#9AB4AE
#8EC4AA
#8EC1AD
#8EBFAF
#8EBCB2
#8EBAB4
#8EB7B7
#8EB4BA
#80C8B4
#80C5B7
#80C2BA
#80BEBE
#80BBC1
#80B8C4
#80B4C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
