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 #BEA296 to #BE96A2 and to #A2BE96
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA098
#BDA198
#BDA297
#BCA397
#BBA497
#BBA596
#BAA696
#BE9E9A
#BDA099
#BBA299
#BAA498
#B8A697
#B7A897
#B5AB96
#BE9C9C
#BC9F9B
#BAA29A
#B8A599
#B6A898
#B4AB97
#B1AF96
#BE9A9E
#BB9E9D
#B8A29B
#B5A69A
#B2AB99
#B0AF98
#ACB496
#BE98A0
#BA9D9E
#B7A29D
#B3A79B
#B0AC9A
#ACB298
#A8B896
#BE96A2
#BA9CA0
#B5A39E
#B1A99C
#ACB09A
#A8B698
#A2BE96
Colorpallet from #BEA296 to #BE96A2 and to #A296BE
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA098
#BDA099
#BDA099
#BCA09A
#BBA09B
#BBA09B
#BAA09C
#BE9E9A
#BD9E9B
#BB9E9D
#BA9E9E
#B89EA0
#B79EA1
#B59EA3
#BE9C9C
#BC9C9E
#BA9CA0
#B89CA2
#B69CA4
#B49CA6
#B19CA9
#BE9A9E
#BB9AA1
#B89AA4
#B59AA7
#B29AAA
#B09AAC
#AC9AB0
#BE98A0
#BA98A4
#B798A7
#B398AB
#B098AE
#AC98B2
#A898B6
#BE96A2
#BA96A6
#B596AB
#B196AF
#AC96B4
#A896B8
#A296BE
Colorpallet from #BEA296 to #BE96A2 and to #96BEA2
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA098
#BDA198
#BCA298
#BBA398
#BAA498
#B9A598
#B8A698
#BE9E9A
#BCA09A
#BAA29A
#B8A49A
#B6A69A
#B4A89A
#B1AB9A
#BE9C9C
#BB9F9C
#B8A29C
#B5A59C
#B2A89C
#AFAB9C
#ABAF9C
#BE9A9E
#BA9E9E
#B6A29E
#B2A69E
#ADAB9E
#A9AF9E
#A4B49E
#BE98A0
#B99DA0
#B4A2A0
#AFA7A0
#AAACA0
#A4B2A0
#9EB8A0
#BE96A2
#B89CA2
#B1A3A2
#ABA9A2
#A4B0A2
#9EB6A2
#96BEA2
Colorpallet from #BEA296 to #BE96A2 and to #96A2BE
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA098
#BDA099
#BCA199
#BBA19A
#BAA19B
#B9A29B
#B8A29C
#BE9E9A
#BC9F9B
#BA9F9D
#B8A09E
#B6A1A0
#B4A1A1
#B1A2A3
#BE9C9C
#BB9D9E
#B89EA0
#B59FA2
#B2A0A4
#AFA1A6
#ABA2A9
#BE9A9E
#BA9BA1
#B69DA4
#B29EA7
#AD9FAA
#A9A0AC
#A4A2B0
#BE98A0
#B99AA4
#B49BA7
#AF9DAB
#AA9EAE
#A4A0B2
#9EA2B6
#BE96A2
#B898A6
#B19AAB
#AB9CAF
#A49EB4
#9EA0B8
#96A2BE
Colorpallet from #BEA296 to #A2BE96 and to #A296BE
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BAA696
#BAA597
#BAA498
#BAA399
#BAA29A
#BAA19B
#BAA09C
#B5AB96
#B5A998
#B5A79A
#B5A59C
#B5A39E
#B5A1A0
#B59EA3
#B1AF96
#B1AC99
#B1A99C
#B1A69F
#B1A3A2
#B1A0A5
#B19CA9
#ACB496
#ACB09A
#ACAC9E
#ACA8A2
#ACA3A7
#AC9FAB
#AC9AB0
#A8B896
#A8B39B
#A8AEA0
#A8A9A5
#A8A4AA
#A89EB0
#A898B6
#A2BE96
#A2B89C
#A2B1A3
#A2ABA9
#A2A4B0
#A29EB6
#A296BE
Colorpallet from #BEA296 to #A2BE96 and to #96BEA2
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BAA696
#BAA696
#B9A697
#B9A697
#B9A697
#B8A698
#B8A698
#B5AB96
#B4AB97
#B4AB97
#B3AB98
#B2AB99
#B2AB99
#B1AB9A
#B1AF96
#B0AF97
#AFAF98
#AEAF99
#ADAF9A
#ACAF9B
#ABAF9C
#ACB496
#ABB497
#A9B499
#A8B49A
#A7B49B
#A6B49C
#A4B49E
#A8B896
#A6B898
#A5B899
#A3B89B
#A2B89C
#A0B89E
#9EB8A0
#A2BE96
#A0BE98
#9EBE9A
#9CBE9C
#9ABE9E
#98BEA0
#96BEA2
Colorpallet from #BEA296 to #A2BE96 and to #96A2BE
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BAA696
#BAA597
#B9A598
#B9A499
#B9A39A
#B8A39B
#B8A29C
#B5AB96
#B4AA98
#B4A89A
#B3A79C
#B2A59E
#B2A4A0
#B1A2A3
#B1AF96
#B0AD99
#AFAB9C
#AEA99F
#ADA7A2
#ACA5A5
#ABA2A9
#ACB496
#ABB19A
#A9AE9E
#A8ABA2
#A7A8A7
#A6A6AB
#A4A2B0
#A8B896
#A6B49B
#A5B1A0
#A3ADA5
#A2AAAA
#A0A6B0
#9EA2B6
#A2BE96
#A0BA9C
#9EB5A3
#9CB1A9
#9AACB0
#98A8B6
#96A2BE
Colorpallet from #BEA296 to #A296BE and to #96BEA2
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BAA09C
#BAA19B
#B9A29B
#B9A39A
#B9A499
#B8A599
#B8A698
#B59EA3
#B4A0A2
#B4A2A0
#B3A49F
#B2A69D
#B2A89C
#B1AB9A
#B19CA9
#B09FA7
#AFA2A5
#AEA5A3
#ADA8A1
#ACAB9F
#ABAF9C
#AC9AB0
#AB9EAD
#A9A2AA
#A8A6A7
#A7ABA4
#A6AFA2
#A4B49E
#A898B6
#A69DB2
#A5A2AF
#A3A7AB
#A2ACA8
#A0B2A4
#9EB8A0
#A296BE
#A09CBA
#9EA3B5
#9CA9B1
#9AB0AC
#98B6A8
#96BEA2
Colorpallet from #BEA296 to #A296BE and to #96A2BE
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BAA09C
#BAA09C
#B9A19C
#B9A19C
#B9A19C
#B8A29C
#B8A29C
#B59EA3
#B49FA3
#B49FA3
#B3A0A3
#B2A1A3
#B2A1A3
#B1A2A3
#B19CA9
#B09DA9
#AF9EA9
#AE9FA9
#ADA0A9
#ACA1A9
#ABA2A9
#AC9AB0
#AB9BB0
#A99DB0
#A89EB0
#A79FB0
#A6A0B0
#A4A2B0
#A898B6
#A69AB6
#A59BB6
#A39DB6
#A29EB6
#A0A0B6
#9EA2B6
#A296BE
#A098BE
#9E9ABE
#9C9CBE
#9A9EBE
#98A0BE
#96A2BE
Colorpallet from #BEA296 to #96BEA2 and to #96A2BE
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#BEA296
#B8A698
#B8A599
#B8A599
#B8A49A
#B8A39B
#B8A39B
#B8A29C
#B1AB9A
#B1AA9B
#B1A89D
#B1A79E
#B1A5A0
#B1A4A1
#B1A2A3
#ABAF9C
#ABAD9E
#ABABA0
#ABA9A2
#ABA7A4
#ABA5A6
#ABA2A9
#A4B49E
#A4B1A1
#A4AEA4
#A4ABA7
#A4A8AA
#A4A6AC
#A4A2B0
#9EB8A0
#9EB4A4
#9EB1A7
#9EADAB
#9EAAAE
#9EA6B2
#9EA2B6
#96BEA2
#96BAA6
#96B5AB
#96B1AF
#96ACB4
#96A8B8
#96A2BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
