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 #D487B5 to #D4B587 and to #87D4B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D48EAE
#D28FAF
#D090B0
#CE90B1
#CC91B2
#CA92B4
#C893B5
#D496A6
#D098A8
#CC99AB
#C89BAD
#C49CB0
#C09EB2
#BBA0B5
#D49D9F
#CE9FA3
#C8A2A6
#C2A4AA
#BCA7AD
#B6A9B1
#AFACB5
#D4A498
#CCA79D
#C4AAA1
#BCAEA6
#B5B1AB
#ADB4AF
#A3B8B5
#D4AC90
#CAB096
#C0B49C
#B6B8A2
#ACBCA8
#A2C0AE
#96C5B5
#D4B587
#C8BA8E
#BBBF96
#AFC49D
#A3C9A4
#96CEAC
#87D4B5
Colorpallet from #D487B5 to #D4B587 and to #87B5D4
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D48EAE
#D28EB0
#D08EB2
#CE8EB4
#CC8EB6
#CA8EB8
#C88EBA
#D496A6
#D096AA
#CC96AE
#C896B2
#C496B6
#C096BA
#BB96BF
#D49D9F
#CE9DA5
#C89DAB
#C29DB1
#BC9DB7
#B69DBD
#AF9DC4
#D4A498
#CCA4A0
#C4A4A8
#BCA4B0
#B5A4B7
#ADA4BF
#A3A4C9
#D4AC90
#CAAC9A
#C0ACA4
#B6ACAE
#ACACB8
#A2ACC2
#96ACCE
#D4B587
#C8B593
#BBB5A0
#AFB5AC
#A3B5B8
#96B5C5
#87B5D4
Colorpallet from #D487B5 to #D4B587 and to #B5D487
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D48EAE
#D38FAE
#D290AE
#D290AE
#D191AE
#D092AE
#CF93AE
#D496A6
#D298A6
#D199A6
#CF9BA6
#CE9CA6
#CC9EA6
#CAA0A6
#D49D9F
#D29F9F
#CFA29F
#CDA49F
#CAA79F
#C8A99F
#C5AC9F
#D4A498
#D1A798
#CEAA98
#CAAE98
#C7B198
#C4B498
#C0B898
#D4AC90
#D0B090
#CCB490
#C8B890
#C4BC90
#C0C090
#BBC590
#D4B587
#CFBA87
#CABF87
#C5C487
#C0C987
#BBCE87
#B5D487
Colorpallet from #D487B5 to #D4B587 and to #B587D4
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D48EAE
#D38DB0
#D28CB2
#D28BB4
#D18AB6
#D088B8
#CF87BA
#D496A6
#D294AA
#D191AE
#CF8FB2
#CE8CB6
#CC8ABA
#CA87BF
#D49D9F
#D299A5
#CF96AB
#CD92B1
#CA8FB7
#C88BBD
#C587C4
#D4A498
#D19FA0
#CE9BA8
#CA96B0
#C791B7
#C48DBF
#C087C9
#D4AC90
#D0A69A
#CCA0A4
#C89AAE
#C494B8
#C08EC2
#BB87CE
#D4B587
#CFAE93
#CAA6A0
#C59FAC
#C098B8
#BB90C5
#B587D4
Colorpallet from #D487B5 to #87D4B5 and to #87B5D4
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#C893B5
#C892B6
#C891B7
#C891B7
#C890B8
#C88FB9
#C88EBA
#BBA0B5
#BB9EB7
#BB9DB8
#BB9BBA
#BB9ABB
#BB98BD
#BB96BF
#AFACB5
#AFAAB7
#AFA7BA
#AFA5BC
#AFA2BF
#AFA0C1
#AF9DC4
#A3B8B5
#A3B5B8
#A3B2BB
#A3AEBF
#A3ABC2
#A3A8C5
#A3A4C9
#96C5B5
#96C1B9
#96BDBD
#96B9C1
#96B5C5
#96B1C9
#96ACCE
#87D4B5
#87CFBA
#87CABF
#87C5C4
#87C0C9
#87BBCE
#87B5D4
Colorpallet from #D487B5 to #87D4B5 and to #B5D487
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#C893B5
#C993B4
#CA93B3
#CB93B2
#CC93B1
#CE93AF
#CF93AE
#BBA0B5
#BDA0B3
#C0A0B0
#C2A0AE
#C5A0AB
#C7A0A9
#CAA0A6
#AFACB5
#B3ACB1
#B6ACAE
#BAACAA
#BDACA7
#C1ACA3
#C5AC9F
#A3B8B5
#A8B8B0
#ACB8AC
#B1B8A7
#B6B8A2
#BAB89E
#C0B898
#96C5B5
#9CC5AF
#A2C5A9
#A8C5A3
#AEC59D
#B4C597
#BBC590
#87D4B5
#8ED4AE
#96D4A6
#9DD49F
#A4D498
#ACD490
#B5D487
Colorpallet from #D487B5 to #87D4B5 and to #B587D4
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#C893B5
#C991B6
#CA8FB7
#CB8DB7
#CC8BB8
#CE89B9
#CF87BA
#BBA0B5
#BD9CB7
#C098B8
#C294BA
#C590BB
#C78CBD
#CA87BF
#AFACB5
#B3A6B7
#B6A0BA
#BA9ABC
#BD94BF
#C18EC1
#C587C4
#A3B8B5
#A8B0B8
#ACA8BB
#B1A0BF
#B699C2
#BA91C5
#C087C9
#96C5B5
#9CBBB9
#A2B1BD
#A8A7C1
#AE9DC5
#B493C9
#BB87CE
#87D4B5
#8EC8BA
#96BBBF
#9DAFC4
#A4A3C9
#AC96CE
#B587D4
Colorpallet from #D487B5 to #87B5D4 and to #B5D487
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#C88EBA
#C98FB8
#CA90B6
#CB90B4
#CC91B2
#CE92B0
#CF93AE
#BB96BF
#BD98BB
#C099B7
#C29BB3
#C59CAF
#C79EAB
#CAA0A6
#AF9DC4
#B39FBE
#B6A2B8
#BAA4B2
#BDA7AC
#C1A9A6
#C5AC9F
#A3A4C9
#A8A7C1
#ACAAB9
#B1AEB1
#B6B1AA
#BAB4A2
#C0B898
#96ACCE
#9CB0C4
#A2B4BA
#A8B8B0
#AEBCA6
#B4C09C
#BBC590
#87B5D4
#8EBAC8
#96BFBB
#9DC4AF
#A4C9A3
#ACCE96
#B5D487
Colorpallet from #D487B5 to #87B5D4 and to #B587D4
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#C88EBA
#C98DBA
#CA8CBA
#CB8BBA
#CC8ABA
#CE88BA
#CF87BA
#BB96BF
#BD94BF
#C091BF
#C28FBF
#C58CBF
#C78ABF
#CA87BF
#AF9DC4
#B399C4
#B696C4
#BA92C4
#BD8FC4
#C18BC4
#C587C4
#A3A4C9
#A89FC9
#AC9BC9
#B196C9
#B691C9
#BA8DC9
#C087C9
#96ACCE
#9CA6CE
#A2A0CE
#A89ACE
#AE94CE
#B48ECE
#BB87CE
#87B5D4
#8EAED4
#96A6D4
#9D9FD4
#A498D4
#AC90D4
#B587D4
Colorpallet from #D487B5 to #B5D487 and to #B587D4
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#D487B5
#CF93AE
#CF91B0
#CF8FB2
#CF8DB4
#CF8BB6
#CF89B8
#CF87BA
#CAA0A6
#CA9CAA
#CA98AE
#CA94B2
#CA90B6
#CA8CBA
#CA87BF
#C5AC9F
#C5A6A5
#C5A0AB
#C59AB1
#C594B7
#C58EBD
#C587C4
#C0B898
#C0B0A0
#C0A8A8
#C0A0B0
#C099B7
#C091BF
#C087C9
#BBC590
#BBBB9A
#BBB1A4
#BBA7AE
#BB9DB8
#BB93C2
#BB87CE
#B5D487
#B5C893
#B5BBA0
#B5AFAC
#B5A3B8
#B596C5
#B587D4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
