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 #B687C9 to #B6C987 and to #87B6C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B692BE
#B592C0
#B391C2
#B291C3
#B190C5
#B090C7
#AE8FC9
#B69CB4
#B49BB7
#B19ABB
#AF99BE
#AC98C1
#AA97C5
#A796C9
#B6A7A9
#B2A6AE
#AFA4B3
#ABA3B8
#A7A1BD
#A4A0C3
#9F9EC9
#B6B19F
#B1AFA6
#ACADAC
#A8ABB3
#A3A9BA
#9EA7C1
#98A5C9
#B6BC94
#B0BA9C
#AAB7A5
#A4B5AD
#9EB2B6
#98B0BE
#90ADC9
#B6C987
#AEC692
#A7C39C
#9FC0A7
#98BDB1
#90BABC
#87B6C9
Colorpallet from #B687C9 to #B6C987 and to #87C9B6
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B692BE
#B592BF
#B392C1
#B292C2
#B192C3
#B092C4
#AE92C6
#B69CB4
#B49CB6
#B19CB9
#AF9CBB
#AC9CBE
#AA9CC0
#A79CC3
#B6A7A9
#B2A7AD
#AFA7B0
#ABA7B4
#A7A7B8
#A4A7BB
#9FA7C0
#B6B19F
#B1B1A4
#ACB1A9
#A8B1AD
#A3B1B2
#9EB1B7
#98B1BD
#B6BC94
#B0BC9A
#AABCA0
#A4BCA6
#9EBCAC
#98BCB2
#90BCBA
#B6C987
#AEC98F
#A7C996
#9FC99E
#98C9A5
#90C9AD
#87C9B6
Colorpallet from #B687C9 to #B6C987 and to #C9B687
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B692BE
#B692BE
#B791BE
#B791BE
#B890BE
#B890BE
#B98FBE
#B69CB4
#B79BB4
#B89AB4
#B999B4
#BA98B4
#BB97B4
#BC96B4
#B6A7A9
#B7A6A9
#B9A4A9
#BAA3A9
#BCA1A9
#BDA0A9
#BF9EA9
#B6B19F
#B8AF9F
#BAAD9F
#BCAB9F
#BEA99F
#C0A79F
#C2A59F
#B6BC94
#B8BA94
#BBB794
#BDB594
#C0B294
#C2B094
#C5AD94
#B6C987
#B9C687
#BCC387
#BFC087
#C2BD87
#C5BA87
#C9B687
Colorpallet from #B687C9 to #B6C987 and to #C987B6
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B692BE
#B690BF
#B78EC1
#B78DC2
#B88BC3
#B889C4
#B987C6
#B69CB4
#B799B6
#B895B9
#B992BB
#BA8FBE
#BB8BC0
#BC87C3
#B6A7A9
#B7A2AD
#B99DB0
#BA98B4
#BC93B8
#BD8DBB
#BF87C0
#B6B19F
#B8AAA4
#BAA4A9
#BC9DAD
#BE96B2
#C08FB7
#C287BD
#B6BC94
#B8B49A
#BBABA0
#BDA3A6
#C09AAC
#C292B2
#C587BA
#B6C987
#B9BE8F
#BCB496
#BFA99E
#C29FA5
#C594AD
#C987B6
Colorpallet from #B687C9 to #87B6C9 and to #87C9B6
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#AE8FC9
#AE8FC9
#AE90C8
#AE90C8
#AE91C7
#AE91C7
#AE92C6
#A796C9
#A797C8
#A798C7
#A799C6
#A79AC5
#A79BC4
#A79CC3
#9F9EC9
#9F9FC8
#9FA1C6
#9FA2C5
#9FA4C3
#9FA5C2
#9FA7C0
#98A5C9
#98A7C7
#98A9C5
#98ABC3
#98ADC1
#98AFBF
#98B1BD
#90ADC9
#90AFC7
#90B2C4
#90B4C2
#90B7BF
#90B9BD
#90BCBA
#87B6C9
#87B9C6
#87BCC3
#87BFC0
#87C2BD
#87C5BA
#87C9B6
Colorpallet from #B687C9 to #87B6C9 and to #C9B687
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#AE8FC9
#B08FC7
#B28FC5
#B38FC4
#B58FC2
#B78FC0
#B98FBE
#A796C9
#AA96C6
#AE96C2
#B196BF
#B496BC
#B896B8
#BC96B4
#9F9EC9
#A49EC4
#A99EBF
#AE9EBA
#B39EB5
#B99EAF
#BF9EA9
#98A5C9
#9FA5C2
#A5A5BC
#ACA5B5
#B3A5AE
#BAA5A7
#C2A59F
#90ADC9
#98ADC1
#A1ADB8
#A9ADB0
#B2ADA7
#BAAD9F
#C5AD94
#87B6C9
#92B6BE
#9CB6B4
#A7B6A9
#B1B69F
#BCB694
#C9B687
Colorpallet from #B687C9 to #87B6C9 and to #C987B6
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#AE8FC9
#B08EC9
#B28CC8
#B38BC8
#B58AC7
#B789C7
#B987C6
#A796C9
#AA94C8
#AE91C7
#B18FC6
#B48CC5
#B88AC4
#BC87C3
#9F9EC9
#A49AC8
#A997C6
#AE93C5
#B38FC3
#B98CC2
#BF87C0
#98A5C9
#9FA0C7
#A59BC5
#AC97C3
#B392C1
#BA8DBF
#C287BD
#90ADC9
#98A7C7
#A1A1C4
#A99BC2
#B295BF
#BA8FBD
#C587BA
#87B6C9
#92AEC6
#9CA7C3
#A79FC0
#B198BD
#BC90BA
#C987B6
Colorpallet from #B687C9 to #87C9B6 and to #C9B687
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#AE92C6
#B092C5
#B291C3
#B391C2
#B590C1
#B790C0
#B98FBE
#A79CC3
#AA9BC1
#AE9ABE
#B199BC
#B498B9
#B897B7
#BC96B4
#9FA7C0
#A4A6BC
#A9A4B9
#AEA3B5
#B3A1B1
#B9A0AE
#BF9EA9
#98B1BD
#9FAFB8
#A5ADB3
#ACABAF
#B3A9AA
#BAA7A5
#C2A59F
#90BCBA
#98BAB4
#A1B7AE
#A9B5A8
#B2B2A2
#BAB09C
#C5AD94
#87C9B6
#92C6AE
#9CC3A7
#A7C09F
#B1BD98
#BCBA90
#C9B687
Colorpallet from #B687C9 to #87C9B6 and to #C987B6
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#AE92C6
#B090C6
#B28EC6
#B38DC6
#B58BC6
#B789C6
#B987C6
#A79CC3
#AA99C3
#AE95C3
#B192C3
#B48FC3
#B88BC3
#BC87C3
#9FA7C0
#A4A2C0
#A99DC0
#AE98C0
#B393C0
#B98DC0
#BF87C0
#98B1BD
#9FAABD
#A5A4BD
#AC9DBD
#B396BD
#BA8FBD
#C287BD
#90BCBA
#98B4BA
#A1ABBA
#A9A3BA
#B29ABA
#BA92BA
#C587BA
#87C9B6
#92BEB6
#9CB4B6
#A7A9B6
#B19FB6
#BC94B6
#C987B6
Colorpallet from #B687C9 to #C9B687 and to #C987B6
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B687C9
#B98FBE
#B98EBF
#B98CC1
#B98BC2
#B98AC3
#B989C4
#B987C6
#BC96B4
#BC94B6
#BC91B9
#BC8FBB
#BC8CBE
#BC8AC0
#BC87C3
#BF9EA9
#BF9AAD
#BF97B0
#BF93B4
#BF8FB8
#BF8CBB
#BF87C0
#C2A59F
#C2A0A4
#C29BA9
#C297AD
#C292B2
#C28DB7
#C287BD
#C5AD94
#C5A79A
#C5A1A0
#C59BA6
#C595AC
#C58FB2
#C587BA
#C9B687
#C9AE8F
#C9A796
#C99F9E
#C998A5
#C990AD
#C987B6
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
