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 #ABECB8 to #ABB8EC and to #ECABB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABE4C0
#ADE4BF
#AEE3BD
#B0E3BC
#B1E3BB
#B3E2BA
#B5E2B8
#ABDBC9
#AEDAC6
#B2DAC4
#B5D9C1
#B8D8BE
#BCD8BB
#C0D7B8
#ABD3D1
#B0D2CD
#B5D1C9
#BAD0C5
#BFCFC1
#C4CEBD
#CACDB8
#ABCBD9
#B2CAD4
#B8C8CE
#BFC7C9
#C6C5C4
#CDC4BF
#D5C2B8
#ABC2E2
#B3C0DB
#BCBFD5
#C4BDCE
#CCBCC7
#D5BAC0
#DFB8B8
#ABB8EC
#B5B6E4
#C0B4DB
#CAB2D3
#D5B0CB
#DFAEC2
#ECABB8
Colorpallet from #ABECB8 to #ABB8EC and to #ECB8AB
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABE4C0
#ADE4BE
#AEE4BD
#B0E4BB
#B1E4BA
#B3E4B8
#B5E4B6
#ABDBC9
#AEDBC6
#B2DBC2
#B5DBBF
#B8DBBC
#BCDBB8
#C0DBB4
#ABD3D1
#B0D3CC
#B5D3C7
#BAD3C2
#BFD3BD
#C4D3B8
#CAD3B2
#ABCBD9
#B2CBD2
#B8CBCC
#BFCBC5
#C6CBBF
#CDCBB8
#D5CBB0
#ABC2E2
#B3C2DA
#BCC2D1
#C4C2C9
#CCC2C1
#D5C2B8
#DFC2AE
#ABB8EC
#B5B8E2
#C0B8D7
#CAB8CD
#D5B8C2
#DFB8B8
#ECB8AB
Colorpallet from #ABECB8 to #ABB8EC and to #B8ABEC
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABE4C0
#ABE4C0
#ACE3C0
#ACE3C0
#ACE3C0
#ADE2C0
#ADE2C0
#ABDBC9
#ACDAC9
#ACDAC9
#ADD9C9
#AED8C9
#AED8C9
#AFD7C9
#ABD3D1
#ACD2D1
#ADD1D1
#AED0D1
#AFCFD1
#B0CED1
#B1CDD1
#ABCBD9
#ACCAD9
#AEC8D9
#AFC7D9
#B0C5D9
#B1C4D9
#B3C2D9
#ABC2E2
#ADC0E2
#AEBFE2
#B0BDE2
#B1BCE2
#B3BAE2
#B5B8E2
#ABB8EC
#ADB6EC
#AFB4EC
#B1B2EC
#B3B0EC
#B5AEEC
#B8ABEC
Colorpallet from #ABECB8 to #ABB8EC and to #B8ECAB
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABE4C0
#ABE5BE
#ACE7BD
#ACE8BB
#ACE9BA
#ADEAB8
#ADECB6
#ABDBC9
#ACDEC6
#ACE0C2
#ADE3BF
#AEE6BC
#AEE9B8
#AFECB4
#ABD3D1
#ACD7CC
#ADDBC7
#AEDFC2
#AFE3BD
#B0E7B8
#B1ECB2
#ABCBD9
#ACD0D2
#AED6CC
#AFDBC5
#B0E0BF
#B1E5B8
#B3ECB0
#ABC2E2
#ADC9DA
#AECFD1
#B0D6C9
#B1DDC1
#B3E4B8
#B5ECAE
#ABB8EC
#ADC0E2
#AFC9D7
#B1D1CD
#B3D9C2
#B5E2B8
#B8ECAB
Colorpallet from #ABECB8 to #ECABB8 and to #ECB8AB
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#B5E2B8
#B5E2B8
#B5E3B7
#B5E3B7
#B5E3B7
#B5E4B6
#B5E4B6
#C0D7B8
#C0D8B7
#C0D8B7
#C0D9B6
#C0DAB5
#C0DAB5
#C0DBB4
#CACDB8
#CACEB7
#CACFB6
#CAD0B5
#CAD1B4
#CAD2B3
#CAD3B2
#D5C2B8
#D5C3B7
#D5C5B5
#D5C6B4
#D5C8B3
#D5C9B2
#D5CBB0
#DFB8B8
#DFBAB6
#DFBBB5
#DFBDB3
#DFBEB2
#DFC0B0
#DFC2AE
#ECABB8
#ECADB6
#ECAFB4
#ECB1B2
#ECB3B0
#ECB5AE
#ECB8AB
Colorpallet from #ABECB8 to #ECABB8 and to #B8ABEC
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#B5E2B8
#B4E2B9
#B2E2BB
#B1E2BC
#B0E2BD
#AFE2BE
#ADE2C0
#C0D7B8
#BDD7BB
#BBD7BD
#B8D7C0
#B5D7C3
#B2D7C6
#AFD7C9
#CACDB8
#C6CDBC
#C2CDC0
#BECDC4
#BACDC8
#B6CDCC
#B1CDD1
#D5C2B8
#D0C2BD
#CAC2C3
#C5C2C8
#BFC2CD
#BAC2D2
#B3C2D9
#DFB8B8
#D8B8BF
#D2B8C5
#CBB8CC
#C4B8D3
#BDB8DA
#B5B8E2
#ECABB8
#E4ABC0
#DBABC9
#D3ABD1
#CBABD9
#C2ABE2
#B8ABEC
Colorpallet from #ABECB8 to #ECABB8 and to #B8ECAB
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#B5E2B8
#B4E4B8
#B2E5B7
#B1E7B7
#B0E8B7
#AFEAB6
#ADECB6
#C0D7B8
#BDDAB7
#BBDEB7
#B8E1B6
#B5E4B5
#B2E8B5
#AFECB4
#CACDB8
#C6D2B7
#C2D7B6
#BEDCB5
#BAE1B4
#B6E6B3
#B1ECB2
#D5C2B8
#D0C9B7
#CACFB5
#C5D6B4
#BFDDB3
#BAE4B2
#B3ECB0
#DFB8B8
#D8C0B6
#D2C9B5
#CBD1B3
#C4D9B2
#BDE2B0
#B5ECAE
#ECABB8
#E4B5B6
#DBC0B4
#D3CAB2
#CBD5B0
#C2DFAE
#B8ECAB
Colorpallet from #ABECB8 to #ECB8AB and to #B8ABEC
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#B5E4B6
#B4E4B8
#B2E3B9
#B1E3BB
#B0E3BC
#AFE2BE
#ADE2C0
#C0DBB4
#BDDAB7
#BBDABB
#B8D9BE
#B5D8C1
#B2D8C5
#AFD7C9
#CAD3B2
#C6D2B7
#C2D1BC
#BED0C1
#BACFC6
#B6CECB
#B1CDD1
#D5CBB0
#D0CAB7
#CAC8BD
#C5C7C4
#BFC5CA
#BAC4D1
#B3C2D9
#DFC2AE
#D8C0B6
#D2BFBF
#CBBDC7
#C4BCCF
#BDBAD8
#B5B8E2
#ECB8AB
#E4B6B5
#DBB4C0
#D3B2CA
#CBB0D5
#C2AEDF
#B8ABEC
Colorpallet from #ABECB8 to #ECB8AB and to #B8ECAB
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#B5E4B6
#B4E5B6
#B2E7B6
#B1E8B6
#B0E9B6
#AFEAB6
#ADECB6
#C0DBB4
#BDDEB4
#BBE0B4
#B8E3B4
#B5E6B4
#B2E9B4
#AFECB4
#CAD3B2
#C6D7B2
#C2DBB2
#BEDFB2
#BAE3B2
#B6E7B2
#B1ECB2
#D5CBB0
#D0D0B0
#CAD6B0
#C5DBB0
#BFE0B0
#BAE5B0
#B3ECB0
#DFC2AE
#D8C9AE
#D2CFAE
#CBD6AE
#C4DDAE
#BDE4AE
#B5ECAE
#ECB8AB
#E4C0AB
#DBC9AB
#D3D1AB
#CBD9AB
#C2E2AB
#B8ECAB
Colorpallet from #ABECB8 to #B8ABEC and to #B8ECAB
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ABECB8
#ADE2C0
#ADE4BE
#ADE5BD
#ADE7BB
#ADE8BA
#ADEAB8
#ADECB6
#AFD7C9
#AFDAC6
#AFDEC2
#AFE1BF
#AFE4BC
#AFE8B8
#AFECB4
#B1CDD1
#B1D2CC
#B1D7C7
#B1DCC2
#B1E1BD
#B1E6B8
#B1ECB2
#B3C2D9
#B3C9D2
#B3CFCC
#B3D6C5
#B3DDBF
#B3E4B8
#B3ECB0
#B5B8E2
#B5C0DA
#B5C9D1
#B5D1C9
#B5D9C1
#B5E2B8
#B5ECAE
#B8ABEC
#B8B5E2
#B8C0D7
#B8CACD
#B8D5C2
#B8DFB8
#B8ECAB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts