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 #B8C47C to #B87CC4 and to #C4B87C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8B888
#B8BA86
#B9BB84
#B9BD82
#B9BE80
#BAC07E
#BAC27C
#B8AD93
#B9B08F
#B9B38C
#BAB688
#BBB984
#BBBC81
#BCC07C
#B8A19F
#B9A699
#BAAA94
#BBAF8E
#BCB489
#BDB883
#BEBE7C
#B896AA
#B99CA3
#BBA29B
#BCA894
#BDAE8D
#BEB485
#C0BC7C
#B88AB6
#BA92AD
#BB99A3
#BDA19A
#BEA991
#C0B088
#C2BA7C
#B87CC4
#BA86B8
#BC8FAD
#BE99A1
#C0A296
#C2AC8A
#C4B87C
Colorpallet from #B8C47C to #B87CC4 and to #C47CB8
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8B888
#B8B888
#B9B887
#B9B887
#B9B887
#BAB886
#BAB886
#B8AD93
#B9AD92
#B9AD92
#BAAD91
#BBAD90
#BBAD90
#BCAD8F
#B8A19F
#B9A19E
#BAA19D
#BBA19C
#BCA19B
#BDA19A
#BEA199
#B896AA
#B996A9
#BB96A7
#BC96A6
#BD96A5
#BE96A4
#C096A2
#B88AB6
#BA8AB4
#BB8AB3
#BD8AB1
#BE8AB0
#C08AAE
#C28AAC
#B87CC4
#BA7CC2
#BC7CC0
#BE7CBE
#C07CBC
#C27CBA
#C47CB8
Colorpallet from #B8C47C to #B87CC4 and to #7CB8C4
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8B888
#B6BA88
#B5BB88
#B3BD88
#B2BE88
#B0C088
#AEC288
#B8AD93
#B5B093
#B2B393
#AFB693
#ACB993
#A9BC93
#A5C093
#B8A19F
#B3A69F
#AFAA9F
#AAAF9F
#A5B49F
#A1B89F
#9BBE9F
#B896AA
#B29CAA
#ACA2AA
#A6A8AA
#A0AEAA
#9AB4AA
#92BCAA
#B88AB6
#B092B6
#A999B6
#A1A1B6
#99A9B6
#92B0B6
#88BAB6
#B87CC4
#AE86C4
#A58FC4
#9B99C4
#92A2C4
#88ACC4
#7CB8C4
Colorpallet from #B8C47C to #B87CC4 and to #7CC4B8
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8B888
#B6BA88
#B5BC87
#B3BE87
#B2C087
#B0C286
#AEC486
#B8AD93
#B5B192
#B2B492
#AFB891
#ACBC90
#A9BF90
#A5C48F
#B8A19F
#B3A79E
#AFAC9D
#AAB29C
#A5B79B
#A1BD9A
#9BC499
#B896AA
#B29DA9
#ACA5A7
#A6ACA6
#A0B3A5
#9ABBA4
#92C4A2
#B88AB6
#B093B4
#A99DB3
#A1A6B1
#99AFB0
#92B8AE
#88C4AC
#B87CC4
#AE88C2
#A593C0
#9B9FBE
#92AABC
#88B6BA
#7CC4B8
Colorpallet from #B8C47C to #C4B87C and to #C47CB8
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#BAC27C
#BAC07E
#BABF7F
#BABD81
#BABC82
#BABA84
#BAB886
#BCC07C
#BCBD7F
#BCBA82
#BCB785
#BCB488
#BCB18B
#BCAD8F
#BEBE7C
#BEB981
#BEB585
#BEB08A
#BEAB8F
#BEA793
#BEA199
#C0BC7C
#C0B682
#C0B088
#C0AA8E
#C0A494
#C09E9A
#C096A2
#C2BA7C
#C2B284
#C2AB8B
#C2A393
#C29B9B
#C294A2
#C28AAC
#C4B87C
#C4AE86
#C4A58F
#C49B99
#C492A2
#C488AC
#C47CB8
Colorpallet from #B8C47C to #C4B87C and to #7CB8C4
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#BAC27C
#B8C27E
#B6C280
#B4C282
#B2C284
#B0C286
#AEC288
#BCC07C
#B8C080
#B5C083
#B1C087
#ADC08B
#AAC08E
#A5C093
#BEBE7C
#B8BE82
#B3BE87
#ADBE8D
#A8BE92
#A2BE98
#9BBE9F
#C0BC7C
#B9BC83
#B1BC8B
#AABC92
#A3BC99
#9BBCA1
#92BCAA
#C2BA7C
#B9BA85
#AFBA8F
#A6BA98
#9DBAA1
#94BAAA
#88BAB6
#C4B87C
#B8B888
#ADB893
#A1B89F
#96B8AA
#8AB8B6
#7CB8C4
Colorpallet from #B8C47C to #C4B87C and to #7CC4B8
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#BAC27C
#B8C27E
#B6C37F
#B4C381
#B2C382
#B0C484
#AEC486
#BCC07C
#B8C17F
#B5C182
#B1C285
#ADC388
#AAC38B
#A5C48F
#BEBE7C
#B8BF81
#B3C085
#ADC18A
#A8C28F
#A2C393
#9BC499
#C0BC7C
#B9BD82
#B1BF88
#AAC08E
#A3C194
#9BC29A
#92C4A2
#C2BA7C
#B9BC84
#AFBD8B
#A6BF93
#9DC09B
#94C2A2
#88C4AC
#C4B87C
#B8BA86
#ADBC8F
#A1BE99
#96C0A2
#8AC2AC
#7CC4B8
Colorpallet from #B8C47C to #C47CB8 and to #7CB8C4
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#BAB886
#B8BA86
#B6BB87
#B4BD87
#B2BE87
#B0C088
#AEC288
#BCAD8F
#B8B090
#B5B390
#B1B691
#ADB992
#AABC92
#A5C093
#BEA199
#B8A69A
#B3AA9B
#ADAF9C
#A8B49D
#A2B89E
#9BBE9F
#C096A2
#B99CA3
#B1A2A5
#AAA8A6
#A3AEA7
#9BB4A8
#92BCAA
#C28AAC
#B992AE
#AF99AF
#A6A1B1
#9DA9B2
#94B0B4
#88BAB6
#C47CB8
#B886BA
#AD8FBC
#A199BE
#96A2C0
#8AACC2
#7CB8C4
Colorpallet from #B8C47C to #C47CB8 and to #7CC4B8
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#BAB886
#B8BA86
#B6BC86
#B4BE86
#B2C086
#B0C286
#AEC486
#BCAD8F
#B8B18F
#B5B48F
#B1B88F
#ADBC8F
#AABF8F
#A5C48F
#BEA199
#B8A799
#B3AC99
#ADB299
#A8B799
#A2BD99
#9BC499
#C096A2
#B99DA2
#B1A5A2
#AAACA2
#A3B3A2
#9BBBA2
#92C4A2
#C28AAC
#B993AC
#AF9DAC
#A6A6AC
#9DAFAC
#94B8AC
#88C4AC
#C47CB8
#B888B8
#AD93B8
#A19FB8
#96AAB8
#8AB6B8
#7CC4B8
Colorpallet from #B8C47C to #7CB8C4 and to #7CC4B8
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#B8C47C
#AEC288
#AEC288
#AEC387
#AEC387
#AEC387
#AEC486
#AEC486
#A5C093
#A5C192
#A5C192
#A5C291
#A5C390
#A5C390
#A5C48F
#9BBE9F
#9BBF9E
#9BC09D
#9BC19C
#9BC29B
#9BC39A
#9BC499
#92BCAA
#92BDA9
#92BFA7
#92C0A6
#92C1A5
#92C2A4
#92C4A2
#88BAB6
#88BCB4
#88BDB3
#88BFB1
#88C0B0
#88C2AE
#88C4AC
#7CB8C4
#7CBAC2
#7CBCC0
#7CBEBE
#7CC0BC
#7CC2BA
#7CC4B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
