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 #B3ECD2 to #B3D2EC and to #ECB3D2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3E8D6
#B4E7D5
#B6E6D5
#B7E6D4
#B9E5D3
#BAE4D3
#BCE3D2
#B3E4DA
#B6E2D9
#B9E1D7
#BCDFD6
#BFDED5
#C1DCD4
#C5DAD2
#B3E0DE
#B7DEDC
#BCDBDA
#C0D9D8
#C4D6D6
#C9D4D4
#CED1D2
#B3DBE3
#B9D8E0
#BFD5DE
#C4D2DB
#CACFD8
#D0CCD5
#D7C8D2
#B3D7E7
#BAD3E4
#C2CFE0
#C9CBDD
#D0C7DA
#D8C3D6
#E1BED2
#B3D2EC
#BCCDE8
#C5C8E4
#CEC3E0
#D7BEDB
#E1B9D7
#ECB3D2
Colorpallet from #B3ECD2 to #B3D2EC and to #ECD2B3
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3E8D6
#B4E8D5
#B6E8D3
#B7E8D2
#B9E8D0
#BAE8CF
#BCE8CD
#B3E4DA
#B6E4D7
#B9E4D4
#BCE4D1
#BFE4CE
#C1E4CC
#C5E4C8
#B3E0DE
#B7E0DA
#BCE0D5
#C0E0D1
#C4E0CD
#C9E0C8
#CEE0C3
#B3DBE3
#B9DBDD
#BFDBD7
#C4DBD1
#CADBCB
#D0DBC5
#D7DBBE
#B3D7E7
#BAD7E0
#C2D7D8
#C9D7D1
#D0D7CA
#D8D7C2
#E1D7B9
#B3D2EC
#BCD2E3
#C5D2DA
#CED2D1
#D7D2C8
#E1D2BE
#ECD2B3
Colorpallet from #B3ECD2 to #B3D2EC and to #D2B3EC
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3E8D6
#B4E7D6
#B5E6D6
#B5E6D6
#B6E5D6
#B7E4D6
#B8E3D6
#B3E4DA
#B5E2DA
#B6E1DA
#B8DFDA
#B9DEDA
#BBDCDA
#BDDADA
#B3E0DE
#B5DEDE
#B8DBDE
#BAD9DE
#BDD6DE
#BFD4DE
#C2D1DE
#B3DBE3
#B6D8E3
#B9D5E3
#BDD2E3
#C0CFE3
#C3CCE3
#C7C8E3
#B3D7E7
#B7D3E7
#BBCFE7
#BFCBE7
#C3C7E7
#C7C3E7
#CCBEE7
#B3D2EC
#B8CDEC
#BDC8EC
#C2C3EC
#C7BEEC
#CCB9EC
#D2B3EC
Colorpallet from #B3ECD2 to #B3D2EC and to #D2ECB3
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3E8D6
#B4E9D5
#B5E9D3
#B5EAD2
#B6EBD0
#B7EBCF
#B8ECCD
#B3E4DA
#B5E5D7
#B6E7D4
#B8E8D1
#B9E9CE
#BBEACC
#BDECC8
#B3E0DE
#B5E2DA
#B8E4D5
#BAE6D1
#BDE8CD
#BFEAC8
#C2ECC3
#B3DBE3
#B6DEDD
#B9E0D7
#BDE3D1
#C0E6CB
#C3E9C5
#C7ECBE
#B3D7E7
#B7DAE0
#BBDED8
#BFE1D1
#C3E4CA
#C7E8C2
#CCECB9
#B3D2EC
#B8D6E3
#BDDADA
#C2DED1
#C7E3C8
#CCE7BE
#D2ECB3
Colorpallet from #B3ECD2 to #ECB3D2 and to #ECD2B3
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#BCE3D2
#BCE4D1
#BCE5D0
#BCE5D0
#BCE6CF
#BCE7CE
#BCE8CD
#C5DAD2
#C5DCD0
#C5DDCF
#C5DFCD
#C5E0CC
#C5E2CA
#C5E4C8
#CED1D2
#CED3D0
#CED6CD
#CED8CB
#CEDBC8
#CEDDC6
#CEE0C3
#D7C8D2
#D7CBCF
#D7CECC
#D7D1C8
#D7D4C5
#D7D7C2
#D7DBBE
#E1BED2
#E1C2CE
#E1C6CA
#E1CAC6
#E1CEC2
#E1D2BE
#E1D7B9
#ECB3D2
#ECB8CD
#ECBDC8
#ECC2C3
#ECC7BE
#ECCCB9
#ECD2B3
Colorpallet from #B3ECD2 to #ECB3D2 and to #D2B3EC
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#BCE3D2
#BBE3D3
#BBE3D3
#BAE3D4
#B9E3D5
#B9E3D5
#B8E3D6
#C5DAD2
#C4DAD3
#C2DAD5
#C1DAD6
#C0DAD7
#BFDAD8
#BDDADA
#CED1D2
#CCD1D4
#CAD1D6
#C8D1D8
#C6D1DA
#C4D1DC
#C2D1DE
#D7C8D2
#D4C8D5
#D2C8D7
#CFC8DA
#CDC8DD
#CAC8E0
#C7C8E3
#E1BED2
#DEBED5
#DABED9
#D7BEDC
#D4BEDF
#D0BEE3
#CCBEE7
#ECB3D2
#E8B3D6
#E4B3DA
#E0B3DE
#DBB3E3
#D7B3E7
#D2B3EC
Colorpallet from #B3ECD2 to #ECB3D2 and to #D2ECB3
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#BCE3D2
#BBE4D1
#BBE6D0
#BAE7D0
#B9E9CF
#B9EACE
#B8ECCD
#C5DAD2
#C4DDD0
#C2E0CF
#C1E3CD
#C0E6CC
#BFE8CA
#BDECC8
#CED1D2
#CCD5D0
#CADACD
#C8DECB
#C6E2C8
#C4E7C6
#C2ECC3
#D7C8D2
#D4CECF
#D2D4CC
#CFD9C8
#CDDFC5
#CAE5C2
#C7ECBE
#E1BED2
#DEC5CE
#DACDCA
#D7D4C6
#D4DBC2
#D0E3BE
#CCECB9
#ECB3D2
#E8BCCD
#E4C5C8
#E0CEC3
#DBD7BE
#D7E1B9
#D2ECB3
Colorpallet from #B3ECD2 to #ECD2B3 and to #D2B3EC
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#BCE8CD
#BBE7CE
#BBE6D0
#BAE6D1
#B9E5D3
#B9E4D4
#B8E3D6
#C5E4C8
#C4E2CB
#C2E1CE
#C1DFD1
#C0DED4
#BFDCD6
#BDDADA
#CEE0C3
#CCDEC7
#CADBCC
#C8D9D0
#C6D6D4
#C4D4D9
#C2D1DE
#D7DBBE
#D4D8C4
#D2D5CA
#CFD2D0
#CDCFD6
#CACCDC
#C7C8E3
#E1D7B9
#DED3C0
#DACFC8
#D7CBCF
#D4C7D6
#D0C3DE
#CCBEE7
#ECD2B3
#E8CDBC
#E4C8C5
#E0C3CE
#DBBED7
#D7B9E1
#D2B3EC
Colorpallet from #B3ECD2 to #ECD2B3 and to #D2ECB3
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#BCE8CD
#BBE9CD
#BBE9CD
#BAEACD
#B9EBCD
#B9EBCD
#B8ECCD
#C5E4C8
#C4E5C8
#C2E7C8
#C1E8C8
#C0E9C8
#BFEAC8
#BDECC8
#CEE0C3
#CCE2C3
#CAE4C3
#C8E6C3
#C6E8C3
#C4EAC3
#C2ECC3
#D7DBBE
#D4DEBE
#D2E0BE
#CFE3BE
#CDE6BE
#CAE9BE
#C7ECBE
#E1D7B9
#DEDAB9
#DADEB9
#D7E1B9
#D4E4B9
#D0E8B9
#CCECB9
#ECD2B3
#E8D6B3
#E4DAB3
#E0DEB3
#DBE3B3
#D7E7B3
#D2ECB3
Colorpallet from #B3ECD2 to #D2B3EC and to #D2ECB3
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B3ECD2
#B8E3D6
#B8E4D5
#B8E6D3
#B8E7D2
#B8E9D0
#B8EACF
#B8ECCD
#BDDADA
#BDDDD7
#BDE0D4
#BDE3D1
#BDE6CE
#BDE8CC
#BDECC8
#C2D1DE
#C2D5DA
#C2DAD5
#C2DED1
#C2E2CD
#C2E7C8
#C2ECC3
#C7C8E3
#C7CEDD
#C7D4D7
#C7D9D1
#C7DFCB
#C7E5C5
#C7ECBE
#CCBEE7
#CCC5E0
#CCCDD8
#CCD4D1
#CCDBCA
#CCE3C2
#CCECB9
#D2B3EC
#D2BCE3
#D2C5DA
#D2CED1
#D2D7C8
#D2E1BE
#D2ECB3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts