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 #CF809E to #CF9E80 and to #80CF9E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF8599
#CD869A
#CB889B
#C9899B
#C78A9C
#C58B9D
#C28D9E
#CF8A94
#CB8C96
#C78F97
#C39199
#BF949A
#BB969C
#B6999E
#CF8E90
#C99292
#C39694
#BD9A97
#B79D99
#B1A19B
#A9A69E
#CF938B
#C7988E
#BF9D91
#B7A294
#AEA797
#A6AD9A
#9CB39E
#CF9886
#C59E8A
#BBA48E
#B1AB92
#A7B195
#9DB799
#90BF9E
#CF9E80
#C2A685
#B6AE8A
#A9B68E
#9CBD93
#90C598
#80CF9E
Colorpallet from #CF809E to #CF9E80 and to #809ECF
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF8599
#CD859B
#CB859D
#C9859F
#C785A1
#C585A3
#C285A6
#CF8A94
#CB8A98
#C78A9C
#C38AA0
#BF8AA5
#BB8AA9
#B68AAE
#CF8E90
#C98E96
#C38E9C
#BD8EA2
#B78EA8
#B18EAE
#A98EB6
#CF938B
#C79393
#BF939B
#B793A3
#AE93AB
#A693B3
#9C93BD
#CF9886
#C59890
#BB989A
#B198A4
#A798AE
#9D98B8
#9098C5
#CF9E80
#C29E8D
#B69E99
#A99EA6
#9C9EB3
#909EBF
#809ECF
Colorpallet from #CF809E to #CF9E80 and to #9ECF80
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF8599
#CE8699
#CC8899
#CB8999
#CA8A99
#C98B99
#C78D99
#CF8A94
#CC8C94
#CA8F94
#C79194
#C59494
#C29694
#BF9994
#CF8E90
#CB9290
#C79690
#C39A90
#C09D90
#BCA190
#B7A690
#CF938B
#CA988B
#C59D8B
#C0A28B
#BBA78B
#B6AD8B
#B0B38B
#CF9886
#C99E86
#C3A486
#BCAB86
#B6B186
#B0B786
#A8BF86
#CF9E80
#C7A680
#BFAE80
#B7B680
#B0BD80
#A8C580
#9ECF80
Colorpallet from #CF809E to #CF9E80 and to #9E80CF
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF8599
#CE849B
#CC839D
#CB839F
#CA82A1
#C981A3
#C780A6
#CF8A94
#CC8898
#CA879C
#C785A0
#C584A5
#C282A9
#BF80AE
#CF8E90
#CB8C96
#C78A9C
#C387A2
#C085A8
#BC83AE
#B780B6
#CF938B
#CA9093
#C58D9B
#C08AA3
#BB87AB
#B684B3
#B080BD
#CF9886
#C99490
#C3909A
#BC8CA4
#B689AE
#B085B8
#A880C5
#CF9E80
#C7998D
#BF9499
#B790A6
#B08BB3
#A886BF
#9E80CF
Colorpallet from #CF809E to #80CF9E and to #809ECF
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#C28D9E
#C28C9F
#C28AA1
#C289A2
#C288A3
#C287A4
#C285A6
#B6999E
#B697A1
#B694A3
#B692A6
#B68FA8
#B68DAB
#B68AAE
#A9A69E
#A9A2A2
#A99EA6
#A99AAA
#A997AD
#A993B1
#A98EB6
#9CB39E
#9CAEA3
#9CA9A8
#9CA4AD
#9C9FB2
#9C99B7
#9C93BD
#90BF9E
#90B9A4
#90B3AA
#90ACB1
#90A6B7
#90A0BD
#9098C5
#80CF9E
#80C7A6
#80BFAE
#80B7B6
#80B0BD
#80A8C5
#809ECF
Colorpallet from #CF809E to #80CF9E and to #9ECF80
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#C28D9E
#C38D9D
#C48D9C
#C48D9C
#C58D9B
#C68D9A
#C78D99
#B6999E
#B7999C
#B9999B
#BA9999
#BC9998
#BD9996
#BF9994
#A9A69E
#ABA69C
#ADA69A
#B0A697
#B2A695
#B4A693
#B7A690
#9CB39E
#9FB39B
#A2B398
#A6B395
#A9B392
#ACB38F
#B0B38B
#90BF9E
#94BF9A
#98BF96
#9CBF92
#9FBF8F
#A3BF8B
#A8BF86
#80CF9E
#85CF99
#8ACF94
#8ECF90
#93CF8B
#98CF86
#9ECF80
Colorpallet from #CF809E to #80CF9E and to #9E80CF
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#C28D9E
#C38B9F
#C489A1
#C487A2
#C585A3
#C683A4
#C780A6
#B6999E
#B795A1
#B991A3
#BA8DA6
#BC89A8
#BD85AB
#BF80AE
#A9A69E
#ABA0A2
#AD9AA6
#B094AA
#B28EAD
#B488B1
#B780B6
#9CB39E
#9FABA3
#A2A3A8
#A69BAD
#A992B2
#AC8AB7
#B080BD
#90BF9E
#94B5A4
#98ABAA
#9CA1B1
#9F97B7
#A38DBD
#A880C5
#80CF9E
#85C2A6
#8AB6AE
#8EA9B6
#939CBD
#9890C5
#9E80CF
Colorpallet from #CF809E to #809ECF and to #9ECF80
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#C285A6
#C386A4
#C488A2
#C489A0
#C58A9E
#C68B9C
#C78D99
#B68AAE
#B78CAA
#B98FA6
#BA91A2
#BC949D
#BD9699
#BF9994
#A98EB6
#AB92B0
#AD96AA
#B09AA4
#B29D9E
#B4A198
#B7A690
#9C93BD
#9F98B5
#A29DAD
#A6A2A5
#A9A79D
#ACAD95
#B0B38B
#9098C5
#949EBB
#98A4B1
#9CABA7
#9FB19D
#A3B793
#A8BF86
#809ECF
#85A6C2
#8AAEB6
#8EB6A9
#93BD9C
#98C590
#9ECF80
Colorpallet from #CF809E to #809ECF and to #9E80CF
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#C285A6
#C384A6
#C483A6
#C483A6
#C582A6
#C681A6
#C780A6
#B68AAE
#B788AE
#B987AE
#BA85AE
#BC84AE
#BD82AE
#BF80AE
#A98EB6
#AB8CB6
#AD8AB6
#B087B6
#B285B6
#B483B6
#B780B6
#9C93BD
#9F90BD
#A28DBD
#A68ABD
#A987BD
#AC84BD
#B080BD
#9098C5
#9494C5
#9890C5
#9C8CC5
#9F89C5
#A385C5
#A880C5
#809ECF
#8599CF
#8A94CF
#8E90CF
#938BCF
#9886CF
#9E80CF
Colorpallet from #CF809E to #9ECF80 and to #9E80CF
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#CF809E
#C78D99
#C78B9B
#C7899D
#C7879F
#C785A1
#C783A3
#C780A6
#BF9994
#BF9598
#BF919C
#BF8DA0
#BF89A5
#BF85A9
#BF80AE
#B7A690
#B7A096
#B79A9C
#B794A2
#B78EA8
#B788AE
#B780B6
#B0B38B
#B0AB93
#B0A39B
#B09BA3
#B092AB
#B08AB3
#B080BD
#A8BF86
#A8B590
#A8AB9A
#A8A1A4
#A897AE
#A88DB8
#A880C5
#9ECF80
#9EC28D
#9EB699
#9EA9A6
#9E9CB3
#9E90BF
#9E80CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
