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 #C58CAD to #C5AD8C and to #8CC5AD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C591A8
#C492A9
#C292AA
#C193AA
#BF94AB
#BE94AC
#BC95AD
#C597A2
#C298A4
#BF99A6
#BC9AA7
#B99BA9
#B79DAB
#B39EAD
#C59C9D
#C19EA0
#BCA0A2
#B8A1A5
#B4A3A7
#AFA5AA
#AAA7AD
#C5A198
#BFA39B
#B9A69F
#B4A8A2
#AEABA5
#A8ADA9
#A1B0AD
#C5A693
#BEA997
#B6AC9B
#AFB09F
#A8B3A4
#A0B6A8
#97BAAD
#C5AD8C
#BCB191
#B3B597
#AAB99C
#A1BCA1
#97C0A6
#8CC5AD
Colorpallet from #C58CAD to #C5AD8C and to #8CADC5
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C591A8
#C491A9
#C291AB
#C191AC
#BF91AE
#BE91AF
#BC91B1
#C597A2
#C297A5
#BF97A8
#BC97AB
#B997AE
#B797B1
#B397B5
#C59C9D
#C19CA1
#BC9CA6
#B89CAA
#B49CAF
#AF9CB3
#AA9CB9
#C5A198
#BFA19E
#B9A1A4
#B4A1A9
#AEA1AF
#A8A1B5
#A1A1BC
#C5A693
#BEA69A
#B6A6A1
#AFA6A9
#A8A6B0
#A0A6B7
#97A6C0
#C5AD8C
#BCAD95
#B3AD9E
#AAADA7
#A1ADB0
#97ADBA
#8CADC5
Colorpallet from #C58CAD to #C5AD8C and to #ADC58C
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C591A8
#C492A8
#C492A8
#C393A8
#C294A8
#C294A8
#C195A8
#C597A2
#C498A2
#C299A2
#C19AA2
#C09BA2
#BF9DA2
#BD9EA2
#C59C9D
#C39E9D
#C1A09D
#BFA19D
#BDA39D
#BBA59D
#B9A79D
#C5A198
#C3A398
#C0A698
#BEA898
#BBAB98
#B9AD98
#B6B098
#C5A693
#C2A993
#BFAC93
#BCB093
#B9B393
#B6B693
#B2BA93
#C5AD8C
#C1B18C
#BDB58C
#B9B98C
#B6BC8C
#B2C08C
#ADC58C
Colorpallet from #C58CAD to #C5AD8C and to #AD8CC5
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C591A8
#C490A9
#C48FAB
#C38FAC
#C28EAE
#C28DAF
#C18CB1
#C597A2
#C495A5
#C293A8
#C192AB
#C090AE
#BF8EB1
#BD8CB5
#C59C9D
#C399A1
#C197A6
#BF94AA
#BD92AF
#BB8FB3
#B98CB9
#C5A198
#C39E9E
#C09AA4
#BE97A9
#BB94AF
#B990B5
#B68CBC
#C5A693
#C2A29A
#BF9EA1
#BC9AA9
#B995B0
#B691B7
#B28CC0
#C5AD8C
#C1A895
#BDA29E
#B99DA7
#B698B0
#B293BA
#AD8CC5
Colorpallet from #C58CAD to #8CC5AD and to #8CADC5
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#BC95AD
#BC94AE
#BC94AE
#BC93AF
#BC92B0
#BC92B0
#BC91B1
#B39EAD
#B39DAE
#B39CB0
#B39BB1
#B39AB2
#B398B3
#B397B5
#AAA7AD
#AAA5AF
#AAA3B1
#AAA2B3
#AAA0B5
#AA9EB7
#AA9CB9
#A1B0AD
#A1AEAF
#A1ABB2
#A1A9B4
#A1A6B7
#A1A4B9
#A1A1BC
#97BAAD
#97B7B0
#97B4B3
#97B0B6
#97ADB9
#97AABC
#97A6C0
#8CC5AD
#8CC1B1
#8CBDB5
#8CB9B9
#8CB6BC
#8CB2C0
#8CADC5
Colorpallet from #C58CAD to #8CC5AD and to #ADC58C
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#BC95AD
#BD95AC
#BE95AB
#BE95AB
#BF95AA
#C095A9
#C195A8
#B39EAD
#B59EAB
#B69EA9
#B89EA8
#B99EA6
#BB9EA4
#BD9EA2
#AAA7AD
#ACA7AA
#AFA7A8
#B1A7A5
#B4A7A3
#B6A7A0
#B9A79D
#A1B0AD
#A4B0AA
#A8B0A6
#ABB0A3
#AEB0A0
#B2B09C
#B6B098
#97BAAD
#9BBAA9
#A0BAA5
#A4BAA1
#A8BA9C
#ADBA98
#B2BA93
#8CC5AD
#91C5A8
#97C5A2
#9CC59D
#A1C598
#A6C593
#ADC58C
Colorpallet from #C58CAD to #8CC5AD and to #AD8CC5
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#BC95AD
#BD94AE
#BE92AE
#BE91AF
#BF8FB0
#C08EB0
#C18CB1
#B39EAD
#B59BAE
#B698B0
#B895B1
#B992B2
#BB90B3
#BD8CB5
#AAA7AD
#ACA3AF
#AF9EB1
#B19AB3
#B496B5
#B691B7
#B98CB9
#A1B0AD
#A4AAAF
#A8A4B2
#AB9FB4
#AE99B7
#B293B9
#B68CBC
#97BAAD
#9BB3B0
#A0ABB3
#A4A4B6
#A89DB9
#AD95BC
#B28CC0
#8CC5AD
#91BCB1
#97B3B5
#9CAAB9
#A1A1BC
#A697C0
#AD8CC5
Colorpallet from #C58CAD to #8CADC5 and to #ADC58C
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#BC91B1
#BD92B0
#BE92AE
#BE93AD
#BF94AB
#C094AA
#C195A8
#B397B5
#B598B2
#B699AF
#B89AAC
#B99BA9
#BB9DA6
#BD9EA2
#AA9CB9
#AC9EB5
#AFA0B0
#B1A1AC
#B4A3A7
#B6A5A3
#B9A79D
#A1A1BC
#A4A3B6
#A8A6B0
#ABA8AB
#AEABA5
#B2AD9F
#B6B098
#97A6C0
#9BA9B9
#A0ACB2
#A4B0AA
#A8B3A3
#ADB69C
#B2BA93
#8CADC5
#91B1BC
#97B5B3
#9CB9AA
#A1BCA1
#A6C097
#ADC58C
Colorpallet from #C58CAD to #8CADC5 and to #AD8CC5
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#BC91B1
#BD90B1
#BE8FB1
#BE8FB1
#BF8EB1
#C08DB1
#C18CB1
#B397B5
#B595B5
#B693B5
#B892B5
#B990B5
#BB8EB5
#BD8CB5
#AA9CB9
#AC99B9
#AF97B9
#B194B9
#B492B9
#B68FB9
#B98CB9
#A1A1BC
#A49EBC
#A89ABC
#AB97BC
#AE94BC
#B290BC
#B68CBC
#97A6C0
#9BA2C0
#A09EC0
#A49AC0
#A895C0
#AD91C0
#B28CC0
#8CADC5
#91A8C5
#97A2C5
#9C9DC5
#A198C5
#A693C5
#AD8CC5
Colorpallet from #C58CAD to #ADC58C and to #AD8CC5
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C58CAD
#C195A8
#C194A9
#C192AB
#C191AC
#C18FAE
#C18EAF
#C18CB1
#BD9EA2
#BD9BA5
#BD98A8
#BD95AB
#BD92AE
#BD90B1
#BD8CB5
#B9A79D
#B9A3A1
#B99EA6
#B99AAA
#B996AF
#B991B3
#B98CB9
#B6B098
#B6AA9E
#B6A4A4
#B69FA9
#B699AF
#B693B5
#B68CBC
#B2BA93
#B2B39A
#B2ABA1
#B2A4A9
#B29DB0
#B295B7
#B28CC0
#ADC58C
#ADBC95
#ADB39E
#ADAAA7
#ADA1B0
#AD97BA
#AD8CC5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
