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 #B3AF8D to #B38DAF and to #AFB38D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AA92
#B3AB91
#B3AC90
#B3AD90
#B2AE8F
#B2AF8E
#B2B08D
#B3A498
#B3A696
#B3A894
#B3AA93
#B2AC91
#B2AE8F
#B2B08D
#B39F9D
#B3A29A
#B2A598
#B2A895
#B2AB93
#B1AD90
#B1B18D
#B399A3
#B39D9F
#B2A19C
#B2A598
#B1A995
#B1AD91
#B0B28D
#B394A8
#B399A4
#B29E9F
#B2A29B
#B1A797
#B1AC92
#B0B28D
#B38DAF
#B293AA
#B299A4
#B19F9F
#B0A599
#B0AB94
#AFB38D
Colorpallet from #B3AF8D to #B38DAF and to #AF8DB3
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AA92
#B3AA92
#B3AA92
#B3AA92
#B2AA93
#B2AA93
#B2AA93
#B3A498
#B3A498
#B3A498
#B3A498
#B2A499
#B2A499
#B2A499
#B39F9D
#B39F9D
#B29F9E
#B29F9E
#B29F9E
#B19F9F
#B19F9F
#B399A3
#B399A3
#B299A4
#B299A4
#B199A4
#B199A5
#B099A5
#B394A8
#B394A8
#B294A9
#B294A9
#B194AA
#B194AA
#B094AB
#B38DAF
#B28DB0
#B28DB0
#B18DB1
#B08DB2
#B08DB2
#AF8DB3
Colorpallet from #B3AF8D to #B38DAF and to #8DB3AF
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AA92
#B2AB92
#B1AC92
#B0AD92
#AFAE92
#AEAF92
#ADB092
#B3A498
#B1A698
#AFA898
#ADAA98
#ABAC98
#A9AE98
#A7B098
#B39F9D
#B0A29D
#ADA59D
#AAA89D
#A7AB9D
#A5AD9D
#A1B19D
#B399A3
#AF9DA3
#ABA1A3
#A7A5A3
#A4A9A3
#A0ADA3
#9BB2A3
#B394A8
#AE99A8
#A99EA8
#A5A2A8
#A0A7A8
#9BACA8
#95B2A8
#B38DAF
#AD93AF
#A799AF
#A19FAF
#9BA5AF
#95ABAF
#8DB3AF
Colorpallet from #B3AF8D to #B38DAF and to #8DAFB3
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AA92
#B2AB92
#B1AC92
#B0AC92
#AFAD93
#AEAE93
#ADAF93
#B3A498
#B1A698
#AFA898
#ADA998
#ABAB99
#A9AD99
#A7AF99
#B39F9D
#B0A29D
#ADA49E
#AAA79E
#A7A99E
#A5AC9F
#A1AF9F
#B399A3
#AF9DA3
#ABA0A4
#A7A4A4
#A4A7A4
#A0ABA5
#9BAFA5
#B394A8
#AE98A8
#A99DA9
#A5A1A9
#A0A5AA
#9BAAAA
#95AFAB
#B38DAF
#AD92B0
#A798B0
#A19DB1
#9BA3B2
#95A8B2
#8DAFB3
Colorpallet from #B3AF8D to #AFB38D and to #AF8DB3
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B2B08D
#B2AF8E
#B2AE8F
#B2AD90
#B2AC91
#B2AB92
#B2AA93
#B2B08D
#B2AE8F
#B2AC91
#B2AA93
#B2A895
#B2A697
#B2A499
#B1B18D
#B1AE90
#B1AB93
#B1A896
#B1A599
#B1A39B
#B19F9F
#B0B28D
#B0AE91
#B0AA95
#B0A699
#B0A29C
#B09EA0
#B099A5
#B0B28D
#B0AD92
#B0A897
#B0A49B
#B09FA0
#B09AA5
#B094AB
#AFB38D
#AFAD93
#AFA799
#AFA19F
#AF9BA5
#AF95AB
#AF8DB3
Colorpallet from #B3AF8D to #AFB38D and to #8DB3AF
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B2B08D
#B1B08E
#B0B08F
#B0B08F
#AFB090
#AEB091
#ADB092
#B2B08D
#B0B08F
#AEB091
#ADB092
#ABB094
#A9B096
#A7B098
#B1B18D
#AEB190
#ACB192
#A9B195
#A7B197
#A4B19A
#A1B19D
#B0B28D
#ADB291
#A9B294
#A6B298
#A3B29B
#9FB29F
#9BB2A3
#B0B28D
#ACB291
#A7B296
#A3B29A
#9FB29E
#9AB2A3
#95B2A8
#AFB38D
#AAB392
#A4B398
#9FB39D
#99B3A3
#94B3A8
#8DB3AF
Colorpallet from #B3AF8D to #AFB38D and to #8DAFB3
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B2B08D
#B1B08E
#B0B08F
#B0B090
#AFAF91
#AEAF92
#ADAF93
#B2B08D
#B0B08F
#AEB091
#ADB093
#ABAF95
#A9AF97
#A7AF99
#B1B18D
#AEB190
#ACB093
#A9B096
#A7B099
#A4AF9B
#A1AF9F
#B0B28D
#ADB291
#A9B195
#A6B199
#A3B09C
#9FB0A0
#9BAFA5
#B0B28D
#ACB292
#A7B197
#A3B19B
#9FB0A0
#9AB0A5
#95AFAB
#AFB38D
#AAB293
#A4B299
#9FB19F
#99B0A5
#94B0AB
#8DAFB3
Colorpallet from #B3AF8D to #AF8DB3 and to #8DB3AF
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B2AA93
#B1AB93
#B0AC93
#B0AD93
#AFAE92
#AEAF92
#ADB092
#B2A499
#B0A699
#AEA899
#ADAA99
#ABAC98
#A9AE98
#A7B098
#B19F9F
#AEA29F
#ACA59E
#A9A89E
#A7AB9E
#A4AD9D
#A1B19D
#B099A5
#AD9DA5
#A9A1A4
#A6A5A4
#A3A9A4
#9FADA3
#9BB2A3
#B094AB
#AC99AB
#A79EAA
#A3A2AA
#9FA7A9
#9AACA9
#95B2A8
#AF8DB3
#AA93B2
#A499B2
#9F9FB1
#99A5B0
#94ABB0
#8DB3AF
Colorpallet from #B3AF8D to #AF8DB3 and to #8DAFB3
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B2AA93
#B1AB93
#B0AC93
#B0AC93
#AFAD93
#AEAE93
#ADAF93
#B2A499
#B0A699
#AEA899
#ADA999
#ABAB99
#A9AD99
#A7AF99
#B19F9F
#AEA29F
#ACA49F
#A9A79F
#A7A99F
#A4AC9F
#A1AF9F
#B099A5
#AD9DA5
#A9A0A5
#A6A4A5
#A3A7A5
#9FABA5
#9BAFA5
#B094AB
#AC98AB
#A79DAB
#A3A1AB
#9FA5AB
#9AAAAB
#95AFAB
#AF8DB3
#AA92B3
#A498B3
#9F9DB3
#99A3B3
#94A8B3
#8DAFB3
Colorpallet from #B3AF8D to #8DB3AF and to #8DAFB3
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#B3AF8D
#ADB092
#ADB092
#ADB092
#ADB092
#ADAF93
#ADAF93
#ADAF93
#A7B098
#A7B098
#A7B098
#A7B098
#A7AF99
#A7AF99
#A7AF99
#A1B19D
#A1B19D
#A1B09E
#A1B09E
#A1B09E
#A1AF9F
#A1AF9F
#9BB2A3
#9BB2A3
#9BB1A4
#9BB1A4
#9BB0A4
#9BB0A5
#9BAFA5
#95B2A8
#95B2A8
#95B1A9
#95B1A9
#95B0AA
#95B0AA
#95AFAB
#8DB3AF
#8DB2B0
#8DB2B0
#8DB1B1
#8DB0B2
#8DB0B2
#8DAFB3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
