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 #C4B685 to #C485B6 and to #B6C485
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4AE8D
#C4B08C
#C3B18A
#C3B389
#C3B488
#C2B687
#C2B885
#C4A695
#C3A992
#C3AC90
#C2B08D
#C1B38B
#C1B688
#C0BA85
#C49E9D
#C3A399
#C2A895
#C1AD91
#C0B28E
#BEB78A
#BDBD85
#C497A4
#C39D9F
#C1A49A
#C0AA95
#BEB190
#BDB78B
#BBBF85
#C48FAC
#C297A6
#C09FA0
#BFA799
#BDAF93
#BBB78D
#B9C185
#C485B6
#C28FAE
#C099A6
#BDA39E
#BBAD97
#B9B78F
#B6C485
Colorpallet from #C4B685 to #C485B6 and to #B685C4
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4AE8D
#C4AE8D
#C3AE8E
#C3AE8E
#C3AE8E
#C2AE8F
#C2AE8F
#C4A695
#C3A696
#C3A696
#C2A697
#C1A698
#C1A698
#C0A699
#C49E9D
#C39E9E
#C29E9F
#C19EA0
#C09EA1
#BE9EA2
#BD9EA3
#C497A4
#C397A5
#C197A7
#C097A8
#BE97AA
#BD97AB
#BB97AD
#C48FAC
#C28FAE
#C08FB0
#BF8FB1
#BD8FB3
#BB8FB5
#B98FB7
#C485B6
#C285B8
#C085BA
#BD85BD
#BB85BF
#B985C1
#B685C4
Colorpallet from #C4B685 to #C485B6 and to #85C4B6
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4AE8D
#C2B08D
#C1B18D
#BFB38D
#BEB48D
#BCB68D
#BAB88D
#C4A695
#C1A995
#BEAC95
#BAB095
#B7B395
#B4B695
#B0BA95
#C49E9D
#BFA39D
#BAA89D
#B6AD9D
#B1B29D
#ACB79D
#A6BD9D
#C497A4
#BE9DA4
#B7A4A4
#B1AAA4
#AAB1A4
#A4B7A4
#9CBFA4
#C48FAC
#BC97AC
#B49FAC
#ACA7AC
#A4AFAC
#9CB7AC
#92C1AC
#C485B6
#BA8FB6
#B099B6
#A6A3B6
#9CADB6
#92B7B6
#85C4B6
Colorpallet from #C4B685 to #C485B6 and to #85B6C4
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4AE8D
#C2AF8D
#C1B18E
#BFB28E
#BEB38E
#BCB48F
#BAB68F
#C4A695
#C1A996
#BEAB96
#BAAE97
#B7B098
#B4B398
#B0B699
#C49E9D
#BFA29E
#BAA69F
#B6AAA0
#B1ADA1
#ACB1A2
#A6B6A3
#C497A4
#BE9CA5
#B7A1A7
#B1A6A8
#AAABAA
#A4B0AB
#9CB6AD
#C48FAC
#BC95AE
#B49BB0
#ACA2B1
#A4A8B3
#9CAEB5
#92B6B7
#C485B6
#BA8DB8
#B095BA
#A69DBD
#9CA4BF
#92ACC1
#85B6C4
Colorpallet from #C4B685 to #B6C485 and to #B685C4
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C2B885
#C2B687
#C2B588
#C2B38A
#C2B28B
#C2B08D
#C2AE8F
#C0BA85
#C0B788
#C0B48B
#C0B08F
#C0AD92
#C0AA95
#C0A699
#BDBD85
#BDB88A
#BDB38F
#BDAE93
#BDA998
#BDA49D
#BD9EA3
#BBBF85
#BBB98B
#BBB292
#BBAC98
#BBA59F
#BB9FA5
#BB97AD
#B9C185
#B9B98D
#B9B195
#B9A99D
#B9A1A5
#B999AD
#B98FB7
#B6C485
#B6BA8F
#B6B099
#B6A6A3
#B69CAD
#B692B7
#B685C4
Colorpallet from #C4B685 to #B6C485 and to #85C4B6
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C2B885
#C1B886
#BFB888
#BEB889
#BDB88A
#BCB88B
#BAB88D
#C0BA85
#BDBA88
#BBBA8A
#B8BA8D
#B6BA8F
#B3BA92
#B0BA95
#BDBD85
#B9BD89
#B6BD8D
#B2BD91
#AEBD94
#ABBD98
#A6BD9D
#BBBF85
#B6BF8A
#B1BF8F
#ACBF94
#A7BF99
#A2BF9E
#9CBFA4
#B9C185
#B3C18B
#ADC191
#A6C198
#A0C19E
#9AC1A4
#92C1AC
#B6C485
#AEC48D
#A6C495
#9EC49D
#97C4A4
#8FC4AC
#85C4B6
Colorpallet from #C4B685 to #B6C485 and to #85B6C4
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C2B885
#C1B887
#BFB788
#BEB78A
#BDB78B
#BCB68D
#BAB68F
#C0BA85
#BDB988
#BBB98B
#B8B88F
#B6B792
#B3B795
#B0B699
#BDBD85
#B9BC8A
#B6BB8F
#B2BA93
#AEB998
#ABB79D
#A6B6A3
#BBBF85
#B6BE8B
#B1BC92
#ACBB98
#A7B99F
#A2B8A5
#9CB6AD
#B9C185
#B3BF8D
#ADBD95
#A6BC9D
#A0BAA5
#9AB8AD
#92B6B7
#B6C485
#AEC28F
#A6C099
#9EBDA3
#97BBAD
#8FB9B7
#85B6C4
Colorpallet from #C4B685 to #B685C4 and to #85C4B6
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C2AE8F
#C1B08F
#BFB18E
#BEB38E
#BDB48E
#BCB68D
#BAB88D
#C0A699
#BDA998
#BBAC98
#B8B097
#B6B396
#B3B696
#B0BA95
#BD9EA3
#B9A3A2
#B6A8A1
#B2ADA0
#AEB29F
#ABB79E
#A6BD9D
#BB97AD
#B69DAC
#B1A4AA
#ACAAA9
#A7B1A7
#A2B7A6
#9CBFA4
#B98FB7
#B397B5
#AD9FB3
#A6A7B2
#A0AFB0
#9AB7AE
#92C1AC
#B685C4
#AE8FC2
#A699C0
#9EA3BD
#97ADBB
#8FB7B9
#85C4B6
Colorpallet from #C4B685 to #B685C4 and to #85B6C4
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C2AE8F
#C1AF8F
#BFB18F
#BEB28F
#BDB38F
#BCB48F
#BAB68F
#C0A699
#BDA999
#BBAB99
#B8AE99
#B6B099
#B3B399
#B0B699
#BD9EA3
#B9A2A3
#B6A6A3
#B2AAA3
#AEADA3
#ABB1A3
#A6B6A3
#BB97AD
#B69CAD
#B1A1AD
#ACA6AD
#A7ABAD
#A2B0AD
#9CB6AD
#B98FB7
#B395B7
#AD9BB7
#A6A2B7
#A0A8B7
#9AAEB7
#92B6B7
#B685C4
#AE8DC4
#A695C4
#9E9DC4
#97A4C4
#8FACC4
#85B6C4
Colorpallet from #C4B685 to #85C4B6 and to #85B6C4
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#C4B685
#BAB88D
#BAB88D
#BAB78E
#BAB78E
#BAB78E
#BAB68F
#BAB68F
#B0BA95
#B0B996
#B0B996
#B0B897
#B0B798
#B0B798
#B0B699
#A6BD9D
#A6BC9E
#A6BB9F
#A6BAA0
#A6B9A1
#A6B7A2
#A6B6A3
#9CBFA4
#9CBEA5
#9CBCA7
#9CBBA8
#9CB9AA
#9CB8AB
#9CB6AD
#92C1AC
#92BFAE
#92BDB0
#92BCB1
#92BAB3
#92B8B5
#92B6B7
#85C4B6
#85C2B8
#85C0BA
#85BDBD
#85BBBF
#85B9C1
#85B6C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
