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 #CCA688 to #CC88A6 and to #A6CC88
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA18D
#CBA38C
#CAA58B
#C9A68B
#C8A88A
#C7AA89
#C6AC88
#CC9C92
#CAA090
#C8A38F
#C6A78D
#C4AA8C
#C2AE8A
#C0B288
#CC9896
#C99D94
#C6A292
#C3A78F
#C0AC8D
#BEB28B
#BAB888
#CC939B
#C89A98
#C4A195
#C0A892
#BDAF8F
#B9B58C
#B4BE88
#CC8EA0
#C7979C
#C29F98
#BEA894
#B9B191
#B4B98D
#AEC488
#CC88A6
#C693A1
#C09E9C
#BAA998
#B4B493
#AEBE8E
#A6CC88
Colorpallet from #CCA688 to #CC88A6 and to #A688CC
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA18D
#CBA18E
#CAA18F
#C9A190
#C8A191
#C7A192
#C6A193
#CC9C92
#CA9C94
#C89C96
#C69C98
#C49C9A
#C29C9C
#C09C9E
#CC9896
#C99899
#C6989C
#C3989F
#C098A2
#BE98A5
#BA98A9
#CC939B
#C8939F
#C493A3
#C093A7
#BD93AB
#B993AF
#B493B4
#CC8EA0
#C78EA5
#C28EAA
#BE8EAE
#B98EB3
#B48EB8
#AE8EBE
#CC88A6
#C688AC
#C088B2
#BA88B8
#B488BE
#AE88C4
#A688CC
Colorpallet from #CCA688 to #CC88A6 and to #88CCA6
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA18D
#CAA38D
#C8A58D
#C7A68D
#C5A88D
#C3AA8D
#C1AC8D
#CC9C92
#C8A092
#C5A392
#C1A792
#BEAA92
#BAAE92
#B6B292
#CC9896
#C79D96
#C1A296
#BCA796
#B7AC96
#B2B296
#ABB896
#CC939B
#C59A9B
#BEA19B
#B7A89B
#B0AF9B
#A9B59B
#A0BE9B
#CC8EA0
#C397A0
#BB9FA0
#B2A8A0
#A9B1A0
#A1B9A0
#96C4A0
#CC88A6
#C193A6
#B69EA6
#ABA9A6
#A0B4A6
#96BEA6
#88CCA6
Colorpallet from #CCA688 to #CC88A6 and to #88A6CC
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA18D
#CAA28E
#C8A38F
#C7A390
#C5A491
#C3A592
#C1A693
#CC9C92
#C89E94
#C59F96
#C1A198
#BEA29A
#BAA49C
#B6A69E
#CC9896
#C79A99
#C19C9C
#BC9F9F
#B7A1A2
#B2A3A5
#ABA6A9
#CC939B
#C5969F
#BE99A3
#B79CA7
#B09FAB
#A9A2AF
#A0A6B4
#CC8EA0
#C392A5
#BB96AA
#B29AAE
#A99DB3
#A1A1B8
#96A6BE
#CC88A6
#C18DAC
#B692B2
#AB96B8
#A09BBE
#96A0C4
#88A6CC
Colorpallet from #CCA688 to #A6CC88 and to #A688CC
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#C6AC88
#C6AA8A
#C6A88C
#C6A78D
#C6A58F
#C6A391
#C6A193
#C0B288
#C0AE8C
#C0AB8F
#C0A793
#C0A496
#C0A09A
#C09C9E
#BAB888
#BAB38D
#BAAE93
#BAA998
#BAA49D
#BA9EA2
#BA98A9
#B4BE88
#B4B78F
#B4B096
#B4A99D
#B4A2A4
#B49CAB
#B493B4
#AEC488
#AEBB91
#AEB399
#AEAAA2
#AEA1AB
#AE99B3
#AE8EBE
#A6CC88
#A6C193
#A6B69E
#A6ABA9
#A6A0B4
#A696BE
#A688CC
Colorpallet from #CCA688 to #A6CC88 and to #88CCA6
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#C6AC88
#C5AC89
#C4AC8A
#C4AC8A
#C3AC8B
#C2AC8C
#C1AC8D
#C0B288
#BEB28A
#BDB28B
#BBB28D
#BAB28E
#B8B290
#B6B292
#BAB888
#B8B88A
#B5B88C
#B3B88F
#B0B891
#AEB893
#ABB896
#B4BE88
#B1BE8B
#AEBE8E
#AABE91
#A7BE94
#A4BE97
#A0BE9B
#AEC488
#AAC48C
#A6C490
#A2C494
#9FC497
#9BC49B
#96C4A0
#A6CC88
#A1CC8D
#9CCC92
#98CC96
#93CC9B
#8ECCA0
#88CCA6
Colorpallet from #CCA688 to #A6CC88 and to #88A6CC
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#C6AC88
#C5AB8A
#C4AA8C
#C4A98D
#C3A88F
#C2A791
#C1A693
#C0B288
#BEB08C
#BDAE8F
#BBAC93
#BAAA96
#B8A89A
#B6A69E
#BAB888
#B8B58D
#B5B293
#B3AF98
#B0AC9D
#AEAAA2
#ABA6A9
#B4BE88
#B1BA8F
#AEB696
#AAB29D
#A7AFA4
#A4ABAB
#A0A6B4
#AEC488
#AABF91
#A6BA99
#A2B6A2
#9FB1AB
#9BACB3
#96A6BE
#A6CC88
#A1C693
#9CC09E
#98BAA9
#93B4B4
#8EAEBE
#88A6CC
Colorpallet from #CCA688 to #A688CC and to #88CCA6
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#C6A193
#C5A392
#C4A591
#C4A690
#C3A88F
#C2AA8E
#C1AC8D
#C09C9E
#BEA09C
#BDA39A
#BBA798
#BAAA96
#B8AE94
#B6B292
#BA98A9
#B89DA6
#B5A2A3
#B3A7A0
#B0AC9D
#AEB29A
#ABB896
#B493B4
#B19AB0
#AEA1AC
#AAA8A8
#A7AFA4
#A4B5A0
#A0BE9B
#AE8EBE
#AA97B9
#A69FB4
#A2A8B0
#9FB1AB
#9BB9A6
#96C4A0
#A688CC
#A193C6
#9C9EC0
#98A9BA
#93B4B4
#8EBEAE
#88CCA6
Colorpallet from #CCA688 to #A688CC and to #88A6CC
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#C6A193
#C5A293
#C4A393
#C4A393
#C3A493
#C2A593
#C1A693
#C09C9E
#BE9E9E
#BD9F9E
#BBA19E
#BAA29E
#B8A49E
#B6A69E
#BA98A9
#B89AA9
#B59CA9
#B39FA9
#B0A1A9
#AEA3A9
#ABA6A9
#B493B4
#B196B4
#AE99B4
#AA9CB4
#A79FB4
#A4A2B4
#A0A6B4
#AE8EBE
#AA92BE
#A696BE
#A29ABE
#9F9DBE
#9BA1BE
#96A6BE
#A688CC
#A18DCC
#9C92CC
#9896CC
#939BCC
#8EA0CC
#88A6CC
Colorpallet from #CCA688 to #88CCA6 and to #88A6CC
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#CCA688
#C1AC8D
#C1AB8E
#C1AA8F
#C1A990
#C1A891
#C1A792
#C1A693
#B6B292
#B6B094
#B6AE96
#B6AC98
#B6AA9A
#B6A89C
#B6A69E
#ABB896
#ABB599
#ABB29C
#ABAF9F
#ABACA2
#ABAAA5
#ABA6A9
#A0BE9B
#A0BA9F
#A0B6A3
#A0B2A7
#A0AFAB
#A0ABAF
#A0A6B4
#96C4A0
#96BFA5
#96BAAA
#96B6AE
#96B1B3
#96ACB8
#96A6BE
#88CCA6
#88C6AC
#88C0B2
#88BAB8
#88B4BE
#88AEC4
#88A6CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
