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 #B7E950 to #B750E9 and to #E9B750
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7D168
#B8D464
#BAD660
#BBD95C
#BCDB59
#BDDE55
#BFE150
#B7B881
#BABD79
#BCC371
#BFC869
#C1CD62
#C4D25A
#C7D950
#B7A099
#BBA88D
#BFB082
#C3B876
#C6BF6A
#CAC75F
#CFD150
#B787B2
#BC92A2
#C19C93
#C6A783
#CBB173
#D1BC64
#D7C950
#B76FCA
#BD7CB6
#C489A3
#CA968F
#D1A37C
#D7B168
#DFC150
#B750E9
#BF60D1
#C771B8
#CF81A0
#D79287
#DFA26F
#E9B750
Colorpallet from #B7E950 to #B750E9 and to #E950B7
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7D168
#B8D167
#BAD165
#BBD164
#BCD163
#BDD162
#BFD160
#B7B881
#BAB87E
#BCB87C
#BFB879
#C1B877
#C4B874
#C7B871
#B7A099
#BBA095
#BFA091
#C3A08D
#C6A08A
#CAA086
#CFA081
#B787B2
#BC87AD
#C187A8
#C687A3
#CB879E
#D18798
#D78792
#B76FCA
#BD6FC4
#C46FBD
#CA6FB7
#D16FB0
#D76FAA
#DF6FA2
#B750E9
#BF50E1
#C750D9
#CF50D1
#D750C9
#DF50C1
#E950B7
Colorpallet from #B7E950 to #B750E9 and to #50B7E9
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7D168
#B4D468
#B2D668
#AFD968
#ADDB68
#AADE68
#A7E168
#B7B881
#B2BD81
#ACC381
#A7C881
#A2CD81
#9DD281
#96D981
#B7A099
#AFA899
#A7B099
#9FB899
#98BF99
#90C799
#86D199
#B787B2
#AC92B2
#A29CB2
#97A7B2
#8DB1B2
#82BCB2
#75C9B2
#B76FCA
#AA7CCA
#9D89CA
#9096CA
#83A3CA
#75B1CA
#65C1CA
#B750E9
#A760E9
#9671E9
#8681E9
#7592E9
#65A2E9
#50B7E9
Colorpallet from #B7E950 to #B750E9 and to #50E9B7
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7D168
#B4D567
#B2D965
#AFDD64
#ADE063
#AAE462
#A7E960
#B7B881
#B2C07E
#ACC87C
#A7D079
#A2D777
#9DDF74
#96E971
#B7A099
#AFAC95
#A7B791
#9FC38D
#98CF8A
#90DA86
#86E981
#B787B2
#AC97AD
#A2A6A8
#97B6A3
#8DC69E
#82D598
#75E992
#B76FCA
#AA83C4
#9D96BD
#90AAB7
#83BDB0
#75D1AA
#65E9A2
#B750E9
#A768E1
#9681D9
#8699D1
#75B2C9
#65CAC1
#50E9B7
Colorpallet from #B7E950 to #E9B750 and to #E950B7
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#BFE150
#BFDE53
#BFDC55
#BFD958
#BFD75A
#BFD45D
#BFD160
#C7D950
#C7D455
#C7CE5B
#C7C960
#C7C465
#C7BF6A
#C7B871
#CFD150
#CFC958
#CFC160
#CFB968
#CFB26F
#CFAA77
#CFA081
#D7C950
#D7BE5B
#D7B465
#D7A970
#D79F7A
#D79485
#D78792
#DFC150
#DFB45D
#DFA76A
#DF9A77
#DF8D84
#DF7F92
#DF6FA2
#E9B750
#E9A760
#E99671
#E98681
#E97592
#E965A2
#E950B7
Colorpallet from #B7E950 to #E9B750 and to #50B7E9
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#BFE150
#BBE154
#B7E158
#B3E15C
#B0E15F
#ACE163
#A7E168
#C7D950
#BFD958
#B7D960
#AFD968
#A8D96F
#A0D977
#96D981
#CFD150
#C3D15C
#B8D167
#ACD173
#A0D17F
#95D18A
#86D199
#D7C950
#C7C960
#B8C96F
#A8C97F
#98C98F
#89C99E
#75C9B2
#DFC150
#CBC164
#B8C177
#A4C18B
#91C19E
#7DC1B2
#65C1CA
#E9B750
#D1B768
#B8B781
#A0B799
#87B7B2
#6FB7CA
#50B7E9
Colorpallet from #B7E950 to #E9B750 and to #50E9B7
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#BFE150
#BBE253
#B7E455
#B3E558
#B0E65A
#ACE75D
#A7E960
#C7D950
#BFDC55
#B7DE5B
#AFE160
#A8E365
#A0E66A
#96E971
#CFD150
#C3D558
#B8D960
#ACDD68
#A0E06F
#95E477
#86E981
#D7C950
#C7CE5B
#B8D365
#A8D870
#98DD7A
#89E385
#75E992
#DFC150
#CBC75D
#B8CE6A
#A4D477
#91DB84
#7DE192
#65E9A2
#E9B750
#D1BF60
#B8C771
#A0CF81
#87D792
#6FDFA2
#50E9B7
Colorpallet from #B7E950 to #E950B7 and to #50B7E9
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#BFD160
#BBD461
#B7D663
#B3D964
#B0DB65
#ACDE66
#A7E168
#C7B871
#BFBD74
#B7C376
#AFC879
#A8CD7B
#A0D27E
#96D981
#CFA081
#C3A885
#B8B089
#ACB88D
#A0BF90
#95C794
#86D199
#D78792
#C79297
#B89C9C
#A8A7A1
#98B1A6
#89BCAC
#75C9B2
#DF6FA2
#CB7CA8
#B889AF
#A496B5
#91A3BC
#7DB1C2
#65C1CA
#E950B7
#D160BF
#B871C7
#A081CF
#8792D7
#6FA2DF
#50B7E9
Colorpallet from #B7E950 to #E950B7 and to #50E9B7
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#BFD160
#BBD560
#B7D960
#B3DD60
#B0E060
#ACE460
#A7E960
#C7B871
#BFC071
#B7C871
#AFD071
#A8D771
#A0DF71
#96E971
#CFA081
#C3AC81
#B8B781
#ACC381
#A0CF81
#95DA81
#86E981
#D78792
#C79792
#B8A692
#A8B692
#98C692
#89D592
#75E992
#DF6FA2
#CB83A2
#B896A2
#A4AAA2
#91BDA2
#7DD1A2
#65E9A2
#E950B7
#D168B7
#B881B7
#A099B7
#87B2B7
#6FCAB7
#50E9B7
Colorpallet from #B7E950 to #50B7E9 and to #50E9B7
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#B7E950
#A7E168
#A7E267
#A7E465
#A7E564
#A7E663
#A7E762
#A7E960
#96D981
#96DC7E
#96DE7C
#96E179
#96E377
#96E674
#96E971
#86D199
#86D595
#86D991
#86DD8D
#86E08A
#86E486
#86E981
#75C9B2
#75CEAD
#75D3A8
#75D8A3
#75DD9E
#75E398
#75E992
#65C1CA
#65C7C4
#65CEBD
#65D4B7
#65DBB0
#65E1AA
#65E9A2
#50B7E9
#50BFE1
#50C7D9
#50CFD1
#50D7C9
#50DFC1
#50E9B7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
