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 #B2A4DD to #B2DDA4 and to #A4B2DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2ADD4
#B2ACD5
#B1ABD7
#B1AAD8
#B1A9DA
#B0A7DB
#B0A6DD
#B2B6CB
#B1B4CE
#B1B2D1
#B0AFD4
#AFADD7
#AFABD9
#AEA8DD
#B2BFC2
#B1BCC6
#B0B9CB
#AFB5CF
#AEB2D3
#ACAFD8
#ABABDD
#B2C8B9
#B1C4BF
#AFBFC5
#AEBBCA
#ACB7D0
#ABB2D6
#A9ADDD
#B2D2AF
#B0CCB6
#AEC7BE
#ADC1C5
#ABBCCC
#A9B6D4
#A7AFDD
#B2DDA4
#B0D6AD
#AECFB6
#ABC8BF
#A9C1C8
#A7BBD2
#A4B2DD
Colorpallet from #B2A4DD to #B2DDA4 and to #A4DDB2
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2ADD4
#B2ADD4
#B1ADD5
#B1ADD5
#B1ADD5
#B0ADD6
#B0ADD6
#B2B6CB
#B1B6CC
#B1B6CC
#B0B6CD
#AFB6CE
#AFB6CE
#AEB6CF
#B2BFC2
#B1BFC3
#B0BFC4
#AFBFC5
#AEBFC6
#ACBFC7
#ABBFC8
#B2C8B9
#B1C8BA
#AFC8BC
#AEC8BD
#ACC8BE
#ABC8BF
#A9C8C1
#B2D2AF
#B0D2B1
#AED2B3
#ADD2B5
#ABD2B7
#A9D2B9
#A7D2BB
#B2DDA4
#B0DDA6
#AEDDA8
#ABDDAB
#A9DDAD
#A7DDAF
#A4DDB2
Colorpallet from #B2A4DD to #B2DDA4 and to #DDB2A4
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2ADD4
#B3ACD4
#B4ABD4
#B5AAD4
#B6A9D4
#B8A7D4
#B9A6D4
#B2B6CB
#B4B4CB
#B6B2CB
#B9AFCB
#BBADCB
#BDABCB
#C0A8CB
#B2BFC2
#B5BCC2
#B9B9C2
#BCB5C2
#BFB2C2
#C3AFC2
#C7ABC2
#B2C8B9
#B6C4B9
#BBBFB9
#BFBBB9
#C4B7B9
#C8B2B9
#CEADB9
#B2D2AF
#B7CCAF
#BDC7AF
#C2C1AF
#C8BCAF
#CDB6AF
#D4AFAF
#B2DDA4
#B9D6A4
#C0CFA4
#C7C8A4
#CEC1A4
#D4BBA4
#DDB2A4
Colorpallet from #B2A4DD to #B2DDA4 and to #DDA4B2
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2ADD4
#B3ACD4
#B4AAD5
#B5A9D5
#B6A7D5
#B8A6D6
#B9A4D6
#B2B6CB
#B4B3CC
#B6B0CC
#B9ADCD
#BBAACE
#BDA8CE
#C0A4CF
#B2BFC2
#B5BBC3
#B9B6C4
#BCB2C5
#BFAEC6
#C3A9C7
#C7A4C8
#B2C8B9
#B6C2BA
#BBBCBC
#BFB7BD
#C4B1BE
#C8ABBF
#CEA4C1
#B2D2AF
#B7CBB1
#BDC3B3
#C2BCB5
#C8B5B7
#CDADB9
#D4A4BB
#B2DDA4
#B9D4A6
#C0CBA8
#C7C2AB
#CEB9AD
#D4AFAF
#DDA4B2
Colorpallet from #B2A4DD to #A4B2DD and to #A4DDB2
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B0A6DD
#B0A7DC
#B0A8DB
#B0A9DA
#B0AAD9
#B0ACD7
#B0ADD6
#AEA8DD
#AEAADB
#AEACD9
#AEAFD6
#AEB1D4
#AEB3D2
#AEB6CF
#ABABDD
#ABAEDA
#ABB1D6
#ABB5D3
#ABB8D0
#ABBBCC
#ABBFC8
#A9ADDD
#A9B1D9
#A9B6D4
#A9BAD0
#A9BECB
#A9C3C7
#A9C8C1
#A7AFDD
#A7B5D8
#A7BAD2
#A7C0CD
#A7C5C7
#A7CBC2
#A7D2BB
#A4B2DD
#A4B9D6
#A4C0CF
#A4C7C8
#A4CEC1
#A4D4BB
#A4DDB2
Colorpallet from #B2A4DD to #A4B2DD and to #DDB2A4
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B0A6DD
#B1A6DC
#B3A6DA
#B4A6D9
#B6A6D7
#B7A6D6
#B9A6D4
#AEA8DD
#B1A8DA
#B4A8D7
#B7A8D4
#BAA8D1
#BCA8CF
#C0A8CB
#ABABDD
#AFABD9
#B4ABD4
#B8ABD0
#BDABCC
#C1ABC7
#C7ABC2
#A9ADDD
#AFADD7
#B5ADD1
#BBADCC
#C1ADC6
#C7ADC0
#CEADB9
#A7AFDD
#AEAFD6
#B5AFCE
#BDAFC7
#C4AFC0
#CBAFB8
#D4AFAF
#A4B2DD
#ADB2D4
#B6B2CB
#BFB2C2
#C8B2B9
#D2B2AF
#DDB2A4
Colorpallet from #B2A4DD to #A4B2DD and to #DDA4B2
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B0A6DD
#B1A6DC
#B3A5DB
#B4A5DA
#B6A5D9
#B7A4D7
#B9A4D6
#AEA8DD
#B1A7DB
#B4A7D9
#B7A6D6
#BAA5D4
#BCA5D2
#C0A4CF
#ABABDD
#AFAADA
#B4A9D6
#B8A8D3
#BDA7D0
#C1A5CC
#C7A4C8
#A9ADDD
#AFACD9
#B5AAD4
#BBA9D0
#C1A7CB
#C7A6C7
#CEA4C1
#A7AFDD
#AEADD8
#B5ABD2
#BDAACD
#C4A8C7
#CBA6C2
#D4A4BB
#A4B2DD
#ADB0D6
#B6AECF
#BFABC8
#C8A9C1
#D2A7BB
#DDA4B2
Colorpallet from #B2A4DD to #A4DDB2 and to #DDB2A4
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B0ADD6
#B1ACD6
#B3ABD5
#B4AAD5
#B6A9D5
#B7A7D4
#B9A6D4
#AEB6CF
#B1B4CE
#B4B2CE
#B7AFCD
#BAADCC
#BCABCC
#C0A8CB
#ABBFC8
#AFBCC7
#B4B9C6
#B8B5C5
#BDB2C4
#C1AFC3
#C7ABC2
#A9C8C1
#AFC4C0
#B5BFBE
#BBBBBD
#C1B7BC
#C7B2BB
#CEADB9
#A7D2BB
#AECCB9
#B5C7B7
#BDC1B5
#C4BCB3
#CBB6B1
#D4AFAF
#A4DDB2
#ADD6B0
#B6CFAE
#BFC8AB
#C8C1A9
#D2BBA7
#DDB2A4
Colorpallet from #B2A4DD to #A4DDB2 and to #DDA4B2
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B0ADD6
#B1ACD6
#B3AAD6
#B4A9D6
#B6A7D6
#B7A6D6
#B9A4D6
#AEB6CF
#B1B3CF
#B4B0CF
#B7ADCF
#BAAACF
#BCA8CF
#C0A4CF
#ABBFC8
#AFBBC8
#B4B6C8
#B8B2C8
#BDAEC8
#C1A9C8
#C7A4C8
#A9C8C1
#AFC2C1
#B5BCC1
#BBB7C1
#C1B1C1
#C7ABC1
#CEA4C1
#A7D2BB
#AECBBB
#B5C3BB
#BDBCBB
#C4B5BB
#CBADBB
#D4A4BB
#A4DDB2
#ADD4B2
#B6CBB2
#BFC2B2
#C8B9B2
#D2AFB2
#DDA4B2
Colorpallet from #B2A4DD to #DDB2A4 and to #DDA4B2
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B2A4DD
#B9A6D4
#B9A6D4
#B9A5D5
#B9A5D5
#B9A5D5
#B9A4D6
#B9A4D6
#C0A8CB
#C0A7CC
#C0A7CC
#C0A6CD
#C0A5CE
#C0A5CE
#C0A4CF
#C7ABC2
#C7AAC3
#C7A9C4
#C7A8C5
#C7A7C6
#C7A5C7
#C7A4C8
#CEADB9
#CEACBA
#CEAABC
#CEA9BD
#CEA7BE
#CEA6BF
#CEA4C1
#D4AFAF
#D4ADB1
#D4ABB3
#D4AAB5
#D4A8B7
#D4A6B9
#D4A4BB
#DDB2A4
#DDB0A6
#DDAEA8
#DDABAB
#DDA9AD
#DDA7AF
#DDA4B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
