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 #F2BAAD to #F2ADBA and to #BAF2AD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2B8AF
#F1BAAF
#EFBCAE
#EEBDAE
#ECBFAE
#EBC1AD
#E9C3AD
#F2B6B1
#EFBAB0
#ECBDB0
#E9C1AF
#E6C4AE
#E4C8AE
#E0CCAD
#F2B4B3
#EEB9B2
#E9BFB1
#E5C4B0
#E1C9AF
#DCCEAE
#D7D5AD
#F2B2B5
#ECB9B4
#E6C0B2
#E1C7B1
#DBCEB0
#D5D5AF
#CEDEAD
#F2B0B7
#EBB9B5
#E4C2B4
#DCCAB2
#D5D3B1
#CEDCAF
#C5E7AD
#F2ADBA
#E9B8B8
#E0C3B6
#D7CEB4
#CED9B2
#C5E4B0
#BAF2AD
Colorpallet from #F2BAAD to #F2ADBA and to #BAADF2
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2B8AF
#F1B8B0
#EFB8B2
#EEB8B3
#ECB8B5
#EBB8B6
#E9B8B8
#F2B6B1
#EFB6B4
#ECB6B7
#E9B6BA
#E6B6BD
#E4B6BF
#E0B6C3
#F2B4B3
#EEB4B7
#E9B4BC
#E5B4C0
#E1B4C4
#DCB4C9
#D7B4CE
#F2B2B5
#ECB2BB
#E6B2C1
#E1B2C6
#DBB2CC
#D5B2D2
#CEB2D9
#F2B0B7
#EBB0BE
#E4B0C5
#DCB0CD
#D5B0D4
#CEB0DB
#C5B0E4
#F2ADBA
#E9ADC3
#E0ADCC
#D7ADD5
#CEADDE
#C5ADE7
#BAADF2
Colorpallet from #F2BAAD to #F2ADBA and to #ADF2BA
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2B8AF
#F0BAAF
#EEBCAF
#EDBDAF
#EBBFAF
#E9C1AF
#E7C3AF
#F2B6B1
#EEBAB1
#EBBDB1
#E7C1B1
#E4C4B1
#E0C8B1
#DCCCB1
#F2B4B3
#EDB9B3
#E7BFB3
#E2C4B3
#DDC9B3
#D8CEB3
#D1D5B3
#F2B2B5
#EBB9B5
#E4C0B5
#DDC7B5
#D6CEB5
#CFD5B5
#C6DEB5
#F2B0B7
#E9B9B7
#E0C2B7
#D8CAB7
#CFD3B7
#C6DCB7
#BBE7B7
#F2ADBA
#E7B8BA
#DCC3BA
#D1CEBA
#C6D9BA
#BBE4BA
#ADF2BA
Colorpallet from #F2BAAD to #F2ADBA and to #ADBAF2
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2B8AF
#F0B8B0
#EEB9B2
#EDB9B3
#EBB9B5
#E9BAB6
#E7BAB8
#F2B6B1
#EEB7B4
#EBB7B7
#E7B8BA
#E4B9BD
#E0B9BF
#DCBAC3
#F2B4B3
#EDB5B7
#E7B6BC
#E2B7C0
#DDB8C4
#D8B9C9
#D1BACE
#F2B2B5
#EBB3BB
#E4B5C1
#DDB6C6
#D6B7CC
#CFB8D2
#C6BAD9
#F2B0B7
#E9B2BE
#E0B3C5
#D8B5CD
#CFB6D4
#C6B8DB
#BBBAE4
#F2ADBA
#E7AFC3
#DCB1CC
#D1B3D5
#C6B5DE
#BBB7E7
#ADBAF2
Colorpallet from #F2BAAD to #BAF2AD and to #BAADF2
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#E9C3AD
#E9C1AF
#E9BFB1
#E9BEB2
#E9BCB4
#E9BAB6
#E9B8B8
#E0CCAD
#E0C8B1
#E0C5B4
#E0C1B8
#E0BEBB
#E0BABF
#E0B6C3
#D7D5AD
#D7D0B2
#D7CAB8
#D7C5BD
#D7C0C2
#D7BBC7
#D7B4CE
#CEDEAD
#CED7B4
#CED0BB
#CEC9C2
#CEC2C9
#CEBBD0
#CEB2D9
#C5E7AD
#C5DEB6
#C5D5BF
#C5CDC7
#C5C4D0
#C5BBD9
#C5B0E4
#BAF2AD
#BAE7B8
#BADCC3
#BAD1CE
#BAC6D9
#BABBE4
#BAADF2
Colorpallet from #F2BAAD to #BAF2AD and to #ADF2BA
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#E9C3AD
#E9C3AD
#E8C3AE
#E8C3AE
#E8C3AE
#E7C3AF
#E7C3AF
#E0CCAD
#DFCCAE
#DFCCAE
#DECCAF
#DDCCB0
#DDCCB0
#DCCCB1
#D7D5AD
#D6D5AE
#D5D5AF
#D4D5B0
#D3D5B1
#D2D5B2
#D1D5B3
#CEDEAD
#CDDEAE
#CBDEB0
#CADEB1
#C9DEB2
#C8DEB3
#C6DEB5
#C5E7AD
#C3E7AF
#C2E7B0
#C0E7B2
#BFE7B3
#BDE7B5
#BBE7B7
#BAF2AD
#B8F2AF
#B6F2B1
#B4F2B3
#B2F2B5
#B0F2B7
#ADF2BA
Colorpallet from #F2BAAD to #BAF2AD and to #ADBAF2
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#E9C3AD
#E9C2AF
#E8C0B1
#E8BFB2
#E8BDB4
#E7BCB6
#E7BAB8
#E0CCAD
#DFC9B1
#DFC6B4
#DEC3B8
#DDC0BB
#DDBEBF
#DCBAC3
#D7D5AD
#D6D1B2
#D5CCB8
#D4C8BD
#D3C4C2
#D2BFC7
#D1BACE
#CEDEAD
#CDD8B4
#CBD2BB
#CACDC2
#C9C7C9
#C8C1D0
#C6BAD9
#C5E7AD
#C3E0B6
#C2D9BF
#C0D1C7
#BFCAD0
#BDC3D9
#BBBAE4
#BAF2AD
#B8E9B8
#B6E0C3
#B4D7CE
#B2CED9
#B0C5E4
#ADBAF2
Colorpallet from #F2BAAD to #BAADF2 and to #ADF2BA
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#E9B8B8
#E9BAB7
#E8BCB5
#E8BDB4
#E8BFB2
#E7C1B1
#E7C3AF
#E0B6C3
#DFBAC0
#DFBDBD
#DEC1BA
#DDC4B7
#DDC8B5
#DCCCB1
#D7B4CE
#D6B9CA
#D5BFC5
#D4C4C1
#D3C9BD
#D2CEB8
#D1D5B3
#CEB2D9
#CDB9D3
#CBC0CD
#CAC7C8
#C9CEC2
#C8D5BC
#C6DEB5
#C5B0E4
#C3B9DD
#C2C2D6
#C0CACE
#BFD3C7
#BDDCC0
#BBE7B7
#BAADF2
#B8B8E9
#B6C3E0
#B4CED7
#B2D9CE
#B0E4C5
#ADF2BA
Colorpallet from #F2BAAD to #BAADF2 and to #ADBAF2
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#E9B8B8
#E9B8B8
#E8B9B8
#E8B9B8
#E8B9B8
#E7BAB8
#E7BAB8
#E0B6C3
#DFB7C3
#DFB7C3
#DEB8C3
#DDB9C3
#DDB9C3
#DCBAC3
#D7B4CE
#D6B5CE
#D5B6CE
#D4B7CE
#D3B8CE
#D2B9CE
#D1BACE
#CEB2D9
#CDB3D9
#CBB5D9
#CAB6D9
#C9B7D9
#C8B8D9
#C6BAD9
#C5B0E4
#C3B2E4
#C2B3E4
#C0B5E4
#BFB6E4
#BDB8E4
#BBBAE4
#BAADF2
#B8AFF2
#B6B1F2
#B4B3F2
#B2B5F2
#B0B7F2
#ADBAF2
Colorpallet from #F2BAAD to #ADF2BA and to #ADBAF2
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#F2BAAD
#E7C3AF
#E7C2B0
#E7C0B2
#E7BFB3
#E7BDB5
#E7BCB6
#E7BAB8
#DCCCB1
#DCC9B4
#DCC6B7
#DCC3BA
#DCC0BD
#DCBEBF
#DCBAC3
#D1D5B3
#D1D1B7
#D1CCBC
#D1C8C0
#D1C4C4
#D1BFC9
#D1BACE
#C6DEB5
#C6D8BB
#C6D2C1
#C6CDC6
#C6C7CC
#C6C1D2
#C6BAD9
#BBE7B7
#BBE0BE
#BBD9C5
#BBD1CD
#BBCAD4
#BBC3DB
#BBBAE4
#ADF2BA
#ADE9C3
#ADE0CC
#ADD7D5
#ADCEDE
#ADC5E7
#ADBAF2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts