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 #BAC87E to #BA7EC8 and to #C8BA7E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BABC8A
#BABE88
#BBBF86
#BBC184
#BBC282
#BCC480
#BCC67E
#BAB096
#BBB392
#BBB68E
#BCBA8A
#BDBD87
#BDC083
#BEC47E
#BAA4A2
#BBA99C
#BCAD96
#BDB291
#BEB78B
#C0BB85
#C1C17E
#BA99AD
#BB9FA5
#BDA59E
#BEAB96
#C0B18F
#C1B787
#C3BF7E
#BA8DB9
#BC95B0
#BE9CA6
#BFA49D
#C1AC93
#C3B38A
#C5BD7E
#BA7EC8
#BC88BC
#BE91B0
#C19BA4
#C3A499
#C5AE8D
#C8BA7E
Colorpallet from #BAC87E to #BA7EC8 and to #C87EBA
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BABC8A
#BABC8A
#BBBC89
#BBBC89
#BBBC89
#BCBC88
#BCBC88
#BAB096
#BBB095
#BBB094
#BCB094
#BDB093
#BDB092
#BEB091
#BAA4A2
#BBA4A1
#BCA4A0
#BDA49F
#BEA49E
#C0A49C
#C1A49B
#BA99AD
#BB99AC
#BD99AA
#BE99A9
#C099A7
#C199A6
#C399A4
#BA8DB9
#BC8DB7
#BE8DB5
#BF8DB4
#C18DB2
#C38DB0
#C58DAE
#BA7EC8
#BC7EC6
#BE7EC4
#C17EC1
#C37EBF
#C57EBD
#C87EBA
Colorpallet from #BAC87E to #BA7EC8 and to #7EBAC8
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BABC8A
#B8BE8A
#B7BF8A
#B5C18A
#B4C28A
#B2C48A
#B0C68A
#BAB096
#B7B396
#B4B696
#B1BA96
#AEBD96
#ABC096
#A7C496
#BAA4A2
#B5A9A2
#B1ADA2
#ACB2A2
#A7B7A2
#A3BBA2
#9DC1A2
#BA99AD
#B49FAD
#AEA5AD
#A8ABAD
#A2B1AD
#9CB7AD
#94BFAD
#BA8DB9
#B295B9
#AB9CB9
#A3A4B9
#9BACB9
#94B3B9
#8ABDB9
#BA7EC8
#B088C8
#A791C8
#9D9BC8
#94A4C8
#8AAEC8
#7EBAC8
Colorpallet from #BAC87E to #BA7EC8 and to #7EC8BA
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BABC8A
#B8BE8A
#B7C089
#B5C289
#B4C489
#B2C688
#B0C888
#BAB096
#B7B495
#B4B894
#B1BC94
#AEBF93
#ABC392
#A7C891
#BAA4A2
#B5AAA1
#B1B0A0
#ACB59F
#A7BB9E
#A3C19C
#9DC89B
#BA99AD
#B4A1AC
#AEA8AA
#A8B0A9
#A2B7A7
#9CBFA6
#94C8A4
#BA8DB9
#B296B7
#ABA0B5
#A3A9B4
#9BB3B2
#94BCB0
#8AC8AE
#BA7EC8
#B08AC6
#A796C4
#9DA2C1
#94ADBF
#8AB9BD
#7EC8BA
Colorpallet from #BAC87E to #C8BA7E and to #C87EBA
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BCC67E
#BCC480
#BCC381
#BCC183
#BCC084
#BCBE86
#BCBC88
#BEC47E
#BEC181
#BEBE84
#BEBA87
#BEB78A
#BEB48D
#BEB091
#C1C17E
#C1BC83
#C1B887
#C1B38C
#C1AE91
#C1AA95
#C1A49B
#C3BF7E
#C3B984
#C3B38A
#C3AD90
#C3A796
#C3A19C
#C399A4
#C5BD7E
#C5B586
#C5AE8D
#C5A695
#C59E9D
#C597A4
#C58DAE
#C8BA7E
#C8B088
#C8A791
#C89D9B
#C894A4
#C88AAE
#C87EBA
Colorpallet from #BAC87E to #C8BA7E and to #7EBAC8
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BCC67E
#BAC680
#B8C682
#B6C684
#B4C686
#B2C688
#B0C68A
#BEC47E
#BAC482
#B7C486
#B3C48A
#AFC48D
#ACC491
#A7C496
#C1C17E
#BBC184
#B5C18A
#B0C18F
#AAC195
#A4C19B
#9DC1A2
#C3BF7E
#BBBF86
#B4BF8D
#ACBF95
#A5BF9C
#9DBFA4
#94BFAD
#C5BD7E
#BCBD87
#B2BD91
#A9BD9A
#9FBDA4
#96BDAD
#8ABDB9
#C8BA7E
#BCBA8A
#B0BA96
#A4BAA2
#99BAAD
#8DBAB9
#7EBAC8
Colorpallet from #BAC87E to #C8BA7E and to #7EC8BA
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BCC67E
#BAC680
#B8C781
#B6C783
#B4C784
#B2C886
#B0C888
#BEC47E
#BAC581
#B7C584
#B3C687
#AFC78A
#ACC78D
#A7C891
#C1C17E
#BBC283
#B5C387
#B0C48C
#AAC591
#A4C795
#9DC89B
#C3BF7E
#BBC084
#B4C28A
#ACC390
#A5C596
#9DC69C
#94C8A4
#C5BD7E
#BCBF86
#B2C18D
#A9C295
#9FC49D
#96C6A4
#8AC8AE
#C8BA7E
#BCBC88
#B0BE91
#A4C19B
#99C3A4
#8DC5AE
#7EC8BA
Colorpallet from #BAC87E to #C87EBA and to #7EBAC8
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BCBC88
#BABE88
#B8BF89
#B6C189
#B4C289
#B2C48A
#B0C68A
#BEB091
#BAB392
#B7B693
#B3BA93
#AFBD94
#ACC095
#A7C496
#C1A49B
#BBA99C
#B5AD9D
#B0B29E
#AAB79F
#A4BBA1
#9DC1A2
#C399A4
#BB9FA5
#B4A5A7
#ACABA8
#A5B1AA
#9DB7AB
#94BFAD
#C58DAE
#BC95B0
#B29CB2
#A9A4B3
#9FACB5
#96B3B7
#8ABDB9
#C87EBA
#BC88BC
#B091BE
#A49BC1
#99A4C3
#8DAEC5
#7EBAC8
Colorpallet from #BAC87E to #C87EBA and to #7EC8BA
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BCBC88
#BABE88
#B8C088
#B6C288
#B4C488
#B2C688
#B0C888
#BEB091
#BAB491
#B7B891
#B3BC91
#AFBF91
#ACC391
#A7C891
#C1A49B
#BBAA9B
#B5B09B
#B0B59B
#AABB9B
#A4C19B
#9DC89B
#C399A4
#BBA1A4
#B4A8A4
#ACB0A4
#A5B7A4
#9DBFA4
#94C8A4
#C58DAE
#BC96AE
#B2A0AE
#A9A9AE
#9FB3AE
#96BCAE
#8AC8AE
#C87EBA
#BC8ABA
#B096BA
#A4A2BA
#99ADBA
#8DB9BA
#7EC8BA
Colorpallet from #BAC87E to #7EBAC8 and to #7EC8BA
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#BAC87E
#B0C68A
#B0C68A
#B0C789
#B0C789
#B0C789
#B0C888
#B0C888
#A7C496
#A7C595
#A7C594
#A7C694
#A7C793
#A7C792
#A7C891
#9DC1A2
#9DC2A1
#9DC3A0
#9DC49F
#9DC59E
#9DC79C
#9DC89B
#94BFAD
#94C0AC
#94C2AA
#94C3A9
#94C5A7
#94C6A6
#94C8A4
#8ABDB9
#8ABFB7
#8AC1B5
#8AC2B4
#8AC4B2
#8AC6B0
#8AC8AE
#7EBAC8
#7EBCC6
#7EBEC4
#7EC1C1
#7EC3BF
#7EC5BD
#7EC8BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
