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 #BEC490 to #BE90C4 and to #C4BE90
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEBC98
#BEBD97
#BEBE95
#BEBF94
#BFC093
#BFC292
#BFC390
#BEB3A1
#BEB59E
#BFB89C
#BFBA99
#BFBD96
#C0BF93
#C0C290
#BEABA9
#BEAFA5
#BFB2A1
#BFB69D
#C0B999
#C0BD95
#C1C190
#BEA3B1
#BFA8AC
#BFACA6
#C0B1A1
#C1B69C
#C1BA97
#C2C090
#BE9ABA
#BFA0B3
#C0A6AD
#C0ACA6
#C1B29F
#C2B898
#C3BF90
#BE90C4
#BF97BC
#C09FB3
#C1A6AB
#C2ADA3
#C3B59A
#C4BE90
Colorpallet from #BEC490 to #BE90C4 and to #C490BE
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEBC98
#BEBC98
#BEBC98
#BEBC98
#BFBC97
#BFBC97
#BFBC97
#BEB3A1
#BEB3A1
#BFB3A0
#BFB3A0
#BFB3A0
#C0B39F
#C0B39F
#BEABA9
#BEABA9
#BFABA8
#BFABA8
#C0ABA7
#C0ABA7
#C1ABA6
#BEA3B1
#BFA3B0
#BFA3B0
#C0A3AF
#C1A3AE
#C1A3AE
#C2A3AD
#BE9ABA
#BF9AB9
#C09AB8
#C09AB8
#C19AB7
#C29AB6
#C39AB5
#BE90C4
#BF90C3
#C090C2
#C190C1
#C290C0
#C390BF
#C490BE
Colorpallet from #BEC490 to #BE90C4 and to #90BEC4
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEBC98
#BDBD98
#BCBE98
#BBBF98
#BAC098
#B8C298
#B7C398
#BEB3A1
#BCB5A1
#B9B8A1
#B7BAA1
#B4BDA1
#B2BFA1
#AFC2A1
#BEABA9
#BAAFA9
#B7B2A9
#B3B6A9
#B0B9A9
#ACBDA9
#A8C1A9
#BEA3B1
#B9A8B1
#B5ACB1
#B0B1B1
#ABB6B1
#A7BAB1
#A1C0B1
#BE9ABA
#B8A0BA
#B2A6BA
#ACACBA
#A6B2BA
#A0B8BA
#99BFBA
#BE90C4
#B797C4
#AF9FC4
#A8A6C4
#A1ADC4
#99B5C4
#90BEC4
Colorpallet from #BEC490 to #BE90C4 and to #90C4BE
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEBC98
#BDBD98
#BCBF98
#BBC098
#BAC197
#B8C297
#B7C497
#BEB3A1
#BCB6A1
#B9B8A0
#B7BBA0
#B4BEA0
#B2C19F
#AFC49F
#BEABA9
#BAAFA9
#B7B3A8
#B3B7A8
#B0BBA7
#ACBFA7
#A8C4A6
#BEA3B1
#B9A8B0
#B5AEB0
#B0B3AF
#ABB8AE
#A7BDAE
#A1C4AD
#BE9ABA
#B8A1B9
#B2A7B8
#ACAEB8
#A6B5B7
#A0BCB6
#99C4B5
#BE90C4
#B798C3
#AFA1C2
#A8A9C1
#A1B1C0
#99BABF
#90C4BE
Colorpallet from #BEC490 to #C4BE90 and to #C490BE
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BFC390
#BFC291
#BFC192
#BFC093
#BFBF94
#BFBD96
#BFBC97
#C0C290
#C0C092
#C0BD95
#C0BB97
#C0B89A
#C0B69C
#C0B39F
#C1C190
#C1BD94
#C1BA97
#C1B69B
#C1B39E
#C1AFA2
#C1ABA6
#C2C090
#C2BB95
#C2B799
#C2B29E
#C2ADA3
#C2A9A7
#C2A3AD
#C3BF90
#C3B996
#C3B39C
#C3ADA2
#C3A7A8
#C3A1AE
#C39AB5
#C4BE90
#C4B797
#C4AF9F
#C4A8A6
#C4A1AD
#C499B5
#C490BE
Colorpallet from #BEC490 to #C4BE90 and to #90BEC4
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BFC390
#BEC391
#BCC393
#BBC394
#BAC395
#B9C396
#B7C398
#C0C290
#BDC293
#BBC295
#B8C298
#B5C29B
#B2C29E
#AFC2A1
#C1C190
#BDC194
#B9C198
#B5C19C
#B1C1A0
#ADC1A4
#A8C1A9
#C2C090
#BDC095
#B7C09B
#B2C0A0
#ADC0A5
#A8C0AA
#A1C0B1
#C3BF90
#BCBF97
#B6BF9D
#AFBFA4
#A8BFAB
#A1BFB2
#99BFBA
#C4BE90
#BCBE98
#B3BEA1
#ABBEA9
#A3BEB1
#9ABEBA
#90BEC4
Colorpallet from #BEC490 to #C4BE90 and to #90C4BE
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BFC390
#BEC391
#BCC392
#BBC393
#BAC494
#B9C496
#B7C497
#C0C290
#BDC292
#BBC395
#B8C397
#B5C39A
#B2C49C
#AFC49F
#C1C190
#BDC194
#B9C297
#B5C29B
#B1C39E
#ADC3A2
#A8C4A6
#C2C090
#BDC195
#B7C199
#B2C29E
#ADC3A3
#A8C3A7
#A1C4AD
#C3BF90
#BCC096
#B6C19C
#AFC1A2
#A8C2A8
#A1C3AE
#99C4B5
#C4BE90
#BCBF97
#B3C09F
#ABC1A6
#A3C2AD
#9AC3B5
#90C4BE
Colorpallet from #BEC490 to #C490BE and to #90BEC4
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BFBC97
#BEBD97
#BCBE97
#BBBF97
#BAC098
#B9C298
#B7C398
#C0B39F
#BDB59F
#BBB8A0
#B8BAA0
#B5BDA0
#B2BFA1
#AFC2A1
#C1ABA6
#BDAFA6
#B9B2A7
#B5B6A7
#B1B9A8
#ADBDA8
#A8C1A9
#C2A3AD
#BDA8AE
#B7ACAE
#B2B1AF
#ADB6B0
#A8BAB0
#A1C0B1
#C39AB5
#BCA0B6
#B6A6B7
#AFACB7
#A8B2B8
#A1B8B9
#99BFBA
#C490BE
#BC97BF
#B39FC0
#ABA6C1
#A3ADC2
#9AB5C3
#90BEC4
Colorpallet from #BEC490 to #C490BE and to #90C4BE
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BFBC97
#BEBD97
#BCBF97
#BBC097
#BAC197
#B9C297
#B7C497
#C0B39F
#BDB69F
#BBB89F
#B8BB9F
#B5BE9F
#B2C19F
#AFC49F
#C1ABA6
#BDAFA6
#B9B3A6
#B5B7A6
#B1BBA6
#ADBFA6
#A8C4A6
#C2A3AD
#BDA8AD
#B7AEAD
#B2B3AD
#ADB8AD
#A8BDAD
#A1C4AD
#C39AB5
#BCA1B5
#B6A7B5
#AFAEB5
#A8B5B5
#A1BCB5
#99C4B5
#C490BE
#BC98BE
#B3A1BE
#ABA9BE
#A3B1BE
#9ABABE
#90C4BE
Colorpallet from #BEC490 to #90BEC4 and to #90C4BE
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#BEC490
#B7C398
#B7C398
#B7C398
#B7C398
#B7C497
#B7C497
#B7C497
#AFC2A1
#AFC2A1
#AFC3A0
#AFC3A0
#AFC3A0
#AFC49F
#AFC49F
#A8C1A9
#A8C1A9
#A8C2A8
#A8C2A8
#A8C3A7
#A8C3A7
#A8C4A6
#A1C0B1
#A1C1B0
#A1C1B0
#A1C2AF
#A1C3AE
#A1C3AE
#A1C4AD
#99BFBA
#99C0B9
#99C1B8
#99C1B8
#99C2B7
#99C3B6
#99C4B5
#90BEC4
#90BFC3
#90C0C2
#90C1C1
#90C2C0
#90C3BF
#90C4BE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
