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 #B4CAF2 to #B4F2CA and to #CAB4F2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4D0EC
#B5CEED
#B5CDEE
#B6CBEF
#B7CAF0
#B7C8F1
#B8C6F2
#B4D7E5
#B5D4E7
#B6D1E9
#B7CDEB
#B8CAED
#BAC7EF
#BBC3F2
#B4DDDF
#B6D8E2
#B8D3E5
#B9CFE8
#BBCAEB
#BDC5EE
#BFBFF2
#B4E4D8
#B6DEDC
#B8D7E0
#BBD1E4
#BDCAE9
#BFC4ED
#C2BCF2
#B4EAD2
#B7E2D7
#BADADC
#BDD2E1
#C0CAE6
#C2C2EC
#C6B8F2
#B4F2CA
#B8E8D0
#BBDED7
#BFD4DD
#C2CAE4
#C6C0EA
#CAB4F2
Colorpallet from #B4CAF2 to #B4F2CA and to #CAF2B4
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4D0EC
#B5D0EB
#B5D0EB
#B6D0EA
#B7D0E9
#B7D0E9
#B8D0E8
#B4D7E5
#B5D7E4
#B6D7E3
#B7D7E2
#B8D7E1
#BAD7DF
#BBD7DE
#B4DDDF
#B6DDDD
#B8DDDB
#B9DDDA
#BBDDD8
#BDDDD6
#BFDDD4
#B4E4D8
#B6E4D6
#B8E4D4
#BBE4D1
#BDE4CF
#BFE4CD
#C2E4CA
#B4EAD2
#B7EACF
#BAEACC
#BDEAC9
#C0EAC6
#C2EAC4
#C6EAC0
#B4F2CA
#B8F2C6
#BBF2C3
#BFF2BF
#C2F2BC
#C6F2B8
#CAF2B4
Colorpallet from #B4CAF2 to #B4F2CA and to #F2B4CA
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4D0EC
#B6CEEC
#B7CDEC
#B9CBEC
#BACAEC
#BCC8EC
#BEC6EC
#B4D7E5
#B7D4E5
#BAD1E5
#BECDE5
#C1CAE5
#C4C7E5
#C8C3E5
#B4DDDF
#B9D8DF
#BED3DF
#C2CFDF
#C7CADF
#CCC5DF
#D2BFDF
#B4E4D8
#BADED8
#C1D7D8
#C7D1D8
#CECAD8
#D4C4D8
#DCBCD8
#B4EAD2
#BCE2D2
#C4DAD2
#CCD2D2
#D4CAD2
#DCC2D2
#E6B8D2
#B4F2CA
#BEE8CA
#C8DECA
#D2D4CA
#DCCACA
#E6C0CA
#F2B4CA
Colorpallet from #B4CAF2 to #B4F2CA and to #F2CAB4
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4D0EC
#B6CFEB
#B7CEEB
#B9CDEA
#BACCE9
#BCCBE9
#BECAE8
#B4D7E5
#B7D5E4
#BAD3E3
#BED1E2
#C1CFE1
#C4CDDF
#C8CADE
#B4DDDF
#B9DADD
#BED7DB
#C2D4DA
#C7D1D8
#CCCED6
#D2CAD4
#B4E4D8
#BAE0D6
#C1DCD4
#C7D8D1
#CED3CF
#D4CFCD
#DCCACA
#B4EAD2
#BCE5CF
#C4E0CC
#CCDBC9
#D4D6C6
#DCD0C4
#E6CAC0
#B4F2CA
#BEECC6
#C8E5C3
#D2DFBF
#DCD8BC
#E6D2B8
#F2CAB4
Colorpallet from #B4CAF2 to #CAB4F2 and to #CAF2B4
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B8C6F2
#B8C8F0
#B8C9EF
#B8CBED
#B8CCEC
#B8CEEA
#B8D0E8
#BBC3F2
#BBC6EF
#BBC9EC
#BBCDE8
#BBD0E5
#BBD3E2
#BBD7DE
#BFBFF2
#BFC4ED
#BFC9E8
#BFCDE4
#BFD2DF
#BFD7DA
#BFDDD4
#C2BCF2
#C2C2EC
#C2C9E5
#C2CFDF
#C2D6D8
#C2DCD2
#C2E4CA
#C6B8F2
#C6C0EA
#C6C8E2
#C6D0DA
#C6D8D2
#C6E0CA
#C6EAC0
#CAB4F2
#CABEE8
#CAC8DE
#CAD2D4
#CADCCA
#CAE6C0
#CAF2B4
Colorpallet from #B4CAF2 to #CAB4F2 and to #F2B4CA
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B8C6F2
#B9C6F1
#BAC6F0
#BBC6EF
#BCC6EE
#BDC6ED
#BEC6EC
#BBC3F2
#BDC3F0
#BFC3EE
#C1C3EC
#C3C3EA
#C5C3E8
#C8C3E5
#BFBFF2
#C2BFEF
#C5BFEC
#C8BFE9
#CBBFE6
#CEBFE3
#D2BFDF
#C2BCF2
#C6BCEE
#CABCEA
#CEBCE6
#D3BCE1
#D7BCDD
#DCBCD8
#C6B8F2
#CBB8ED
#D0B8E8
#D5B8E3
#DAB8DE
#E0B8D8
#E6B8D2
#CAB4F2
#D0B4EC
#D7B4E5
#DDB4DF
#E4B4D8
#EAB4D2
#F2B4CA
Colorpallet from #B4CAF2 to #CAB4F2 and to #F2CAB4
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B8C6F2
#B9C7F0
#BAC7EF
#BBC8ED
#BCC9EC
#BDC9EA
#BECAE8
#BBC3F2
#BDC4EF
#BFC5EC
#C1C6E8
#C3C7E5
#C5C9E2
#C8CADE
#BFBFF2
#C2C1ED
#C5C3E8
#C8C4E4
#CBC6DF
#CEC8DA
#D2CAD4
#C2BCF2
#C6BEEC
#CAC0E5
#CEC3DF
#D3C5D8
#D7C7D2
#DCCACA
#C6B8F2
#CBBBEA
#D0BEE2
#D5C1DA
#DAC4D2
#E0C6CA
#E6CAC0
#CAB4F2
#D0B8E8
#D7BBDE
#DDBFD4
#E4C2CA
#EAC6C0
#F2CAB4
Colorpallet from #B4CAF2 to #CAF2B4 and to #F2B4CA
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B8D0E8
#B9CEE9
#BACDE9
#BBCBEA
#BCCAEB
#BDC8EB
#BEC6EC
#BBD7DE
#BDD4DF
#BFD1E0
#C1CDE1
#C3CAE2
#C5C7E4
#C8C3E5
#BFDDD4
#C2D8D6
#C5D3D8
#C8CFD9
#CBCADB
#CEC5DD
#D2BFDF
#C2E4CA
#C6DECC
#CAD7CE
#CED1D1
#D3CAD3
#D7C4D5
#DCBCD8
#C6EAC0
#CBE2C3
#D0DAC6
#D5D2C9
#DACACC
#E0C2CE
#E6B8D2
#CAF2B4
#D0E8B8
#D7DEBB
#DDD4BF
#E4CAC2
#EAC0C6
#F2B4CA
Colorpallet from #B4CAF2 to #CAF2B4 and to #F2CAB4
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B8D0E8
#B9CFE8
#BACEE8
#BBCDE8
#BCCCE8
#BDCBE8
#BECAE8
#BBD7DE
#BDD5DE
#BFD3DE
#C1D1DE
#C3CFDE
#C5CDDE
#C8CADE
#BFDDD4
#C2DAD4
#C5D7D4
#C8D4D4
#CBD1D4
#CECED4
#D2CAD4
#C2E4CA
#C6E0CA
#CADCCA
#CED8CA
#D3D3CA
#D7CFCA
#DCCACA
#C6EAC0
#CBE5C0
#D0E0C0
#D5DBC0
#DAD6C0
#E0D0C0
#E6CAC0
#CAF2B4
#D0ECB4
#D7E5B4
#DDDFB4
#E4D8B4
#EAD2B4
#F2CAB4
Colorpallet from #B4CAF2 to #F2B4CA and to #F2CAB4
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#B4CAF2
#BEC6EC
#BEC7EB
#BEC7EB
#BEC8EA
#BEC9E9
#BEC9E9
#BECAE8
#C8C3E5
#C8C4E4
#C8C5E3
#C8C6E2
#C8C7E1
#C8C9DF
#C8CADE
#D2BFDF
#D2C1DD
#D2C3DB
#D2C4DA
#D2C6D8
#D2C8D6
#D2CAD4
#DCBCD8
#DCBED6
#DCC0D4
#DCC3D1
#DCC5CF
#DCC7CD
#DCCACA
#E6B8D2
#E6BBCF
#E6BECC
#E6C1C9
#E6C4C6
#E6C6C4
#E6CAC0
#F2B4CA
#F2B8C6
#F2BBC3
#F2BFBF
#F2C2BC
#F2C6B8
#F2CAB4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts