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 #CF86AE to #CFAE86 and to #86CFAE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF8CA8
#CD8DA9
#CB8EAA
#C98FAB
#C790AC
#C591AD
#C392AE
#CF93A1
#CB95A3
#C896A5
#C498A7
#C099A9
#BD9BAB
#B89DAE
#CF999B
#C99C9E
#C49EA1
#BEA1A4
#B9A3A7
#B3A6AA
#ACA9AE
#CFA094
#C7A398
#C0A79C
#B8AAA0
#B1ADA5
#A9B1A9
#A0B5AE
#CFA68E
#C6AA93
#BCAE98
#B3B29D
#AAB7A2
#A1BBA8
#95C0AE
#CFAE86
#C3B38C
#B8B993
#ACBE99
#A0C3A0
#95C8A6
#86CFAE
Colorpallet from #CF86AE to #CFAE86 and to #86AECF
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF8CA8
#CD8CAA
#CB8CAC
#C98CAD
#C78CAF
#C58CB1
#C38CB3
#CF93A1
#CB93A5
#C893A9
#C493AD
#C093B0
#BD93B4
#B893B9
#CF999B
#C999A1
#C499A6
#BE99AC
#B999B1
#B399B7
#AC99BE
#CFA094
#C7A09C
#C0A0A3
#B8A0AB
#B1A0B2
#A9A0BA
#A0A0C3
#CFA68E
#C6A697
#BCA6A1
#B3A6AA
#AAA6B3
#A1A6BC
#95A6C8
#CFAE86
#C3AE92
#B8AE9D
#ACAEA9
#A0AEB5
#95AEC0
#86AECF
Colorpallet from #CF86AE to #CFAE86 and to #AECF86
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF8CA8
#CE8DA8
#CD8EA8
#CD8FA8
#CC90A8
#CB91A8
#CA92A8
#CF93A1
#CD95A1
#CB96A1
#CA98A1
#C899A1
#C69BA1
#C49DA1
#CF999B
#CC9C9B
#CA9E9B
#C7A19B
#C5A39B
#C2A69B
#BFA99B
#CFA094
#CCA394
#C8A794
#C5AA94
#C2AD94
#BEB194
#BAB594
#CFA68E
#CBAA8E
#C7AE8E
#C3B28E
#BEB78E
#BABB8E
#B5C08E
#CFAE86
#CAB386
#C4B986
#BFBE86
#BAC386
#B5C886
#AECF86
Colorpallet from #CF86AE to #CFAE86 and to #AE86CF
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF8CA8
#CE8BAA
#CD8AAC
#CD89AD
#CC88AF
#CB87B1
#CA86B3
#CF93A1
#CD91A5
#CB8FA9
#CA8DAD
#C88BB0
#C689B4
#C486B9
#CF999B
#CC96A1
#CA93A6
#C790AC
#C58DB1
#C28AB7
#BF86BE
#CFA094
#CC9C9C
#C898A3
#C594AB
#C28FB2
#BE8BBA
#BA86C3
#CFA68E
#CBA197
#C79CA1
#C397AA
#BE92B3
#BA8CBC
#B586C8
#CFAE86
#CAA892
#C4A19D
#BF9BA9
#BA94B5
#B58EC0
#AE86CF
Colorpallet from #CF86AE to #86CFAE and to #86AECF
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#C392AE
#C391AF
#C390B0
#C38FB0
#C38EB1
#C38DB2
#C38CB3
#B89DAE
#B89BB0
#B89AB2
#B898B3
#B897B5
#B895B7
#B893B9
#ACA9AE
#ACA6B1
#ACA4B3
#ACA1B6
#AC9FB8
#AC9CBB
#AC99BE
#A0B5AE
#A0B2B1
#A0AEB5
#A0ABB8
#A0A8BB
#A0A4BF
#A0A0C3
#95C0AE
#95BCB2
#95B8B6
#95B4BA
#95AFBF
#95ABC3
#95A6C8
#86CFAE
#86CAB3
#86C4B9
#86BFBE
#86BAC3
#86B5C8
#86AECF
Colorpallet from #CF86AE to #86CFAE and to #AECF86
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#C392AE
#C492AD
#C592AC
#C692AB
#C792AA
#C992A9
#CA92A8
#B89DAE
#BA9DAC
#BC9DAA
#BE9DA8
#C09DA6
#C29DA4
#C49DA1
#ACA9AE
#AFA9AB
#B2A9A8
#B5A9A5
#B8A9A2
#BBA99F
#BFA99B
#A0B5AE
#A4B5AA
#A8B5A6
#ACB5A2
#B1B59D
#B5B599
#BAB594
#95C0AE
#9AC0A9
#9FC0A4
#A4C09F
#A9C09A
#AFC094
#B5C08E
#86CFAE
#8CCFA8
#93CFA1
#99CF9B
#A0CF94
#A6CF8E
#AECF86
Colorpallet from #CF86AE to #86CFAE and to #AE86CF
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#C392AE
#C490AF
#C58EB0
#C68CB0
#C78AB1
#C988B2
#CA86B3
#B89DAE
#BA99B0
#BC96B2
#BE92B3
#C08EB5
#C28BB7
#C486B9
#ACA9AE
#AFA3B1
#B29EB3
#B598B6
#B893B8
#BB8DBB
#BF86BE
#A0B5AE
#A4ADB1
#A8A6B5
#AC9EB8
#B197BB
#B58FBF
#BA86C3
#95C0AE
#9AB7B2
#9FADB6
#A4A4BA
#A99BBF
#AF92C3
#B586C8
#86CFAE
#8CC3B3
#93B8B9
#99ACBE
#A0A0C3
#A695C8
#AE86CF
Colorpallet from #CF86AE to #86AECF and to #AECF86
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#C38CB3
#C48DB1
#C58EAF
#C68FAE
#C790AC
#C991AA
#CA92A8
#B893B9
#BA95B5
#BC96B1
#BE98AD
#C099AA
#C29BA6
#C49DA1
#AC99BE
#AF9CB8
#B29EB3
#B5A1AD
#B8A3A8
#BBA6A2
#BFA99B
#A0A0C3
#A4A3BB
#A8A7B4
#ACAAAC
#B1ADA5
#B5B19D
#BAB594
#95A6C8
#9AAABF
#9FAEB5
#A4B2AC
#A9B7A3
#AFBB9A
#B5C08E
#86AECF
#8CB3C3
#93B9B8
#99BEAC
#A0C3A0
#A6C895
#AECF86
Colorpallet from #CF86AE to #86AECF and to #AE86CF
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#C38CB3
#C48BB3
#C58AB3
#C689B3
#C788B3
#C987B3
#CA86B3
#B893B9
#BA91B9
#BC8FB9
#BE8DB9
#C08BB9
#C289B9
#C486B9
#AC99BE
#AF96BE
#B293BE
#B590BE
#B88DBE
#BB8ABE
#BF86BE
#A0A0C3
#A49CC3
#A898C3
#AC94C3
#B18FC3
#B58BC3
#BA86C3
#95A6C8
#9AA1C8
#9F9CC8
#A497C8
#A992C8
#AF8CC8
#B586C8
#86AECF
#8CA8CF
#93A1CF
#999BCF
#A094CF
#A68ECF
#AE86CF
Colorpallet from #CF86AE to #AECF86 and to #AE86CF
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CF86AE
#CA92A8
#CA90AA
#CA8EAC
#CA8CAD
#CA8AAF
#CA88B1
#CA86B3
#C49DA1
#C499A5
#C496A9
#C492AD
#C48EB0
#C48BB4
#C486B9
#BFA99B
#BFA3A1
#BF9EA6
#BF98AC
#BF93B1
#BF8DB7
#BF86BE
#BAB594
#BAAD9C
#BAA6A3
#BA9EAB
#BA97B2
#BA8FBA
#BA86C3
#B5C08E
#B5B797
#B5ADA1
#B5A4AA
#B59BB3
#B592BC
#B586C8
#AECF86
#AEC392
#AEB89D
#AEACA9
#AEA0B5
#AE95C0
#AE86CF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
