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 #CD6C8E to #CD8E6C and to #6CCD8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD7189
#CA738A
#C8758B
#C5768B
#C3788C
#C07A8D
#BD7C8E
#CD7783
#C87A85
#C37D87
#BE8188
#B9848A
#B4878C
#AE8B8E
#CD7C7E
#C58181
#BE8683
#B68B86
#AF9088
#A7958B
#9E9B8E
#CD8278
#C3887C
#B98F7F
#AF9583
#A59C86
#9BA28A
#8FAA8E
#CD8773
#C18F77
#B4977C
#A89F80
#9BA884
#8FB089
#7FBA8E
#CD8E6C
#BD9871
#AEA277
#9EAC7C
#8FB682
#7FC087
#6CCD8E
Colorpallet from #CD6C8E to #CD8E6C and to #6C8ECD
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD7189
#CA718B
#C8718E
#C57190
#C37193
#C07195
#BD7198
#CD7783
#C87788
#C3778D
#BE7792
#B97797
#B4779C
#AE77A2
#CD7C7E
#C57C85
#BE7C8D
#B67C94
#AF7C9B
#A77CA3
#9E7CAC
#CD8278
#C38282
#B9828C
#AF8296
#A582A0
#9B82AA
#8F82B6
#CD8773
#C1877F
#B4878C
#A88798
#9B87A4
#8F87B1
#7F87C0
#CD8E6C
#BD8E7C
#AE8E8B
#9E8E9B
#8F8EAA
#7F8EBA
#6C8ECD
Colorpallet from #CD6C8E to #CD8E6C and to #8ECD6C
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD7189
#CB7389
#CA7589
#C87689
#C77889
#C57A89
#C37C89
#CD7783
#CA7A83
#C77D83
#C38183
#C08483
#BD8783
#B98B83
#CD7C7E
#C8817E
#C3867E
#BF8B7E
#BA907E
#B5957E
#AF9B7E
#CD8278
#C78878
#C08F78
#BA9578
#B39C78
#ADA278
#A5AA78
#CD8773
#C58F73
#BD9773
#B59F73
#ADA873
#A5B073
#9BBA73
#CD8E6C
#C3986C
#B9A26C
#AFAC6C
#A5B66C
#9BC06C
#8ECD6C
Colorpallet from #CD6C8E to #CD8E6C and to #8E6CCD
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD7189
#CB708B
#CA6F8E
#C86F90
#C76E93
#C56D95
#C36C98
#CD7783
#CA7588
#C7738D
#C37292
#C07097
#BD6E9C
#B96CA2
#CD7C7E
#C87985
#C3778D
#BF7494
#BA729B
#B56FA3
#AF6CAC
#CD8278
#C77E82
#C07B8C
#BA7796
#B374A0
#AD70AA
#A56CB6
#CD8773
#C5837F
#BD7E8C
#B57A98
#AD76A4
#A571B1
#9B6CC0
#CD8E6C
#C3897C
#B9838B
#AF7E9B
#A578AA
#9B73BA
#8E6CCD
Colorpallet from #CD6C8E to #6CCD8E and to #6C8ECD
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#BD7C8E
#BD7A90
#BD7891
#BD7793
#BD7594
#BD7396
#BD7198
#AE8B8E
#AE8891
#AE8594
#AE8198
#AE7E9B
#AE7B9E
#AE77A2
#9E9B8E
#9E9693
#9E9198
#9E8C9C
#9E87A1
#9E82A6
#9E7CAC
#8FAA8E
#8FA494
#8F9D9B
#8F97A1
#8F90A8
#8F8AAE
#8F82B6
#7FBA8E
#7FB296
#7FAA9E
#7FA2A6
#7F99AE
#7F91B6
#7F87C0
#6CCD8E
#6CC398
#6CB9A2
#6CAFAC
#6CA5B6
#6C9BC0
#6C8ECD
Colorpallet from #CD6C8E to #6CCD8E and to #8ECD6C
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#BD7C8E
#BE7C8D
#BF7C8C
#C07C8C
#C17C8B
#C27C8A
#C37C89
#AE8B8E
#B08B8C
#B28B8A
#B38B89
#B58B87
#B78B85
#B98B83
#9E9B8E
#A19B8B
#A39B89
#A69B86
#A99B84
#AC9B81
#AF9B7E
#8FAA8E
#93AA8A
#96AA87
#9AAA83
#9DAA80
#A1AA7C
#A5AA78
#7FBA8E
#83BA8A
#88BA85
#8CBA81
#91BA7D
#95BA78
#9BBA73
#6CCD8E
#71CD89
#77CD83
#7CCD7E
#82CD78
#87CD73
#8ECD6C
Colorpallet from #CD6C8E to #6CCD8E and to #8E6CCD
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#BD7C8E
#BE7990
#BF7791
#C07493
#C17294
#C26F96
#C36C98
#AE8B8E
#B08691
#B28194
#B37C98
#B5779B
#B7729E
#B96CA2
#9E9B8E
#A19393
#A38C98
#A6849C
#A97DA1
#AC75A6
#AF6CAC
#8FAA8E
#93A094
#96969B
#9A8CA1
#9D82A8
#A178AE
#A56CB6
#7FBA8E
#83AE96
#88A19E
#8C95A6
#9188AE
#957CB6
#9B6CC0
#6CCD8E
#71BD98
#77AEA2
#7C9EAC
#828FB6
#877FC0
#8E6CCD
Colorpallet from #CD6C8E to #6C8ECD and to #8ECD6C
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#BD7198
#BE7396
#BF7593
#C07691
#C1788E
#C27A8C
#C37C89
#AE77A2
#B07A9D
#B27D98
#B38193
#B5848E
#B78789
#B98B83
#9E7CAC
#A181A5
#A3869D
#A68B96
#A9908F
#AC9587
#AF9B7E
#8F82B6
#9388AC
#968FA2
#9A9598
#9D9C8E
#A1A284
#A5AA78
#7F87C0
#838FB4
#8897A7
#8C9F9B
#91A88F
#95B082
#9BBA73
#6C8ECD
#7198BD
#77A2AE
#7CAC9E
#82B68F
#87C07F
#8ECD6C
Colorpallet from #CD6C8E to #6C8ECD and to #8E6CCD
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#BD7198
#BE7098
#BF6F98
#C06F98
#C16E98
#C26D98
#C36C98
#AE77A2
#B075A2
#B273A2
#B372A2
#B570A2
#B76EA2
#B96CA2
#9E7CAC
#A179AC
#A377AC
#A674AC
#A972AC
#AC6FAC
#AF6CAC
#8F82B6
#937EB6
#967BB6
#9A77B6
#9D74B6
#A170B6
#A56CB6
#7F87C0
#8383C0
#887EC0
#8C7AC0
#9176C0
#9571C0
#9B6CC0
#6C8ECD
#7189CD
#7783CD
#7C7ECD
#8278CD
#8773CD
#8E6CCD
Colorpallet from #CD6C8E to #8ECD6C and to #8E6CCD
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#CD6C8E
#C37C89
#C3798B
#C3778E
#C37490
#C37293
#C36F95
#C36C98
#B98B83
#B98688
#B9818D
#B97C92
#B97797
#B9729C
#B96CA2
#AF9B7E
#AF9385
#AF8C8D
#AF8494
#AF7D9B
#AF75A3
#AF6CAC
#A5AA78
#A5A082
#A5968C
#A58C96
#A582A0
#A578AA
#A56CB6
#9BBA73
#9BAE7F
#9BA18C
#9B9598
#9B88A4
#9B7CB1
#9B6CC0
#8ECD6C
#8EBD7C
#8EAE8B
#8E9E9B
#8E8FAA
#8E7FBA
#8E6CCD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
