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 #AFD286 to #AF86D2 and to #D2AF86
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFC692
#B0C790
#B1C88E
#B2C98C
#B3CA8A
#B4CB88
#B5CC86
#AFBA9E
#B1BC9A
#B3BE96
#B4C092
#B6C28F
#B8C48B
#BAC786
#AFAEAA
#B2B1A4
#B4B49E
#B7B799
#BABA93
#BDBD8D
#C0C186
#AFA1B7
#B3A5AF
#B6AAA7
#BAAE9F
#BDB298
#C1B790
#C5BC86
#AF95C3
#B39AB9
#B8A0AF
#BCA5A6
#C1AA9C
#C5AF92
#CBB686
#AF86D2
#B58DC6
#BA93BA
#C09AAE
#C5A0A1
#CBA795
#D2AF86
Colorpallet from #AFD286 to #AF86D2 and to #D286AF
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFC692
#B0C691
#B1C690
#B2C690
#B3C68F
#B4C68E
#B5C68D
#AFBA9E
#B1BA9C
#B3BA9A
#B4BA99
#B6BA97
#B8BA95
#BABA93
#AFAEAA
#B2AEA7
#B4AEA5
#B7AEA2
#BAAEA0
#BDAE9D
#C0AE9A
#AFA1B7
#B3A1B3
#B6A1B0
#BAA1AC
#BDA1A8
#C1A1A5
#C5A1A0
#AF95C3
#B395BF
#B895BA
#BC95B6
#C195B1
#C595AD
#CB95A7
#AF86D2
#B586CC
#BA86C7
#C086C1
#C586BC
#CB86B6
#D286AF
Colorpallet from #AFD286 to #AF86D2 and to #86AFD2
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFC692
#AEC792
#ADC892
#ACC992
#ABCA92
#A9CB92
#A8CC92
#AFBA9E
#ADBC9E
#ABBE9E
#A9C09E
#A7C29E
#A5C49E
#A2C79E
#AFAEAA
#ACB1AA
#A9B4AA
#A5B7AA
#A2BAAA
#9FBDAA
#9BC1AA
#AFA1B7
#ABA5B7
#A7AAB7
#A3AEB7
#9EB2B7
#9AB7B7
#95BCB7
#AF95C3
#AA9AC3
#A4A0C3
#9FA5C3
#9AAAC3
#95AFC3
#8EB6C3
#AF86D2
#A88DD2
#A293D2
#9B9AD2
#95A0D2
#8EA7D2
#86AFD2
Colorpallet from #AFD286 to #AF86D2 and to #86D2AF
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFC692
#AEC891
#ADCA90
#ACCC90
#ABCE8F
#A9D08E
#A8D28D
#AFBA9E
#ADBE9C
#ABC29A
#A9C699
#A7C997
#A5CD95
#A2D293
#AFAEAA
#ACB4A7
#A9BAA5
#A5BFA2
#A2C5A0
#9FCB9D
#9BD29A
#AFA1B7
#ABA9B3
#A7B1B0
#A3B9AC
#9EC0A8
#9AC8A5
#95D2A0
#AF95C3
#AA9FBF
#A4A9BA
#9FB2B6
#9ABCB1
#95C6AD
#8ED2A7
#AF86D2
#A892CC
#A29EC7
#9BAAC1
#95B7BC
#8EC3B6
#86D2AF
Colorpallet from #AFD286 to #D2AF86 and to #D286AF
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#B5CC86
#B5CB87
#B5CA88
#B5C989
#B5C88A
#B5C78C
#B5C68D
#BAC786
#BAC588
#BAC38A
#BAC18C
#BABF8E
#BABD90
#BABA93
#C0C186
#C0BE89
#C0BB8C
#C0B890
#C0B593
#C0B296
#C0AE9A
#C5BC86
#C5B88A
#C5B38E
#C5AF92
#C5AB97
#C5A69B
#C5A1A0
#CBB686
#CBB18B
#CBAB91
#CBA696
#CBA19B
#CB9CA0
#CB95A7
#D2AF86
#D2A88D
#D2A293
#D29B9A
#D295A0
#D28EA7
#D286AF
Colorpallet from #AFD286 to #D2AF86 and to #86AFD2
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#B5CC86
#B3CC88
#B1CC8A
#AFCC8C
#ADCC8E
#ABCC90
#A8CC92
#BAC786
#B6C78A
#B2C78E
#AEC792
#ABC795
#A7C799
#A2C79E
#C0C186
#BAC18C
#B4C192
#AEC197
#A8C19D
#A2C1A3
#9BC1AA
#C5BC86
#BDBC8E
#B6BC96
#AEBC9E
#A6BCA5
#9FBCAD
#95BCB7
#CBB686
#C1B690
#B7B69A
#AEB6A3
#A4B6AD
#9AB6B7
#8EB6C3
#D2AF86
#C6AF92
#BAAF9E
#AEAFAA
#A1AFB7
#95AFC3
#86AFD2
Colorpallet from #AFD286 to #D2AF86 and to #86D2AF
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#B5CC86
#B3CD87
#B1CE88
#AFCF89
#ADD08A
#ABD18C
#A8D28D
#BAC786
#B6C988
#B2CB8A
#AECC8C
#ABCE8E
#A7D090
#A2D293
#C0C186
#BAC489
#B4C68C
#AEC990
#A8CC93
#A2CF96
#9BD29A
#C5BC86
#BDC08A
#B6C38E
#AEC792
#A6CA97
#9FCE9B
#95D2A0
#CBB686
#C1BA8B
#B7BF91
#AEC396
#A4C89B
#9ACCA0
#8ED2A7
#D2AF86
#C6B58D
#BABA93
#AEC09A
#A1C5A0
#95CBA7
#86D2AF
Colorpallet from #AFD286 to #D286AF and to #86AFD2
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#B5C68D
#B3C78E
#B1C88F
#AFC98F
#ADCA90
#ABCB91
#A8CC92
#BABA93
#B6BC95
#B2BE97
#AEC098
#ABC29A
#A7C49C
#A2C79E
#C0AE9A
#BAB19D
#B4B49F
#AEB7A2
#A8BAA4
#A2BDA7
#9BC1AA
#C5A1A0
#BDA5A4
#B6AAA7
#AEAEAB
#A6B2AF
#9FB7B2
#95BCB7
#CB95A7
#C19AAB
#B7A0B0
#AEA5B4
#A4AAB9
#9AAFBD
#8EB6C3
#D286AF
#C68DB5
#BA93BA
#AE9AC0
#A1A0C5
#95A7CB
#86AFD2
Colorpallet from #AFD286 to #D286AF and to #86D2AF
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#B5C68D
#B3C88D
#B1CA8D
#AFCC8D
#ADCE8D
#ABD08D
#A8D28D
#BABA93
#B6BE93
#B2C293
#AEC693
#ABC993
#A7CD93
#A2D293
#C0AE9A
#BAB49A
#B4BA9A
#AEBF9A
#A8C59A
#A2CB9A
#9BD29A
#C5A1A0
#BDA9A0
#B6B1A0
#AEB9A0
#A6C0A0
#9FC8A0
#95D2A0
#CB95A7
#C19FA7
#B7A9A7
#AEB2A7
#A4BCA7
#9AC6A7
#8ED2A7
#D286AF
#C692AF
#BA9EAF
#AEAAAF
#A1B7AF
#95C3AF
#86D2AF
Colorpallet from #AFD286 to #86AFD2 and to #86D2AF
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#AFD286
#A8CC92
#A8CD91
#A8CE90
#A8CF90
#A8D08F
#A8D18E
#A8D28D
#A2C79E
#A2C99C
#A2CB9A
#A2CC99
#A2CE97
#A2D095
#A2D293
#9BC1AA
#9BC4A7
#9BC6A5
#9BC9A2
#9BCCA0
#9BCF9D
#9BD29A
#95BCB7
#95C0B3
#95C3B0
#95C7AC
#95CAA8
#95CEA5
#95D2A0
#8EB6C3
#8EBABF
#8EBFBA
#8EC3B6
#8EC8B1
#8ECCAD
#8ED2A7
#86AFD2
#86B5CC
#86BAC7
#86C0C1
#86C5BC
#86CBB6
#86D2AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts