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 #77B0B2 to #77B2B0 and to #B077B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#78AFB2
#7AADB2
#7BACB2
#7DAAB2
#7EA9B2
#80A7B2
#77B1B1
#7AAEB1
#7DABB1
#80A8B1
#83A5B2
#85A2B2
#899EB2
#77B1B1
#7BADB1
#80A8B1
#84A4B1
#889FB2
#8D9BB2
#9295B2
#77B1B1
#7DABB1
#83A5B1
#889FB1
#8E99B2
#9493B2
#9B8CB2
#77B2B0
#7EAAB0
#86A3B1
#8D9BB1
#9493B1
#9C8CB2
#A582B2
#77B2B0
#80A9B0
#899FB1
#9296B1
#9B8CB1
#A583B2
#B077B2
Colorpallet from #77B0B2 to #77B2B0 and to #B0B277
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#78B0B1
#7AB0AF
#7BB0AE
#7DB0AC
#7EB0AB
#80B0A9
#77B1B1
#7AB1AE
#7DB1AB
#80B1A8
#83B1A5
#85B1A3
#89B19F
#77B1B1
#7BB1AD
#80B1A8
#84B1A4
#88B1A0
#8DB19B
#92B196
#77B1B1
#7DB1AB
#83B1A5
#88B19F
#8EB199
#94B193
#9BB18C
#77B2B0
#7EB2A9
#86B2A2
#8DB29A
#94B293
#9CB28C
#A5B283
#77B2B0
#80B2A7
#89B29E
#92B295
#9BB28C
#A5B282
#B0B277
Colorpallet from #77B0B2 to #77B2B0 and to #B277B0
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#78AFB2
#7AADB2
#7BACB2
#7DAAB2
#7EA9B2
#80A7B2
#77B1B1
#7AAEB1
#7DABB1
#80A8B1
#83A5B1
#86A2B1
#8A9EB1
#77B1B1
#7BADB1
#80A8B1
#84A4B1
#899FB1
#8D9BB1
#9395B1
#77B1B1
#7DABB1
#83A5B1
#899FB1
#8F99B1
#9593B1
#9D8CB1
#77B2B0
#7FAAB0
#86A3B0
#8E9BB0
#9593B0
#9D8CB0
#A682B0
#77B2B0
#80A9B0
#8A9FB0
#9396B0
#9D8CB0
#A683B0
#B277B0
Colorpallet from #77B0B2 to #77B2B0 and to #B2B077
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#78B0B1
#7AB0AF
#7BB0AE
#7DB0AC
#7EB0AB
#80B0A9
#77B1B1
#7AB1AE
#7DB1AB
#80B1A8
#83B0A5
#86B0A3
#8AB09F
#77B1B1
#7BB1AD
#80B1A8
#84B1A4
#89B0A0
#8DB09B
#93B096
#77B1B1
#7DB1AB
#83B1A5
#89B19F
#8FB099
#95B093
#9DB08C
#77B2B0
#7FB2A9
#86B1A2
#8EB19A
#95B193
#9DB08C
#A6B083
#77B2B0
#80B2A7
#8AB19E
#93B195
#9DB18C
#A6B082
#B2B077
Colorpallet from #77B0B2 to #B077B2 and to #B0B277
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#80A7B2
#80A8B1
#80AAAF
#80ABAE
#80ADAC
#80AEAB
#80B0A9
#899EB2
#89A1AF
#89A4AC
#89A7A9
#89AAA6
#89ADA3
#89B19F
#9295B2
#9299AE
#929EA9
#92A2A5
#92A7A0
#92AB9C
#92B196
#9B8CB2
#9B92AC
#9B98A6
#9B9EA0
#9BA49A
#9BAA94
#9BB18C
#A582B2
#A58AAA
#A591A3
#A5999B
#A5A194
#A5A88C
#A5B283
#B077B2
#B080A9
#B08A9F
#B09396
#B09D8C
#B0A683
#B0B277
Colorpallet from #77B0B2 to #B077B2 and to #B277B0
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#80A7B2
#80A7B2
#80A7B2
#80A7B2
#80A7B2
#80A7B2
#80A7B2
#899EB2
#899EB2
#899EB2
#899EB2
#8A9EB1
#8A9EB1
#8A9EB1
#9295B2
#9295B2
#9295B2
#9295B2
#9395B1
#9395B1
#9395B1
#9B8CB2
#9B8CB2
#9C8CB2
#9C8CB2
#9C8CB1
#9D8CB1
#9D8CB1
#A582B2
#A582B2
#A582B1
#A582B1
#A682B1
#A682B0
#A682B0
#B077B2
#B077B2
#B177B1
#B177B1
#B177B1
#B277B0
#B277B0
Colorpallet from #77B0B2 to #B077B2 and to #B2B077
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#80A7B2
#80A8B1
#80AAAF
#80ABAE
#80ADAC
#80AEAB
#80B0A9
#899EB2
#89A1AF
#89A4AC
#89A7A9
#8AAAA6
#8AACA3
#8AB09F
#9295B2
#9299AE
#929EA9
#92A2A5
#93A6A0
#93AB9C
#93B096
#9B8CB2
#9B92AC
#9C98A6
#9C9DA0
#9CA39A
#9DA994
#9DB08C
#A582B2
#A589AA
#A591A3
#A5989B
#A69F94
#A6A78C
#A6B083
#B077B2
#B080A9
#B1899F
#B19296
#B19B8C
#B2A583
#B2B077
Colorpallet from #77B0B2 to #B0B277 and to #B277B0
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#80B0A9
#80AFAA
#80ADAC
#80ACAD
#80AAAF
#80A9B0
#80A7B2
#89B19F
#89AEA2
#89ABA5
#89A8A8
#8AA5AB
#8AA2AD
#8A9EB1
#92B196
#92AD9A
#92A89F
#92A4A3
#939FA7
#939BAC
#9395B1
#9BB18C
#9BAB92
#9CA598
#9C9F9E
#9C99A4
#9D93AA
#9D8CB1
#A5B283
#A5AA8A
#A5A391
#A59B99
#A693A0
#A68CA7
#A682B0
#B0B277
#B0A980
#B19F89
#B19692
#B18C9B
#B283A5
#B277B0
Colorpallet from #77B0B2 to #B0B277 and to #B2B077
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#80B0A9
#80B0A9
#80B0A9
#80B0A9
#80B0A9
#80B0A9
#80B0A9
#89B19F
#89B19F
#89B19F
#89B19F
#8AB09F
#8AB09F
#8AB09F
#92B196
#92B196
#92B196
#92B196
#93B096
#93B096
#93B096
#9BB18C
#9BB18C
#9CB18C
#9CB18C
#9CB08C
#9DB08C
#9DB08C
#A5B283
#A5B283
#A5B183
#A5B183
#A6B183
#A6B083
#A6B083
#B0B277
#B0B277
#B1B177
#B1B177
#B1B177
#B2B077
#B2B077
Colorpallet from #77B0B2 to #B277B0 and to #B2B077
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#77B0B2
#80A7B2
#80A8B1
#80AAAF
#80ABAE
#80ADAC
#80AEAB
#80B0A9
#8A9EB1
#8AA1AE
#8AA4AB
#8AA7A8
#8AAAA5
#8AACA3
#8AB09F
#9395B1
#9399AD
#939EA8
#93A2A4
#93A6A0
#93AB9B
#93B096
#9D8CB1
#9D92AB
#9D98A5
#9D9D9F
#9DA399
#9DA993
#9DB08C
#A682B0
#A689A9
#A691A2
#A6989A
#A69F93
#A6A78C
#A6B083
#B277B0
#B280A7
#B2899E
#B29295
#B29B8C
#B2A582
#B2B077
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
