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 #B4C676 to #B476C6 and to #C6B476
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4B983
#B4BB81
#B5BC7F
#B5BE7D
#B6BF7B
#B6C179
#B7C376
#B4AC90
#B5AF8C
#B6B288
#B7B684
#B8B97F
#B9BC7B
#BAC076
#B4A09C
#B5A596
#B7A990
#B8AE8A
#BAB384
#BBB77E
#BDBD76
#B493A9
#B699A1
#B89F99
#BAA691
#BCAC88
#BEB280
#C0BA76
#B486B6
#B68EAC
#B896A2
#BB9E97
#BDA68D
#BFAE83
#C2B876
#B476C6
#B780B9
#BA8AAC
#BD94A0
#C09E93
#C2A886
#C6B476
Colorpallet from #B4C676 to #B476C6 and to #C676B4
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4B983
#B4B983
#B5B982
#B5B982
#B6B981
#B6B981
#B7B980
#B4AC90
#B5AC8F
#B6AC8E
#B7AC8D
#B8AC8C
#B9AC8B
#BAAC8A
#B4A09C
#B5A09B
#B7A099
#B8A098
#BAA097
#BBA096
#BDA094
#B493A9
#B693A7
#B893A5
#BA93A4
#BC93A2
#BE93A0
#C0939E
#B486B6
#B686B4
#B886B2
#BB86AF
#BD86AD
#BF86AB
#C286A8
#B476C6
#B776C3
#BA76C0
#BD76BD
#C076BA
#C276B8
#C676B4
Colorpallet from #B4C676 to #B476C6 and to #76B4C6
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4B983
#B2BB83
#B1BC83
#AFBE83
#AEBF83
#ACC183
#AAC383
#B4AC90
#B1AF90
#AEB290
#AAB690
#A7B990
#A4BC90
#A0C090
#B4A09C
#AFA59C
#AAA99C
#A6AE9C
#A1B39C
#9CB79C
#96BD9C
#B493A9
#AE99A9
#A79FA9
#A1A6A9
#9AACA9
#94B2A9
#8CBAA9
#B486B6
#AC8EB6
#A496B6
#9C9EB6
#94A6B6
#8CAEB6
#82B8B6
#B476C6
#AA80C6
#A08AC6
#9694C6
#8C9EC6
#82A8C6
#76B4C6
Colorpallet from #B4C676 to #B476C6 and to #76C6B4
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4B983
#B2BB83
#B1BD82
#AFBF82
#AEC181
#ACC381
#AAC680
#B4AC90
#B1B08F
#AEB48E
#AAB88D
#A7BD8C
#A4C18B
#A0C68A
#B4A09C
#AFA69B
#AAAC99
#A6B298
#A1B897
#9CBE96
#96C694
#B493A9
#AE9BA7
#A7A3A5
#A1ABA4
#9AB4A2
#94BCA0
#8CC69E
#B486B6
#AC90B4
#A49AB2
#9CA5AF
#94AFAD
#8CB9AB
#82C6A8
#B476C6
#AA83C3
#A090C0
#969CBD
#8CA9BA
#82B6B8
#76C6B4
Colorpallet from #B4C676 to #C6B476 and to #C676B4
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B7C376
#B7C178
#B7C079
#B7BE7B
#B7BD7C
#B7BB7E
#B7B980
#BAC076
#BABD79
#BABA7C
#BAB680
#BAB383
#BAB086
#BAAC8A
#BDBD76
#BDB87B
#BDB480
#BDAF84
#BDAA89
#BDA68E
#BDA094
#C0BA76
#C0B47C
#C0AE83
#C0A789
#C0A190
#C09B96
#C0939E
#C2B876
#C2B07E
#C2A886
#C2A08E
#C29896
#C2909E
#C286A8
#C6B476
#C6AA80
#C6A08A
#C69694
#C68C9E
#C682A8
#C676B4
Colorpallet from #B4C676 to #C6B476 and to #76B4C6
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B7C376
#B5C378
#B3C37A
#B1C37C
#AFC37E
#ADC380
#AAC383
#BAC076
#B6C07A
#B2C07E
#AEC082
#A9C087
#A5C08B
#A0C090
#BDBD76
#B7BD7C
#B1BD82
#AABD88
#A4BD8E
#9EBD94
#96BD9C
#C0BA76
#B8BA7E
#AFBA86
#A7BA8E
#9FBA97
#96BA9F
#8CBAA9
#C2B876
#B8B880
#AEB88A
#A3B895
#99B89F
#8FB8A9
#82B8B6
#C6B476
#B9B483
#ACB490
#A0B49C
#93B4A9
#86B4B6
#76B4C6
Colorpallet from #B4C676 to #C6B476 and to #76C6B4
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B7C376
#B5C378
#B3C479
#B1C47B
#AFC57C
#ADC57E
#AAC680
#BAC076
#B6C179
#B2C27C
#AEC380
#A9C483
#A5C586
#A0C68A
#BDBD76
#B7BE7B
#B1C080
#AAC184
#A4C389
#9EC48E
#96C694
#C0BA76
#B8BC7C
#AFBE83
#A7C089
#9FC290
#96C496
#8CC69E
#C2B876
#B8BA7E
#AEBC86
#A3BF8E
#99C196
#8FC39E
#82C6A8
#C6B476
#B9B780
#ACBA8A
#A0BD94
#93C09E
#86C2A8
#76C6B4
Colorpallet from #B4C676 to #C676B4 and to #76B4C6
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B7B980
#B5BB80
#B3BC81
#B1BE81
#AFBF82
#ADC182
#AAC383
#BAAC8A
#B6AF8B
#B2B28C
#AEB68D
#A9B98E
#A5BC8F
#A0C090
#BDA094
#B7A595
#B1A997
#AAAE98
#A4B399
#9EB79A
#96BD9C
#C0939E
#B899A0
#AF9FA2
#A7A6A3
#9FACA5
#96B2A7
#8CBAA9
#C286A8
#B88EAA
#AE96AC
#A39EAF
#99A6B1
#8FAEB3
#82B8B6
#C676B4
#B980B7
#AC8ABA
#A094BD
#939EC0
#86A8C2
#76B4C6
Colorpallet from #B4C676 to #C676B4 and to #76C6B4
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B7B980
#B5BB80
#B3BD80
#B1BF80
#AFC180
#ADC380
#AAC680
#BAAC8A
#B6B08A
#B2B48A
#AEB88A
#A9BD8A
#A5C18A
#A0C68A
#BDA094
#B7A694
#B1AC94
#AAB294
#A4B894
#9EBE94
#96C694
#C0939E
#B89B9E
#AFA39E
#A7AB9E
#9FB49E
#96BC9E
#8CC69E
#C286A8
#B890A8
#AE9AA8
#A3A5A8
#99AFA8
#8FB9A8
#82C6A8
#C676B4
#B983B4
#AC90B4
#A09CB4
#93A9B4
#86B6B4
#76C6B4
Colorpallet from #B4C676 to #76B4C6 and to #76C6B4
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#B4C676
#AAC383
#AAC383
#AAC482
#AAC482
#AAC581
#AAC581
#AAC680
#A0C090
#A0C18F
#A0C28E
#A0C38D
#A0C48C
#A0C58B
#A0C68A
#96BD9C
#96BE9B
#96C099
#96C198
#96C397
#96C496
#96C694
#8CBAA9
#8CBCA7
#8CBEA5
#8CC0A4
#8CC2A2
#8CC4A0
#8CC69E
#82B8B6
#82BAB4
#82BCB2
#82BFAF
#82C1AD
#82C3AB
#82C6A8
#76B4C6
#76B7C3
#76BAC0
#76BDBD
#76C0BA
#76C2B8
#76C6B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
