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 #BF80B0 to #BFB080 and to #80BFB0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF88A8
#BD88A9
#BC89AB
#BA89AC
#B989AD
#B78AAE
#B58AB0
#BF8FA1
#BC90A3
#B991A6
#B591A8
#B292AB
#AF93AD
#AB94B0
#BF9799
#BA989D
#B599A0
#B19AA4
#AC9BA8
#A79DAB
#A19EB0
#BF9F91
#B9A096
#B2A29B
#ACA3A0
#A5A5A5
#9FA6AA
#97A8B0
#BFA68A
#B7A890
#AFAA96
#A7AC9C
#9FAEA2
#97B0A8
#8DB2B0
#BFB080
#B5B288
#ABB58F
#A1B797
#97BA9F
#8DBCA6
#80BFB0
Colorpallet from #BF80B0 to #BFB080 and to #80B0BF
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF88A8
#BD88AA
#BC88AB
#BA88AD
#B988AE
#B788B0
#B588B2
#BF8FA1
#BC8FA4
#B98FA7
#B58FAB
#B28FAE
#AF8FB1
#AB8FB5
#BF9799
#BA979E
#B597A3
#B197A7
#AC97AC
#A797B1
#A197B7
#BF9F91
#B99F98
#B29F9E
#AC9FA5
#A59FAB
#9F9FB2
#979FBA
#BFA68A
#B7A692
#AFA69A
#A7A6A2
#9FA6AA
#97A6B2
#8DA6BC
#BFB080
#B5B08A
#ABB094
#A1B09E
#97B0A8
#8DB0B2
#80B0BF
Colorpallet from #BF80B0 to #BFB080 and to #B0BF80
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF88A8
#BF88A8
#BE89A8
#BE89A8
#BE89A8
#BD8AA8
#BD8AA8
#BF8FA1
#BE90A1
#BD91A1
#BD91A1
#BC92A1
#BB93A1
#BA94A1
#BF9799
#BE9899
#BD9999
#BC9A99
#BB9B99
#B99D99
#B89E99
#BF9F91
#BDA091
#BCA291
#BAA391
#B9A591
#B7A691
#B5A891
#BFA68A
#BDA88A
#BBAA8A
#B9AC8A
#B7AE8A
#B5B08A
#B3B28A
#BFB080
#BDB280
#BAB580
#B8B780
#B5BA80
#B3BC80
#B0BF80
Colorpallet from #BF80B0 to #BFB080 and to #B080BF
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF88A8
#BF87AA
#BE85AB
#BE84AD
#BE83AE
#BD82B0
#BD80B2
#BF8FA1
#BE8DA4
#BD8AA7
#BD88AB
#BC85AE
#BB83B1
#BA80B5
#BF9799
#BE939E
#BD90A3
#BC8CA7
#BB88AC
#B985B1
#B880B7
#BF9F91
#BD9A98
#BC959E
#BA90A5
#B98BAB
#B786B2
#B580BA
#BFA68A
#BDA092
#BB9A9A
#B994A2
#B78EAA
#B588B2
#B380BC
#BFB080
#BDA88A
#BAA194
#B8999E
#B591A8
#B38AB2
#B080BF
Colorpallet from #BF80B0 to #80BFB0 and to #80B0BF
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#B58AB0
#B58AB0
#B589B1
#B589B1
#B589B1
#B588B2
#B588B2
#AB94B0
#AB93B1
#AB92B2
#AB92B2
#AB91B3
#AB90B4
#AB8FB5
#A19EB0
#A19DB1
#A19CB2
#A19BB3
#A19AB4
#A198B6
#A197B7
#97A8B0
#97A7B2
#97A5B3
#97A4B5
#97A2B6
#97A1B8
#979FBA
#8DB2B0
#8DB0B2
#8DAEB4
#8DACB6
#8DAAB8
#8DA8BA
#8DA6BC
#80BFB0
#80BDB2
#80BAB5
#80B8B7
#80B5BA
#80B3BC
#80B0BF
Colorpallet from #BF80B0 to #80BFB0 and to #B0BF80
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#B58AB0
#B68AAF
#B88AAD
#B98AAC
#BA8AAB
#BB8AAA
#BD8AA8
#AB94B0
#AD94AE
#B094AB
#B294A9
#B594A6
#B794A4
#BA94A1
#A19EB0
#A59EAC
#A89EA9
#AC9EA5
#B09EA1
#B39E9E
#B89E99
#97A8B0
#9CA8AB
#A1A8A6
#A5A8A1
#AAA89C
#AFA897
#B5A891
#8DB2B0
#93B2AA
#99B2A4
#9FB29E
#A5B298
#ABB292
#B3B28A
#80BFB0
#88BFA8
#8FBFA1
#97BF99
#9FBF91
#A6BF8A
#B0BF80
Colorpallet from #BF80B0 to #80BFB0 and to #B080BF
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#B58AB0
#B688B0
#B887B1
#B985B1
#BA84B1
#BB82B2
#BD80B2
#AB94B0
#AD91B1
#B08EB2
#B28AB2
#B587B3
#B784B4
#BA80B5
#A19EB0
#A599B1
#A894B2
#AC90B3
#B08BB4
#B386B6
#B880B7
#97A8B0
#9CA2B2
#A19BB3
#A595B5
#AA8EB6
#AF88B8
#B580BA
#8DB2B0
#93AAB2
#99A2B4
#9F9AB6
#A592B8
#AB8ABA
#B380BC
#80BFB0
#88B5B2
#8FABB5
#97A1B7
#9F97BA
#A68DBC
#B080BF
Colorpallet from #BF80B0 to #80B0BF and to #B0BF80
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#B588B2
#B688B0
#B889AF
#B989AD
#BA89AC
#BB8AAA
#BD8AA8
#AB8FB5
#AD90B2
#B091AF
#B291AB
#B592A8
#B793A5
#BA94A1
#A197B7
#A598B2
#A899AD
#AC9AA9
#B09BA4
#B39D9F
#B89E99
#979FBA
#9CA0B3
#A1A2AD
#A5A3A6
#AAA5A0
#AFA699
#B5A891
#8DA6BC
#93A8B4
#99AAAC
#9FACA4
#A5AE9C
#ABB094
#B3B28A
#80B0BF
#88B2B5
#8FB5AB
#97B7A1
#9FBA97
#A6BC8D
#B0BF80
Colorpallet from #BF80B0 to #80B0BF and to #B080BF
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#B588B2
#B687B2
#B885B2
#B984B2
#BA83B2
#BB82B2
#BD80B2
#AB8FB5
#AD8DB5
#B08AB5
#B288B5
#B585B5
#B783B5
#BA80B5
#A197B7
#A593B7
#A890B7
#AC8CB7
#B088B7
#B385B7
#B880B7
#979FBA
#9C9ABA
#A195BA
#A590BA
#AA8BBA
#AF86BA
#B580BA
#8DA6BC
#93A0BC
#999ABC
#9F94BC
#A58EBC
#AB88BC
#B380BC
#80B0BF
#88A8BF
#8FA1BF
#9799BF
#9F91BF
#A68ABF
#B080BF
Colorpallet from #BF80B0 to #B0BF80 and to #B080BF
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BF80B0
#BD8AA8
#BD88AA
#BD87AB
#BD85AD
#BD84AE
#BD82B0
#BD80B2
#BA94A1
#BA91A4
#BA8EA7
#BA8AAB
#BA87AE
#BA84B1
#BA80B5
#B89E99
#B8999E
#B894A3
#B890A7
#B88BAC
#B886B1
#B880B7
#B5A891
#B5A298
#B59B9E
#B595A5
#B58EAB
#B588B2
#B580BA
#B3B28A
#B3AA92
#B3A29A
#B39AA2
#B392AA
#B38AB2
#B380BC
#B0BF80
#B0B58A
#B0AB94
#B0A19E
#B097A8
#B08DB2
#B080BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
