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 #70D8E3 to #70E3D8 and to #D870E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70DAE1
#73D7E1
#75D4E2
#78D1E2
#7BCEE2
#7ECBE3
#81C7E3
#70DCDF
#75D6E0
#7BD0E0
#80CAE1
#85C4E2
#8ABEE2
#91B7E3
#70DDDE
#78D4DF
#80CBE0
#88C3E0
#90BAE1
#98B1E2
#A2A6E3
#70DFDC
#7BD3DD
#85C7DE
#90BBDF
#9BB0E0
#A6A4E2
#B395E3
#70E1DA
#7DD2DB
#8BC4DD
#98B5DE
#A5A6E0
#B297E1
#C385E3
#70E3D8
#81D1DA
#91BEDC
#A2ACDD
#B399DF
#C387E1
#D870E3
Colorpallet from #70D8E3 to #70E3D8 and to #D8E370
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70DAE1
#73DADE
#75DADC
#78DAD9
#7BDAD7
#7EDAD4
#81DAD1
#70DCDF
#75DCDA
#7BDCD4
#80DCCF
#85DCCA
#8ADCC5
#91DCBE
#70DDDE
#78DDD6
#80DDCE
#88DDC6
#90DDBE
#98DDB6
#A2DDAC
#70DFDC
#7BDFD1
#85DFC7
#90DFBC
#9BDFB1
#A6DFA6
#B3DF99
#70E1DA
#7DE1CD
#8BE1BF
#98E1B2
#A5E1A5
#B2E198
#C3E187
#70E3D8
#81E3C7
#91E3B7
#A2E3A6
#B3E395
#C3E385
#D8E370
Colorpallet from #70D8E3 to #70E3D8 and to #E370D8
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70DAE1
#73D7E1
#76D4E1
#79D1E1
#7CCEE1
#7ECBE1
#82C7E1
#70DCDF
#76D6DF
#7CD0DF
#82CADF
#88C4DF
#8EBEDF
#95B7DF
#70DDDE
#79D4DE
#82CBDE
#8AC3DE
#93BADE
#9CB1DE
#A7A6DE
#70DFDC
#7CD3DC
#88C7DC
#94BBDC
#9FB0DC
#ABA4DC
#BA95DC
#70E1DA
#7FD2DA
#8DC4DA
#9CB5DA
#ABA6DA
#BA97DA
#CC85DA
#70E3D8
#82D1D8
#95BED8
#A7ACD8
#BA99D8
#CC87D8
#E370D8
Colorpallet from #70D8E3 to #70E3D8 and to #E3D870
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70DAE1
#73DADE
#76D9DC
#79D9D9
#7CD9D7
#7ED8D4
#82D8D1
#70DCDF
#76DBDA
#7CDBD4
#82DACF
#88D9CA
#8ED9C5
#95D8BE
#70DDDE
#79DCD6
#82DBCE
#8ADBC6
#93DABE
#9CD9B6
#A7D8AC
#70DFDC
#7CDED1
#88DDC7
#94DCBC
#9FDBB1
#ABD9A6
#BAD899
#70E1DA
#7FE0CD
#8DDEBF
#9CDDB2
#ABDBA5
#BADA98
#CCD887
#70E3D8
#82E1C7
#95DFB7
#A7DEA6
#BADC95
#CCDA85
#E3D870
Colorpallet from #70D8E3 to #D870E3 and to #D8E370
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#81C7E3
#81CAE0
#81CDDD
#81D0DA
#81D3D7
#81D6D5
#81DAD1
#91B7E3
#91BDDD
#91C3D7
#91C9D1
#91CFCB
#91D5C5
#91DCBE
#A2A6E3
#A2AFDA
#A2B8D1
#A2C0C9
#A2C9C0
#A2D2B7
#A2DDAC
#B395E3
#B3A1D7
#B3ADCB
#B3B9BF
#B3C4B4
#B3D0A8
#B3DF99
#C385E3
#C394D4
#C3A2C6
#C3B1B7
#C3C0A8
#C3CF99
#C3E187
#D870E3
#D882D1
#D895BE
#D8A7AC
#D8BA99
#D8CC87
#D8E370
Colorpallet from #70D8E3 to #D870E3 and to #E370D8
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#81C7E3
#81C7E3
#81C7E2
#81C7E2
#82C7E2
#82C7E1
#82C7E1
#91B7E3
#92B7E2
#92B7E2
#93B7E1
#94B7E0
#94B7E0
#95B7DF
#A2A6E3
#A3A6E2
#A4A6E1
#A4A6E1
#A5A6E0
#A6A6DF
#A7A6DE
#B395E3
#B495E2
#B595E1
#B695E0
#B795DF
#B995DD
#BA95DC
#C385E3
#C485E2
#C685E0
#C785DF
#C985DD
#CA85DC
#CC85DA
#D870E3
#DA70E1
#DC70DF
#DD70DE
#DF70DC
#E170DA
#E370D8
Colorpallet from #70D8E3 to #D870E3 and to #E3D870
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#81C7E3
#81CAE0
#81CCDD
#81CFDA
#82D2D7
#82D5D5
#82D8D1
#91B7E3
#92BCDD
#92C2D7
#93C7D1
#94CCCB
#94D1C5
#95D8BE
#A2A6E3
#A3AEDA
#A4B6D1
#A4BEC9
#A5C6C0
#A6CEB7
#A7D8AC
#B395E3
#B4A0D7
#B5AACB
#B6B5BF
#B7C0B4
#B9CBA8
#BAD899
#C385E3
#C492D4
#C6A0C6
#C7ADB7
#C9BAA8
#CAC799
#CCD887
#D870E3
#DA81D1
#DC91BE
#DDA2AC
#DFB399
#E1C387
#E3D870
Colorpallet from #70D8E3 to #D8E370 and to #E370D8
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#81DAD1
#81D7D4
#81D4D6
#81D1D9
#82CEDB
#82CBDE
#82C7E1
#91DCBE
#92D6C3
#92D0C9
#93CACE
#94C4D3
#94BED8
#95B7DF
#A2DDAC
#A3D4B4
#A4CBBC
#A4C3C4
#A5BACC
#A6B1D4
#A7A6DE
#B3DF99
#B4D3A4
#B5C7AE
#B6BBB9
#B7B0C4
#B9A4CF
#BA95DC
#C3E187
#C4D294
#C6C4A2
#C7B5AF
#C9A6BC
#CA97C9
#CC85DA
#D8E370
#DAD181
#DCBE91
#DDACA2
#DF99B3
#E187C3
#E370D8
Colorpallet from #70D8E3 to #D8E370 and to #E3D870
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#81DAD1
#81DAD1
#81D9D1
#81D9D1
#82D9D1
#82D8D1
#82D8D1
#91DCBE
#92DBBE
#92DBBE
#93DABE
#94D9BE
#94D9BE
#95D8BE
#A2DDAC
#A3DCAC
#A4DBAC
#A4DBAC
#A5DAAC
#A6D9AC
#A7D8AC
#B3DF99
#B4DE99
#B5DD99
#B6DC99
#B7DB99
#B9D999
#BAD899
#C3E187
#C4E087
#C6DE87
#C7DD87
#C9DB87
#CADA87
#CCD887
#D8E370
#DAE170
#DCDF70
#DDDE70
#DFDC70
#E1DA70
#E3D870
Colorpallet from #70D8E3 to #E370D8 and to #E3D870
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#70D8E3
#82C7E1
#82CADE
#82CCDC
#82CFD9
#82D2D7
#82D5D4
#82D8D1
#95B7DF
#95BCDA
#95C2D4
#95C7CF
#95CCCA
#95D1C5
#95D8BE
#A7A6DE
#A7AED6
#A7B6CE
#A7BEC6
#A7C6BE
#A7CEB6
#A7D8AC
#BA95DC
#BAA0D1
#BAAAC7
#BAB5BC
#BAC0B1
#BACBA6
#BAD899
#CC85DA
#CC92CD
#CCA0BF
#CCADB2
#CCBAA5
#CCC798
#CCD887
#E370D8
#E381C7
#E391B7
#E3A2A6
#E3B395
#E3C385
#E3D870
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
