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 #C4B787 to #C487B7 and to #B7C487
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4AF8F
#C4B18E
#C3B28C
#C3B48B
#C3B58A
#C2B789
#C2B987
#C4A896
#C3AB94
#C3AE91
#C2B18F
#C1B48C
#C1B78A
#C0BB87
#C4A09E
#C3A59A
#C2A997
#C1AE93
#C0B38F
#BFB78C
#BEBD87
#C498A6
#C39EA1
#C1A49C
#C0AB97
#BFB192
#BEB78D
#BCBF87
#C491AD
#C299A7
#C1A0A1
#BFA89B
#BEB095
#BCB78F
#BAC187
#C487B7
#C291AF
#C09BA8
#BEA4A0
#BCAE98
#BAB891
#B7C487
Colorpallet from #C4B787 to #C487B7 and to #B787C4
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4AF8F
#C4AF8F
#C3AF90
#C3AF90
#C3AF90
#C2AF91
#C2AF91
#C4A896
#C3A897
#C3A898
#C2A898
#C1A899
#C1A89A
#C0A89B
#C4A09E
#C3A09F
#C2A0A0
#C1A0A1
#C0A0A2
#BFA0A3
#BEA0A4
#C498A6
#C398A7
#C198A9
#C098AA
#BF98AB
#BE98AC
#BC98AE
#C491AD
#C291AF
#C191B1
#BF91B2
#BE91B4
#BC91B6
#BA91B8
#C487B7
#C287B9
#C087BB
#BE87BD
#BC87BF
#BA87C1
#B787C4
Colorpallet from #C4B787 to #C487B7 and to #87C4B7
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4AF8F
#C2B18F
#C1B28F
#BFB48F
#BEB58F
#BCB78F
#BAB98F
#C4A896
#C1AB96
#BEAE96
#BAB196
#B7B496
#B4B796
#B0BB96
#C4A09E
#BFA59E
#BBA99E
#B6AE9E
#B1B39E
#ADB79E
#A7BD9E
#C498A6
#BE9EA6
#B8A4A6
#B1ABA6
#ABB1A6
#A5B7A6
#9DBFA6
#C491AD
#BC99AD
#B4A0AD
#ACA8AD
#A5B0AD
#9DB7AD
#93C1AD
#C487B7
#BA91B7
#B09BB7
#A7A4B7
#9DAEB7
#93B8B7
#87C4B7
Colorpallet from #C4B787 to #C487B7 and to #87B7C4
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4AF8F
#C2B08F
#C1B290
#BFB390
#BEB490
#BCB591
#BAB791
#C4A896
#C1AA97
#BEAD98
#BAAF98
#B7B299
#B4B49A
#B0B79B
#C4A09E
#BFA49F
#BBA7A0
#B6ABA1
#B1AFA2
#ADB2A3
#A7B7A4
#C498A6
#BE9DA7
#B8A2A9
#B1A7AA
#ABACAB
#A5B1AC
#9DB7AE
#C491AD
#BC97AF
#B49DB1
#ACA3B2
#A5A9B4
#9DAFB6
#93B7B8
#C487B7
#BA8FB9
#B096BB
#A79EBD
#9DA6BF
#93ADC1
#87B7C4
Colorpallet from #C4B787 to #B7C487 and to #B787C4
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C2B987
#C2B789
#C2B68A
#C2B48C
#C2B38D
#C2B18F
#C2AF91
#C0BB87
#C0B88A
#C0B58D
#C0B291
#C0AF94
#C0AC97
#C0A89B
#BEBD87
#BEB88C
#BEB490
#BEAF95
#BEAA9A
#BEA69E
#BEA0A4
#BCBF87
#BCB98D
#BCB393
#BCAC9A
#BCA6A0
#BCA0A6
#BC98AE
#BAC187
#BAB98F
#BAB297
#BAAA9F
#BAA2A6
#BA9BAE
#BA91B8
#B7C487
#B7BA91
#B7B09B
#B7A7A4
#B79DAE
#B793B8
#B787C4
Colorpallet from #C4B787 to #B7C487 and to #87C4B7
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C2B987
#C1B988
#BFB98A
#BEB98B
#BDB98C
#BCB98D
#BAB98F
#C0BB87
#BDBB89
#BBBB8C
#B8BB8E
#B6BB91
#B3BB93
#B0BB96
#BEBD87
#BABD8B
#B7BD8E
#B3BD92
#AFBD96
#ACBD99
#A7BD9E
#BCBF87
#B7BF8C
#B2BF91
#ADBF96
#A8BF9B
#A3BFA0
#9DBFA6
#BAC187
#B4C18D
#AEC193
#A7C199
#A1C19F
#9BC1A5
#93C1AD
#B7C487
#AFC48F
#A8C496
#A0C49E
#98C4A6
#91C4AD
#87C4B7
Colorpallet from #C4B787 to #B7C487 and to #87B7C4
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C2B987
#C1B989
#BFB88A
#BEB88C
#BDB88D
#BCB78F
#BAB791
#C0BB87
#BDBA8A
#BBBA8D
#B8B991
#B6B894
#B3B897
#B0B79B
#BEBD87
#BABC8C
#B7BB90
#B3BA95
#AFB99A
#ACB89E
#A7B7A4
#BCBF87
#B7BE8D
#B2BC93
#ADBB9A
#A8BAA0
#A3B9A6
#9DB7AE
#BAC187
#B4BF8F
#AEBE97
#A7BC9F
#A1BBA6
#9BB9AE
#93B7B8
#B7C487
#AFC291
#A8C09B
#A0BEA4
#98BCAE
#91BAB8
#87B7C4
Colorpallet from #C4B787 to #B787C4 and to #87C4B7
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C2AF91
#C1B191
#BFB290
#BEB490
#BDB590
#BCB78F
#BAB98F
#C0A89B
#BDAB9A
#BBAE99
#B8B199
#B6B498
#B3B797
#B0BB96
#BEA0A4
#BAA5A3
#B7A9A2
#B3AEA1
#AFB3A0
#ACB79F
#A7BD9E
#BC98AE
#B79EAD
#B2A4AB
#ADABAA
#A8B1A9
#A3B7A8
#9DBFA6
#BA91B8
#B499B6
#AEA0B4
#A7A8B3
#A1B0B1
#9BB7AF
#93C1AD
#B787C4
#AF91C2
#A89BC0
#A0A4BE
#98AEBC
#91B8BA
#87C4B7
Colorpallet from #C4B787 to #B787C4 and to #87B7C4
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C2AF91
#C1B091
#BFB291
#BEB391
#BDB491
#BCB591
#BAB791
#C0A89B
#BDAA9B
#BBAD9B
#B8AF9B
#B6B29B
#B3B49B
#B0B79B
#BEA0A4
#BAA4A4
#B7A7A4
#B3ABA4
#AFAFA4
#ACB2A4
#A7B7A4
#BC98AE
#B79DAE
#B2A2AE
#ADA7AE
#A8ACAE
#A3B1AE
#9DB7AE
#BA91B8
#B497B8
#AE9DB8
#A7A3B8
#A1A9B8
#9BAFB8
#93B7B8
#B787C4
#AF8FC4
#A896C4
#A09EC4
#98A6C4
#91ADC4
#87B7C4
Colorpallet from #C4B787 to #87C4B7 and to #87B7C4
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#C4B787
#BAB98F
#BAB98F
#BAB890
#BAB890
#BAB890
#BAB791
#BAB791
#B0BB96
#B0BA97
#B0BA98
#B0B998
#B0B899
#B0B89A
#B0B79B
#A7BD9E
#A7BC9F
#A7BBA0
#A7BAA1
#A7B9A2
#A7B8A3
#A7B7A4
#9DBFA6
#9DBEA7
#9DBCA9
#9DBBAA
#9DBAAB
#9DB9AC
#9DB7AE
#93C1AD
#93BFAF
#93BEB1
#93BCB2
#93BBB4
#93B9B6
#93B7B8
#87C4B7
#87C2B9
#87C0BB
#87BEBD
#87BCBF
#87BAC1
#87B7C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
