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 #D3C383 to #D383C3 and to #C3D383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3B98D
#D3BB8B
#D2BD8A
#D2BF88
#D1C187
#D1C385
#D0C683
#D3AF97
#D2B394
#D1B791
#D1BB8D
#D0BF8A
#CFC387
#CEC883
#D3A4A2
#D2AA9D
#D0B098
#CFB793
#CEBD8E
#CDC389
#CBCB83
#D39AAC
#D1A2A5
#D0AA9F
#CEB298
#CDBB92
#CBC38B
#C9CD83
#D390B6
#D19AAE
#CFA4A6
#CDAF9E
#CBB995
#C9C38D
#C6D083
#D383C3
#D090B9
#CE9DAF
#CBA9A4
#C9B69A
#C6C390
#C3D383
Colorpallet from #D3C383 to #D383C3 and to #C383D3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3B98D
#D3B98D
#D2B98E
#D2B98E
#D1B98F
#D1B98F
#D0B990
#D3AF97
#D2AF98
#D1AF99
#D1AF9A
#D0AF9B
#CFAF9C
#CEAF9D
#D3A4A2
#D2A4A3
#D0A4A4
#CFA4A5
#CEA4A6
#CDA4A8
#CBA4A9
#D39AAC
#D19AAE
#D09AAF
#CE9AB1
#CD9AB2
#CB9AB4
#C99AB6
#D390B6
#D190B8
#CF90BA
#CD90BC
#CB90BE
#C990C0
#C690C3
#D383C3
#D083C6
#CE83C8
#CB83CB
#C983CD
#C683D0
#C383D3
Colorpallet from #D3C383 to #D383C3 and to #83D3C3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3B98D
#D1BB8D
#CFBD8D
#CDBF8D
#CBC18D
#C9C38D
#C6C68D
#D3AF97
#CFB397
#CBB797
#C7BB97
#C2BF97
#BEC397
#B9C897
#D3A4A2
#CDAAA2
#C7B0A2
#C1B7A2
#BBBDA2
#B5C3A2
#ADCBA2
#D39AAC
#CBA2AC
#C3AAAC
#BBB2AC
#B2BBAC
#AAC3AC
#A0CDAC
#D390B6
#C99AB6
#BFA4B6
#B4AFB6
#AAB9B6
#A0C3B6
#93D0B6
#D383C3
#C690C3
#B99DC3
#ADA9C3
#A0B6C3
#93C3C3
#83D3C3
Colorpallet from #D3C383 to #D383C3 and to #83C3D3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3B98D
#D1BB8D
#CFBC8E
#CDBE8E
#CBBF8F
#C9C18F
#C6C390
#D3AF97
#CFB298
#CBB599
#C7B99A
#C2BC9B
#BEBF9C
#B9C39D
#D3A4A2
#CDA9A3
#C7AEA4
#C1B3A5
#BBB8A6
#B5BDA8
#ADC3A9
#D39AAC
#CBA1AE
#C3A7AF
#BBAEB1
#B2B4B2
#AABBB4
#A0C3B6
#D390B6
#C998B8
#BFA0BA
#B4A8BC
#AAB1BE
#A0B9C0
#93C3C3
#D383C3
#C68DC6
#B997C8
#ADA2CB
#A0ACCD
#93B6D0
#83C3D3
Colorpallet from #D3C383 to #C3D383 and to #C383D3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D0C683
#D0C485
#D0C287
#D0C089
#D0BE8B
#D0BC8D
#D0B990
#CEC883
#CEC487
#CEC08B
#CEBC8F
#CEB894
#CEB498
#CEAF9D
#CBCB83
#CBC589
#CBBF8F
#CBB895
#CBB29B
#CBACA1
#CBA4A9
#C9CD83
#C9C58B
#C9BD93
#C9B59B
#C9ACA4
#C9A4AC
#C99AB6
#C6D083
#C6C68D
#C6BC97
#C6B1A2
#C6A7AC
#C69DB6
#C690C3
#C3D383
#C3C690
#C3B99D
#C3ADA9
#C3A0B6
#C393C3
#C383D3
Colorpallet from #D3C383 to #C3D383 and to #83D3C3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D0C683
#CEC685
#CDC686
#CBC688
#CAC689
#C8C68B
#C6C68D
#CEC883
#CBC886
#C7C889
#C4C88D
#C1C890
#BDC893
#B9C897
#CBCB83
#C6CB88
#C1CB8D
#BDCB92
#B8CB97
#B3CB9C
#ADCBA2
#C9CD83
#C2CD8A
#BCCD90
#B5CD97
#AFCD9D
#A8CDA4
#A0CDAC
#C6D083
#BED08B
#B6D093
#AED09B
#A5D0A4
#9DD0AC
#93D0B6
#C3D383
#B9D38D
#AFD397
#A4D3A2
#9AD3AC
#90D3B6
#83D3C3
Colorpallet from #D3C383 to #C3D383 and to #83C3D3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D0C683
#CEC685
#CDC587
#CBC589
#CAC48B
#C8C48D
#C6C390
#CEC883
#CBC787
#C7C68B
#C4C68F
#C1C594
#BDC498
#B9C39D
#CBCB83
#C6CA89
#C1C88F
#BDC795
#B8C69B
#B3C5A1
#ADC3A9
#C9CD83
#C2CB8B
#BCCA93
#B5C89B
#AFC7A4
#A8C5AC
#A0C3B6
#C6D083
#BECE8D
#B6CC97
#AECAA2
#A5C8AC
#9DC6B6
#93C3C3
#C3D383
#B9D090
#AFCE9D
#A4CBA9
#9AC9B6
#90C6C3
#83C3D3
Colorpallet from #D3C383 to #C383D3 and to #83D3C3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D0B990
#CEBB90
#CDBD8F
#CBBF8F
#CAC18E
#C8C38E
#C6C68D
#CEAF9D
#CBB39C
#C7B79B
#C4BB9A
#C1BF99
#BDC398
#B9C897
#CBA4A9
#C6AAA8
#C1B0A7
#BDB7A6
#B8BDA5
#B3C3A3
#ADCBA2
#C99AB6
#C2A2B4
#BCAAB3
#B5B2B1
#AFBBB0
#A8C3AE
#A0CDAC
#C690C3
#BE9AC1
#B6A4BF
#AEAFBD
#A5B9BB
#9DC3B9
#93D0B6
#C383D3
#B990D0
#AF9DCE
#A4A9CB
#9AB6C9
#90C3C6
#83D3C3
Colorpallet from #D3C383 to #C383D3 and to #83C3D3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D0B990
#CEBB90
#CDBC90
#CBBE90
#CABF90
#C8C190
#C6C390
#CEAF9D
#CBB29D
#C7B59D
#C4B99D
#C1BC9D
#BDBF9D
#B9C39D
#CBA4A9
#C6A9A9
#C1AEA9
#BDB3A9
#B8B8A9
#B3BDA9
#ADC3A9
#C99AB6
#C2A1B6
#BCA7B6
#B5AEB6
#AFB4B6
#A8BBB6
#A0C3B6
#C690C3
#BE98C3
#B6A0C3
#AEA8C3
#A5B1C3
#9DB9C3
#93C3C3
#C383D3
#B98DD3
#AF97D3
#A4A2D3
#9AACD3
#90B6D3
#83C3D3
Colorpallet from #D3C383 to #83D3C3 and to #83C3D3
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#D3C383
#C6C68D
#C6C68D
#C6C58E
#C6C58E
#C6C48F
#C6C48F
#C6C390
#B9C897
#B9C798
#B9C699
#B9C69A
#B9C59B
#B9C49C
#B9C39D
#ADCBA2
#ADCAA3
#ADC8A4
#ADC7A5
#ADC6A6
#ADC5A8
#ADC3A9
#A0CDAC
#A0CBAE
#A0CAAF
#A0C8B1
#A0C7B2
#A0C5B4
#A0C3B6
#93D0B6
#93CEB8
#93CCBA
#93CABC
#93C8BE
#93C6C0
#93C3C3
#83D3C3
#83D0C6
#83CEC8
#83CBCB
#83C9CD
#83C6D0
#83C3D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
