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 #C7B868 to #C768B8 and to #B8C768
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7AB75
#C7AD73
#C6B071
#C6B26F
#C6B56D
#C5B76B
#C5BA68
#C79E82
#C6A37E
#C5A87A
#C5AD76
#C4B271
#C3B76D
#C2BD68
#C7928E
#C69988
#C5A082
#C4A87C
#C3AF76
#C1B670
#C0BF68
#C7859B
#C58F93
#C4998B
#C2A283
#C1AC7A
#BFB672
#BDC268
#C778A8
#C5849E
#C39094
#C19C89
#BFA97F
#BDB575
#BBC468
#C768B8
#C577AB
#C2869E
#C09692
#BDA585
#BBB478
#B8C768
Colorpallet from #C7B868 to #C768B8 and to #B868C7
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7AB75
#C7AB75
#C6AB76
#C6AB76
#C6AB76
#C5AB77
#C5AB77
#C79E82
#C69E83
#C59E83
#C59E84
#C49E85
#C39E85
#C29E86
#C7928E
#C6928F
#C59291
#C49292
#C39293
#C19294
#C09296
#C7859B
#C5859D
#C4859E
#C285A0
#C185A1
#BF85A3
#BD85A5
#C778A8
#C578AA
#C378AC
#C178AE
#BF78B0
#BD78B2
#BB78B4
#C768B8
#C568BA
#C268BD
#C068BF
#BD68C2
#BB68C4
#B868C7
Colorpallet from #C7B868 to #C768B8 and to #68C7B8
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7AB75
#C5AD75
#C2B075
#C0B275
#BDB575
#BBB775
#B8BA75
#C79E82
#C2A382
#BDA882
#B9AD82
#B4B282
#AFB782
#A9BD82
#C7928E
#C0998E
#B8A08E
#B1A88E
#AAAF8E
#A2B68E
#99BF8E
#C7859B
#BD8F9B
#B3999B
#AAA29B
#A0AC9B
#96B69B
#8AC29B
#C778A8
#BB84A8
#AF90A8
#A39CA8
#96A9A8
#8AB5A8
#7BC4A8
#C768B8
#B877B8
#A986B8
#9996B8
#8AA5B8
#7BB4B8
#68C7B8
Colorpallet from #C7B868 to #C768B8 and to #68B8C7
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7AB75
#C5AD75
#C2AF76
#C0B176
#BDB376
#BBB577
#B8B877
#C79E82
#C2A283
#BDA683
#B9AA84
#B4AF85
#AFB385
#A9B886
#C7928E
#C0988F
#B89E91
#B1A492
#AAAA93
#A2B094
#99B896
#C7859B
#BD8D9D
#B3959E
#AA9DA0
#A0A6A1
#96AEA3
#8AB8A5
#C778A8
#BB82AA
#AF8CAC
#A397AE
#96A1B0
#8AABB2
#7BB8B4
#C768B8
#B875BA
#A982BD
#998EBF
#8A9BC2
#7BA8C4
#68B8C7
Colorpallet from #C7B868 to #B8C768 and to #B868C7
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C5BA68
#C5B86A
#C5B56D
#C5B36F
#C5B072
#C5AE74
#C5AB77
#C2BD68
#C2B86D
#C2B372
#C2AE76
#C2A97B
#C2A480
#C29E86
#C0BF68
#C0B86F
#C0B177
#C0A97E
#C0A285
#C09B8D
#C09296
#BDC268
#BDB872
#BDAE7C
#BDA585
#BD9B8F
#BD9199
#BD85A5
#BBC468
#BBB874
#BBAC80
#BBA08C
#BB9399
#BB87A5
#BB78B4
#B8C768
#B8B877
#B8A986
#B89996
#B88AA5
#B87BB4
#B868C7
Colorpallet from #C7B868 to #B8C768 and to #68C7B8
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C5BA68
#C3BA6A
#C1BA6C
#BFBA6E
#BDBA70
#BBBA72
#B8BA75
#C2BD68
#BEBD6C
#BABD70
#B6BD74
#B2BD79
#AEBD7D
#A9BD82
#C0BF68
#BABF6E
#B4BF74
#ADBF7A
#A7BF80
#A1BF86
#99BF8E
#BDC268
#B5C270
#ADC278
#A5C280
#9CC289
#94C291
#8AC29B
#BBC468
#B1C472
#A7C47C
#9CC487
#92C491
#88C49B
#7BC4A8
#B8C768
#ABC775
#9EC782
#92C78E
#85C79B
#78C7A8
#68C7B8
Colorpallet from #C7B868 to #B8C768 and to #68B8C7
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C5BA68
#C3BA6A
#C1B96D
#BFB96F
#BDB972
#BBB874
#B8B877
#C2BD68
#BEBC6D
#BABB72
#B6BB76
#B2BA7B
#AEB980
#A9B886
#C0BF68
#BABE6F
#B4BD77
#ADBC7E
#A7BB85
#A1B98D
#99B896
#BDC268
#B5C072
#ADBF7C
#A5BD85
#9CBC8F
#94BA99
#8AB8A5
#BBC468
#B1C274
#A7C080
#9CBE8C
#92BC99
#88BAA5
#7BB8B4
#B8C768
#ABC577
#9EC286
#92C096
#85BDA5
#78BBB4
#68B8C7
Colorpallet from #C7B868 to #B868C7 and to #68C7B8
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C5AB77
#C3AD77
#C1B076
#BFB276
#BDB576
#BBB775
#B8BA75
#C29E86
#BEA385
#BAA885
#B6AD84
#B2B283
#AEB783
#A9BD82
#C09296
#BA9995
#B4A093
#ADA892
#A7AF91
#A1B690
#99BF8E
#BD85A5
#B58FA3
#AD99A2
#A5A2A0
#9CAC9F
#94B69D
#8AC29B
#BB78B4
#B184B2
#A790B0
#9C9CAE
#92A9AC
#88B5AA
#7BC4A8
#B868C7
#AB77C5
#9E86C2
#9296C0
#85A5BD
#78B4BB
#68C7B8
Colorpallet from #C7B868 to #B868C7 and to #68B8C7
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C5AB77
#C3AD77
#C1AF77
#BFB177
#BDB377
#BBB577
#B8B877
#C29E86
#BEA286
#BAA686
#B6AA86
#B2AF86
#AEB386
#A9B886
#C09296
#BA9896
#B49E96
#ADA496
#A7AA96
#A1B096
#99B896
#BD85A5
#B58DA5
#AD95A5
#A59DA5
#9CA6A5
#94AEA5
#8AB8A5
#BB78B4
#B182B4
#A78CB4
#9C97B4
#92A1B4
#88ABB4
#7BB8B4
#B868C7
#AB75C7
#9E82C7
#928EC7
#859BC7
#78A8C7
#68B8C7
Colorpallet from #C7B868 to #68C7B8 and to #68B8C7
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#C7B868
#B8BA75
#B8BA75
#B8B976
#B8B976
#B8B976
#B8B877
#B8B877
#A9BD82
#A9BC83
#A9BB83
#A9BB84
#A9BA85
#A9B985
#A9B886
#99BF8E
#99BE8F
#99BD91
#99BC92
#99BB93
#99B994
#99B896
#8AC29B
#8AC09D
#8ABF9E
#8ABDA0
#8ABCA1
#8ABAA3
#8AB8A5
#7BC4A8
#7BC2AA
#7BC0AC
#7BBEAE
#7BBCB0
#7BBAB2
#7BB8B4
#68C7B8
#68C5BA
#68C2BD
#68C0BF
#68BDC2
#68BBC4
#68B8C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
