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 #B5DAF2 to #B5F2DA and to #DAB5F2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DEEE
#B6DCEF
#B7DBEF
#B8D9F0
#B9D8F1
#BAD6F1
#BBD4F2
#B5E2EA
#B7DFEB
#B9DCED
#BBD8EE
#BDD5EF
#BFD2F0
#C1CEF2
#B5E6E6
#B8E1E8
#BBDCEA
#BED8EC
#C1D3EE
#C3CEF0
#C7C8F2
#B5E9E3
#B9E3E5
#BDDDE8
#C1D6EA
#C4D0ED
#C8CAEF
#CDC2F2
#B5EDDF
#BAE5E2
#BFDDE5
#C3D5E8
#C8CEEB
#CDC6EE
#D3BCF2
#B5F2DA
#BBE8DE
#C1DEE2
#C7D5E6
#CDCBE9
#D3C1ED
#DAB5F2
Colorpallet from #B5DAF2 to #B5F2DA and to #DAF2B5
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DEEE
#B6DEED
#B7DEEC
#B8DEEB
#B9DEEA
#BADEE9
#BBDEE8
#B5E2EA
#B7E2E8
#B9E2E6
#BBE2E4
#BDE2E2
#BFE2E0
#C1E2DE
#B5E6E6
#B8E6E3
#BBE6E1
#BEE6DE
#C1E6DB
#C3E6D8
#C7E6D5
#B5E9E3
#B9E9DF
#BDE9DB
#C1E9D7
#C4E9D4
#C8E9D0
#CDE9CB
#B5EDDF
#BAEDDA
#BFEDD5
#C3EDD1
#C8EDCC
#CDEDC7
#D3EDC1
#B5F2DA
#BBF2D4
#C1F2CE
#C7F2C8
#CDF2C2
#D3F2BC
#DAF2B5
Colorpallet from #B5DAF2 to #B5F2DA and to #F2B5DA
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DEEE
#B7DCEE
#B8DBEE
#BAD9EE
#BBD8EE
#BDD6EE
#BFD4EE
#B5E2EA
#B8DFEA
#BBDCEA
#BFD8EA
#C2D5EA
#C5D2EA
#C9CEEA
#B5E6E6
#BAE1E6
#BEDCE6
#C3D8E6
#C8D3E6
#CCCEE6
#D2C8E6
#B5E9E3
#BBE3E3
#C1DDE3
#C8D6E3
#CED0E3
#D4CAE3
#DCC2E3
#B5EDDF
#BDE5DF
#C5DDDF
#CDD5DF
#D4CEDF
#DCC6DF
#E6BCDF
#B5F2DA
#BFE8DA
#C9DEDA
#D2D5DA
#DCCBDA
#E6C1DA
#F2B5DA
Colorpallet from #B5DAF2 to #B5F2DA and to #F2DAB5
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DEEE
#B7DDED
#B8DDEC
#BADCEB
#BBDBEA
#BDDBE9
#BFDAE8
#B5E2EA
#B8E1E8
#BBDFE6
#BFDEE4
#C2DDE2
#C5DCE0
#C9DADE
#B5E6E6
#BAE4E3
#BEE2E1
#C3E0DE
#C8DEDB
#CCDCD8
#D2DAD5
#B5E9E3
#BBE7DF
#C1E4DB
#C8E2D7
#CEDFD4
#D4DDD0
#DCDACB
#B5EDDF
#BDEADA
#C5E7D5
#CDE4D1
#D4E1CC
#DCDEC7
#E6DAC1
#B5F2DA
#BFEED4
#C9EACE
#D2E6C8
#DCE3C2
#E6DFBC
#F2DAB5
Colorpallet from #B5DAF2 to #DAB5F2 and to #DAF2B5
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#BBD4F2
#BBD6F0
#BBD7EF
#BBD9ED
#BBDAEC
#BBDCEA
#BBDEE8
#C1CEF2
#C1D1EF
#C1D4EC
#C1D8E8
#C1DBE5
#C1DEE2
#C1E2DE
#C7C8F2
#C7CDED
#C7D2E9
#C7D6E4
#C7DBDF
#C7E0DB
#C7E6D5
#CDC2F2
#CDC8EC
#CDCEE6
#CDD5DF
#CDDBD9
#CDE1D3
#CDE9CB
#D3BCF2
#D3C4EA
#D3CCE2
#D3D4DA
#D3DBD3
#D3E3CB
#D3EDC1
#DAB5F2
#DABFE8
#DAC9DE
#DAD2D5
#DADCCB
#DAE6C1
#DAF2B5
Colorpallet from #B5DAF2 to #DAB5F2 and to #F2B5DA
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#BBD4F2
#BCD4F1
#BCD4F1
#BDD4F0
#BED4EF
#BED4EF
#BFD4EE
#C1CEF2
#C2CEF1
#C4CEEF
#C5CEEE
#C6CEED
#C7CEEC
#C9CEEA
#C7C8F2
#C9C8F0
#CBC8EE
#CCC8EC
#CEC8EA
#D0C8E8
#D2C8E6
#CDC2F2
#CFC2F0
#D2C2ED
#D4C2EB
#D7C2E8
#D9C2E6
#DCC2E3
#D3BCF2
#D6BCEF
#D9BCEC
#DCBCE9
#DFBCE6
#E2BCE3
#E6BCDF
#DAB5F2
#DEB5EE
#E2B5EA
#E6B5E6
#E9B5E3
#EDB5DF
#F2B5DA
Colorpallet from #B5DAF2 to #DAB5F2 and to #F2DAB5
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#BBD4F2
#BCD5F0
#BCD6EF
#BDD7ED
#BED8EC
#BED9EA
#BFDAE8
#C1CEF2
#C2D0EF
#C4D2EC
#C5D4E8
#C6D6E5
#C7D8E2
#C9DADE
#C7C8F2
#C9CBED
#CBCEE9
#CCD1E4
#CED4DF
#D0D6DB
#D2DAD5
#CDC2F2
#CFC6EC
#D2CAE6
#D4CEDF
#D7D1D9
#D9D5D3
#DCDACB
#D3BCF2
#D6C1EA
#D9C6E2
#DCCADA
#DFCFD3
#E2D4CB
#E6DAC1
#DAB5F2
#DEBBE8
#E2C1DE
#E6C7D5
#E9CDCB
#EDD3C1
#F2DAB5
Colorpallet from #B5DAF2 to #DAF2B5 and to #F2B5DA
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#BBDEE8
#BCDCE9
#BCDBEA
#BDD9EB
#BED8EC
#BED6ED
#BFD4EE
#C1E2DE
#C2DFE0
#C4DCE2
#C5D8E4
#C6D5E6
#C7D2E8
#C9CEEA
#C7E6D5
#C9E1D8
#CBDCDA
#CCD8DD
#CED3E0
#D0CEE3
#D2C8E6
#CDE9CB
#CFE3CF
#D2DDD3
#D4D6D7
#D7D0DA
#D9CADE
#DCC2E3
#D3EDC1
#D6E5C6
#D9DDCB
#DCD5CF
#DFCED4
#E2C6D9
#E6BCDF
#DAF2B5
#DEE8BB
#E2DEC1
#E6D5C7
#E9CBCD
#EDC1D3
#F2B5DA
Colorpallet from #B5DAF2 to #DAF2B5 and to #F2DAB5
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#BBDEE8
#BCDDE8
#BCDDE8
#BDDCE8
#BEDBE8
#BEDBE8
#BFDAE8
#C1E2DE
#C2E1DE
#C4DFDE
#C5DEDE
#C6DDDE
#C7DCDE
#C9DADE
#C7E6D5
#C9E4D5
#CBE2D5
#CCE0D5
#CEDED5
#D0DCD5
#D2DAD5
#CDE9CB
#CFE7CB
#D2E4CB
#D4E2CB
#D7DFCB
#D9DDCB
#DCDACB
#D3EDC1
#D6EAC1
#D9E7C1
#DCE4C1
#DFE1C1
#E2DEC1
#E6DAC1
#DAF2B5
#DEEEB5
#E2EAB5
#E6E6B5
#E9E3B5
#EDDFB5
#F2DAB5
Colorpallet from #B5DAF2 to #F2B5DA and to #F2DAB5
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#B5DAF2
#BFD4EE
#BFD5ED
#BFD6EC
#BFD7EB
#BFD8EA
#BFD9E9
#BFDAE8
#C9CEEA
#C9D0E8
#C9D2E6
#C9D4E4
#C9D6E2
#C9D8E0
#C9DADE
#D2C8E6
#D2CBE3
#D2CEE1
#D2D1DE
#D2D4DB
#D2D6D8
#D2DAD5
#DCC2E3
#DCC6DF
#DCCADB
#DCCED7
#DCD1D4
#DCD5D0
#DCDACB
#E6BCDF
#E6C1DA
#E6C6D5
#E6CAD1
#E6CFCC
#E6D4C7
#E6DAC1
#F2B5DA
#F2BBD4
#F2C1CE
#F2C7C8
#F2CDC2
#F2D3BC
#F2DAB5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
