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 #C3C185 to #C385C1 and to #C1C385
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3B78F
#C3B98D
#C3BA8C
#C3BC8A
#C3BD89
#C3BF87
#C3C185
#C3AE98
#C3B195
#C3B492
#C3B88F
#C2BB8C
#C2BE89
#C2C285
#C3A4A2
#C3A99D
#C3AE99
#C3B294
#C2B78F
#C2BC8B
#C2C285
#C39BAB
#C3A1A5
#C3A79F
#C3AE99
#C2B493
#C2BA8D
#C2C285
#C391B5
#C399AD
#C2A1A6
#C2A99E
#C2B196
#C1B98F
#C1C385
#C385C1
#C38FB7
#C299AE
#C2A3A4
#C2AD9B
#C1B791
#C1C385
Colorpallet from #C3C185 to #C385C1 and to #C185C3
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3B78F
#C3B78F
#C3B78F
#C3B78F
#C3B78F
#C3B78F
#C3B78F
#C3AE98
#C3AE98
#C3AE98
#C3AE98
#C2AE99
#C2AE99
#C2AE99
#C3A4A2
#C3A4A2
#C3A4A2
#C3A4A2
#C2A4A3
#C2A4A3
#C2A4A3
#C39BAB
#C39BAB
#C39BAC
#C39BAC
#C29BAC
#C29BAD
#C29BAD
#C391B5
#C391B5
#C291B6
#C291B6
#C291B6
#C191B7
#C191B7
#C385C1
#C385C1
#C285C2
#C285C2
#C285C2
#C185C3
#C185C3
Colorpallet from #C3C185 to #C385C1 and to #85C3C1
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3B78F
#C1B98F
#C0BA8F
#BEBC8F
#BDBD8F
#BBBF8F
#B9C18F
#C3AE98
#C0B198
#BDB498
#B9B898
#B6BB98
#B3BE98
#AFC298
#C3A4A2
#BEA9A2
#B9AEA2
#B5B2A2
#B0B7A2
#ABBCA2
#A5C2A2
#C39BAB
#BDA1AB
#B6A7AB
#B0AEAB
#A9B4AB
#A3BAAB
#9BC2AB
#C391B5
#BB99B5
#B3A1B5
#ABA9B5
#A3B1B5
#9BB9B5
#91C3B5
#C385C1
#B98FC1
#AF99C1
#A5A3C1
#9BADC1
#91B7C1
#85C3C1
Colorpallet from #C3C185 to #C385C1 and to #85C1C3
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3B78F
#C1B98F
#C0BA8F
#BEBC8F
#BDBD8F
#BBBF8F
#B9C18F
#C3AE98
#C0B198
#BDB498
#B9B798
#B6BA99
#B3BD99
#AFC199
#C3A4A2
#BEA9A2
#B9ADA2
#B5B2A2
#B0B7A3
#ABBBA3
#A5C1A3
#C39BAB
#BDA1AB
#B6A7AC
#B0ADAC
#A9B3AC
#A3B9AD
#9BC1AD
#C391B5
#BB99B5
#B3A0B6
#ABA8B6
#A3B0B6
#9BB7B7
#91C1B7
#C385C1
#B98FC1
#AF98C2
#A5A2C2
#9BABC2
#91B5C3
#85C1C3
Colorpallet from #C3C185 to #C1C385 and to #C185C3
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3BF87
#C3BE88
#C3BC8A
#C3BB8B
#C3B98D
#C3B78F
#C2C285
#C2BF88
#C2BC8B
#C2B88F
#C2B592
#C2B295
#C2AE99
#C2C285
#C2BD8A
#C2B88F
#C2B493
#C2AF98
#C2AA9D
#C2A4A3
#C2C285
#C2BC8B
#C2B692
#C2AF98
#C2A99F
#C2A3A5
#C29BAD
#C1C385
#C1BB8D
#C1B395
#C1AB9D
#C1A3A5
#C19BAD
#C191B7
#C1C385
#C1B98F
#C1AF99
#C1A5A3
#C19BAD
#C191B7
#C185C3
Colorpallet from #C3C185 to #C1C385 and to #85C3C1
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C1C187
#C0C188
#BEC18A
#BDC18B
#BBC18D
#B9C18F
#C2C285
#BFC288
#BCC28B
#B9C28E
#B6C291
#B3C294
#AFC298
#C2C285
#BDC28A
#B9C28E
#B4C293
#AFC298
#ABC29C
#A5C2A2
#C2C285
#BCC28B
#B6C291
#AFC297
#A9C29D
#A3C2A3
#9BC2AB
#C1C385
#B9C38D
#B2C394
#AAC39C
#A2C3A4
#9BC3AB
#91C3B5
#C1C385
#B7C38F
#AEC398
#A4C3A2
#9BC3AB
#91C3B5
#85C3C1
Colorpallet from #C3C185 to #C1C385 and to #85C1C3
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C1C187
#C0C188
#BEC18A
#BDC18B
#BBC18D
#B9C18F
#C2C285
#BFC288
#BCC28B
#B9C28F
#B6C192
#B3C195
#AFC199
#C2C285
#BDC28A
#B9C28F
#B4C293
#AFC198
#ABC19D
#A5C1A3
#C2C285
#BCC28B
#B6C292
#AFC298
#A9C19F
#A3C1A5
#9BC1AD
#C1C385
#B9C38D
#B2C295
#AAC29D
#A2C2A5
#9BC1AD
#91C1B7
#C1C385
#B7C38F
#AEC299
#A4C2A3
#9BC2AD
#91C1B7
#85C1C3
Colorpallet from #C3C185 to #C185C3 and to #85C3C1
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3B78F
#C1B98F
#C0BA8F
#BEBC8F
#BDBD8F
#BBBF8F
#B9C18F
#C2AE99
#BFB199
#BCB499
#B9B899
#B6BB98
#B3BE98
#AFC298
#C2A4A3
#BDA9A3
#B9AEA3
#B4B2A3
#AFB7A2
#ABBCA2
#A5C2A2
#C29BAD
#BCA1AD
#B6A7AC
#AFAEAC
#A9B4AC
#A3BAAB
#9BC2AB
#C191B7
#B999B7
#B2A1B6
#AAA9B6
#A2B1B6
#9BB9B5
#91C3B5
#C185C3
#B78FC3
#AE99C2
#A4A3C2
#9BADC2
#91B7C1
#85C3C1
Colorpallet from #C3C185 to #C185C3 and to #85C1C3
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3B78F
#C1B98F
#C0BA8F
#BEBC8F
#BDBD8F
#BBBF8F
#B9C18F
#C2AE99
#BFB199
#BCB499
#B9B799
#B6BA99
#B3BD99
#AFC199
#C2A4A3
#BDA9A3
#B9ADA3
#B4B2A3
#AFB7A3
#ABBBA3
#A5C1A3
#C29BAD
#BCA1AD
#B6A7AD
#AFADAD
#A9B3AD
#A3B9AD
#9BC1AD
#C191B7
#B999B7
#B2A0B7
#AAA8B7
#A2B0B7
#9BB7B7
#91C1B7
#C185C3
#B78FC3
#AE98C3
#A4A2C3
#9BABC3
#91B5C3
#85C1C3
Colorpallet from #C3C185 to #85C3C1 and to #85C1C3
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#C3C185
#B9C18F
#B9C18F
#B9C18F
#B9C18F
#B9C18F
#B9C18F
#B9C18F
#AFC298
#AFC298
#AFC298
#AFC298
#AFC199
#AFC199
#AFC199
#A5C2A2
#A5C2A2
#A5C2A2
#A5C2A2
#A5C1A3
#A5C1A3
#A5C1A3
#9BC2AB
#9BC2AB
#9BC2AC
#9BC2AC
#9BC1AC
#9BC1AD
#9BC1AD
#91C3B5
#91C3B5
#91C2B6
#91C2B6
#91C2B6
#91C1B7
#91C1B7
#85C3C1
#85C3C1
#85C2C2
#85C2C2
#85C2C2
#85C1C3
#85C1C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
