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 #BCB286 to #BC86B2 and to #B2BC86
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCAB8D
#BCAC8C
#BBAE8B
#BBAF8A
#BBB189
#BAB287
#BAB486
#BCA494
#BCA792
#BBA990
#BBAC8D
#BAAF8B
#BAB289
#B9B586
#BC9D9B
#BBA198
#BAA594
#BAA991
#B9AE8E
#B8B28A
#B7B786
#BC96A2
#BB9B9E
#BAA199
#B9A695
#B8AC90
#B7B18C
#B6B886
#BC8FA9
#BB96A3
#B99D9E
#B8A498
#B7AB93
#B6B18D
#B4BA86
#BC86B2
#BA8FAB
#B997A4
#B7A09D
#B6A996
#B4B18F
#B2BC86
Colorpallet from #BCB286 to #BC86B2 and to #B286BC
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCAB8D
#BCAB8D
#BBAB8E
#BBAB8E
#BBAB8E
#BAAB8F
#BAAB8F
#BCA494
#BCA494
#BBA495
#BBA495
#BAA496
#BAA496
#B9A497
#BC9D9B
#BB9D9C
#BA9D9D
#BA9D9D
#B99D9E
#B89D9F
#B79DA0
#BC96A2
#BB96A3
#BA96A4
#B996A5
#B896A6
#B796A8
#B696A9
#BC8FA9
#BB8FAA
#B98FAC
#B88FAD
#B78FAE
#B68FAF
#B48FB1
#BC86B2
#BA86B4
#B986B5
#B786B7
#B686B8
#B486BA
#B286BC
Colorpallet from #BCB286 to #BC86B2 and to #86BCB2
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCAB8D
#BBAC8D
#B9AE8D
#B8AF8D
#B6B18D
#B5B28D
#B3B48D
#BCA494
#B9A794
#B7A994
#B4AC94
#B1AF94
#AEB294
#ABB594
#BC9D9B
#B8A19B
#B4A59B
#B0A99B
#ABAE9B
#A7B29B
#A2B79B
#BC96A2
#B69BA2
#B1A1A2
#ABA6A2
#A6ACA2
#A0B1A2
#99B8A2
#BC8FA9
#B596A9
#AE9DA9
#A7A4A9
#A0ABA9
#9AB1A9
#91BAA9
#BC86B2
#B38FB2
#AB97B2
#A2A0B2
#99A9B2
#91B1B2
#86BCB2
Colorpallet from #BCB286 to #BC86B2 and to #86B2BC
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCAB8D
#BBAC8D
#B9AD8E
#B8AE8E
#B6AF8E
#B5B18F
#B3B28F
#BCA494
#B9A694
#B7A895
#B4AB95
#B1AD96
#AEAF96
#ABB297
#BC9D9B
#B8A09C
#B4A49D
#B0A79D
#ABAA9E
#A7AE9F
#A2B2A0
#BC96A2
#B69AA3
#B19FA4
#ABA3A5
#A6A8A6
#A0ACA8
#99B2A9
#BC8FA9
#B595AA
#AE9AAC
#A7A0AD
#A0A5AE
#9AABAF
#91B2B1
#BC86B2
#B38DB4
#AB94B5
#A29BB7
#99A2B8
#91A9BA
#86B2BC
Colorpallet from #BCB286 to #B2BC86 and to #B286BC
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BAB486
#BAB387
#BAB189
#BAB08A
#BAAE8C
#BAAD8D
#BAAB8F
#B9B586
#B9B289
#B9B08B
#B9AD8E
#B9AA91
#B9A794
#B9A497
#B7B786
#B7B38A
#B7AF8E
#B7AB92
#B7A697
#B7A29B
#B79DA0
#B6B886
#B6B38C
#B6AD91
#B6A897
#B6A29C
#B69DA2
#B696A9
#B4BA86
#B4B38D
#B4AC94
#B4A59B
#B49EA2
#B498A8
#B48FB1
#B2BC86
#B2B38F
#B2AB97
#B2A2A0
#B299A9
#B291B1
#B286BC
Colorpallet from #BCB286 to #B2BC86 and to #86BCB2
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BAB486
#B9B487
#B8B488
#B7B489
#B6B48A
#B4B48C
#B3B48D
#B9B586
#B7B588
#B5B58A
#B2B58D
#B0B58F
#AEB591
#ABB594
#B7B786
#B4B789
#B0B78D
#ADB790
#AAB793
#A6B797
#A2B79B
#B6B886
#B1B88A
#ADB88F
#A8B893
#A3B898
#9FB89C
#99B8A2
#B4BA86
#AEBA8C
#A9BA91
#A3BA97
#9EBA9C
#98BAA2
#91BAA9
#B2BC86
#ABBC8D
#A4BC94
#9DBC9B
#96BCA2
#8FBCA9
#86BCB2
Colorpallet from #BCB286 to #B2BC86 and to #86B2BC
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BAB486
#B9B487
#B8B389
#B7B38A
#B6B38C
#B4B28D
#B3B28F
#B9B586
#B7B589
#B5B48B
#B2B48E
#B0B391
#AEB394
#ABB297
#B7B786
#B4B68A
#B0B58E
#ADB592
#AAB497
#A6B39B
#A2B2A0
#B6B886
#B1B78C
#ADB691
#A8B597
#A3B49C
#9FB3A2
#99B2A9
#B4BA86
#AEB98D
#A9B794
#A3B69B
#9EB5A2
#98B4A8
#91B2B1
#B2BC86
#ABBA8F
#A4B997
#9DB7A0
#96B6A9
#8FB4B1
#86B2BC
Colorpallet from #BCB286 to #B286BC and to #86BCB2
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BAAB8F
#B9AC8F
#B8AE8E
#B7AF8E
#B6B18E
#B4B28D
#B3B48D
#B9A497
#B7A797
#B5A996
#B2AC96
#B0AF95
#AEB295
#ABB594
#B79DA0
#B4A19F
#B0A59E
#ADA99E
#AAAE9D
#A6B29C
#A2B79B
#B696A9
#B19BA8
#ADA1A7
#A8A6A6
#A3ACA5
#9FB1A3
#99B8A2
#B48FB1
#AE96B0
#A99DAE
#A3A4AD
#9EABAC
#98B1AB
#91BAA9
#B286BC
#AB8FBA
#A497B9
#9DA0B7
#96A9B6
#8FB1B4
#86BCB2
Colorpallet from #BCB286 to #B286BC and to #86B2BC
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BAAB8F
#B9AC8F
#B8AD8F
#B7AE8F
#B6AF8F
#B4B18F
#B3B28F
#B9A497
#B7A697
#B5A897
#B2AB97
#B0AD97
#AEAF97
#ABB297
#B79DA0
#B4A0A0
#B0A4A0
#ADA7A0
#AAAAA0
#A6AEA0
#A2B2A0
#B696A9
#B19AA9
#AD9FA9
#A8A3A9
#A3A8A9
#9FACA9
#99B2A9
#B48FB1
#AE95B1
#A99AB1
#A3A0B1
#9EA5B1
#98ABB1
#91B2B1
#B286BC
#AB8DBC
#A494BC
#9D9BBC
#96A2BC
#8FA9BC
#86B2BC
Colorpallet from #BCB286 to #86BCB2 and to #86B2BC
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#BCB286
#B3B48D
#B3B48D
#B3B38E
#B3B38E
#B3B38E
#B3B28F
#B3B28F
#ABB594
#ABB594
#ABB495
#ABB495
#ABB396
#ABB396
#ABB297
#A2B79B
#A2B69C
#A2B59D
#A2B59D
#A2B49E
#A2B39F
#A2B2A0
#99B8A2
#99B7A3
#99B6A4
#99B5A5
#99B4A6
#99B3A8
#99B2A9
#91BAA9
#91B9AA
#91B7AC
#91B6AD
#91B5AE
#91B4AF
#91B2B1
#86BCB2
#86BAB4
#86B9B5
#86B7B7
#86B6B8
#86B4BA
#86B2BC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
