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 #ADE380 to #AD80E3 and to #E3AD80
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADD390
#AED48D
#B0D58B
#B1D688
#B3D786
#B4D983
#B6DA80
#ADC3A0
#B0C59B
#B2C896
#B5CA91
#B8CD8C
#BBCF86
#BED280
#ADB3B0
#B1B7A8
#B5BAA1
#B9BE99
#BEC191
#C2C58A
#C7C980
#ADA4BF
#B3A8B5
#B8ADAB
#BEB1A1
#C3B697
#C9BA8D
#D0C080
#AD94CF
#B49AC2
#BBA0B6
#C2A5A9
#C9AB9C
#CFB190
#D8B880
#AD80E3
#B687D3
#BE8EC3
#C796B3
#D09DA4
#D8A494
#E3AD80
Colorpallet from #ADE380 to #AD80E3 and to #E380AD
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADD390
#AED38F
#B0D38D
#B1D38C
#B3D38A
#B4D389
#B6D387
#ADC3A0
#B0C39D
#B2C39A
#B5C397
#B8C394
#BBC392
#BEC38E
#ADB3B0
#B1B3AC
#B5B3A8
#B9B3A4
#BEB39F
#C2B39B
#C7B396
#ADA4BF
#B3A4BA
#B8A4B4
#BEA4AF
#C3A4A9
#C9A4A4
#D0A49D
#AD94CF
#B494C8
#BB94C1
#C294BA
#C994B3
#CF94AD
#D894A4
#AD80E3
#B680DA
#BE80D2
#C780C9
#D080C0
#D880B8
#E380AD
Colorpallet from #ADE380 to #AD80E3 and to #80ADE3
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADD390
#ACD490
#ABD590
#AAD690
#A9D790
#A7D990
#A6DA90
#ADC3A0
#ABC5A0
#A9C8A0
#A6CAA0
#A4CDA0
#A2CFA0
#9FD2A0
#ADB3B0
#A9B7B0
#A6BAB0
#A2BEB0
#9FC1B0
#9BC5B0
#97C9B0
#ADA4BF
#A8A8BF
#A4ADBF
#9FB1BF
#9AB6BF
#96BABF
#90C0BF
#AD94CF
#A79ACF
#A1A0CF
#9CA5CF
#96ABCF
#90B1CF
#89B8CF
#AD80E3
#A687E3
#9F8EE3
#9796E3
#909DE3
#89A4E3
#80ADE3
Colorpallet from #ADE380 to #AD80E3 and to #80E3AD
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADD390
#ACD68F
#ABD88D
#AADB8C
#A9DD8A
#A7E089
#A6E387
#ADC3A0
#ABC89D
#A9CD9A
#A6D297
#A4D794
#A2DD92
#9FE38E
#ADB3B0
#A9BBAC
#A6C2A8
#A2CAA4
#9FD29F
#9BD99B
#97E396
#ADA4BF
#A8AEBA
#A4B8B4
#9FC2AF
#9ACCA9
#96D6A4
#90E39D
#AD94CF
#A7A1C8
#A1ADC1
#9CBABA
#96C7B3
#90D3AD
#89E3A4
#AD80E3
#A690DA
#9FA0D2
#97B0C9
#90BFC0
#89CFB8
#80E3AD
Colorpallet from #ADE380 to #E3AD80 and to #E380AD
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#B6DA80
#B6D981
#B6D882
#B6D783
#B6D684
#B6D486
#B6D387
#BED280
#BED082
#BECD84
#BECB87
#BEC889
#BEC68B
#BEC38E
#C7C980
#C7C584
#C7C287
#C7BE8B
#C7BB8E
#C7B792
#C7B396
#D0C080
#D0BC85
#D0B789
#D0B38E
#D0AE93
#D0AA97
#D0A49D
#D8B880
#D8B286
#D8AC8C
#D8A791
#D8A197
#D89B9D
#D894A4
#E3AD80
#E3A687
#E39F8E
#E39796
#E3909D
#E389A4
#E380AD
Colorpallet from #ADE380 to #E3AD80 and to #80ADE3
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#B6DA80
#B3DA83
#B1DA85
#AEDA88
#ACDA8A
#A9DA8D
#A6DA90
#BED280
#B9D285
#B4D28A
#AFD28F
#AAD294
#A5D29A
#9FD2A0
#C7C980
#BFC988
#B8C98F
#B0C997
#A8C99F
#A1C9A6
#97C9B0
#D0C080
#C6C08A
#BCC094
#B1C09E
#A7C0A8
#9DC0B2
#90C0BF
#D8B880
#CBB88D
#BFB899
#B2B8A6
#A5B8B3
#99B8BF
#89B8CF
#E3AD80
#D3AD90
#C3ADA0
#B3ADB0
#A4ADBF
#94ADCF
#80ADE3
Colorpallet from #ADE380 to #E3AD80 and to #80E3AD
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#B6DA80
#B3DB81
#B1DD82
#AEDE83
#ACE084
#A9E186
#A6E387
#BED280
#B9D582
#B4D784
#AFDA87
#AADD89
#A5E08B
#9FE38E
#C7C980
#BFCD84
#B8D187
#B0D58B
#A8DA8E
#A1DE92
#97E396
#D0C080
#C6C685
#BCCB89
#B1D18E
#A7D693
#9DDC97
#90E39D
#D8B880
#CBBF86
#BFC68C
#B2CD91
#A5D497
#99DA9D
#89E3A4
#E3AD80
#D3B687
#C3BE8E
#B3C796
#A4D09D
#94D8A4
#80E3AD
Colorpallet from #ADE380 to #E380AD and to #80ADE3
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#B6D387
#B3D488
#B1D58A
#AED68B
#ACD78D
#A9D98E
#A6DA90
#BEC38E
#B9C591
#B4C894
#AFCA97
#AACD9A
#A5CF9C
#9FD2A0
#C7B396
#BFB79A
#B8BA9E
#B0BEA2
#A8C1A7
#A1C5AB
#97C9B0
#D0A49D
#C6A8A2
#BCADA8
#B1B1AD
#A7B6B3
#9DBAB8
#90C0BF
#D894A4
#CB9AAB
#BFA0B2
#B2A5B9
#A5ABC0
#99B1C6
#89B8CF
#E380AD
#D387B6
#C38EBE
#B396C7
#A49DD0
#94A4D8
#80ADE3
Colorpallet from #ADE380 to #E380AD and to #80E3AD
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#B6D387
#B3D687
#B1D887
#AEDB87
#ACDD87
#A9E087
#A6E387
#BEC38E
#B9C88E
#B4CD8E
#AFD28E
#AAD78E
#A5DD8E
#9FE38E
#C7B396
#BFBB96
#B8C296
#B0CA96
#A8D296
#A1D996
#97E396
#D0A49D
#C6AE9D
#BCB89D
#B1C29D
#A7CC9D
#9DD69D
#90E39D
#D894A4
#CBA1A4
#BFADA4
#B2BAA4
#A5C7A4
#99D3A4
#89E3A4
#E380AD
#D390AD
#C3A0AD
#B3B0AD
#A4BFAD
#94CFAD
#80E3AD
Colorpallet from #ADE380 to #80ADE3 and to #80E3AD
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#ADE380
#A6DA90
#A6DB8F
#A6DD8D
#A6DE8C
#A6E08A
#A6E189
#A6E387
#9FD2A0
#9FD59D
#9FD79A
#9FDA97
#9FDD94
#9FE092
#9FE38E
#97C9B0
#97CDAC
#97D1A8
#97D5A4
#97DA9F
#97DE9B
#97E396
#90C0BF
#90C6BA
#90CBB4
#90D1AF
#90D6A9
#90DCA4
#90E39D
#89B8CF
#89BFC8
#89C6C1
#89CDBA
#89D4B3
#89DAAD
#89E3A4
#80ADE3
#80B6DA
#80BED2
#80C7C9
#80D0C0
#80D8B8
#80E3AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
