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 #B2AAD8 to #B2D8AA and to #AAB2D8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2B1D1
#B2B0D2
#B2AFD3
#B2AED4
#B1ADD5
#B1ACD7
#B1ABD8
#B2B9C9
#B2B7CB
#B1B5CE
#B1B3D0
#B0B1D3
#B0AFD5
#AFADD8
#B2C0C2
#B1BDC6
#B1BAC9
#B0B7CD
#AFB4D0
#AFB2D4
#AEAED8
#B2C7BB
#B1C3C0
#B0BFC4
#B0BBC9
#AFB8CE
#AEB4D2
#ADAFD8
#B2CFB3
#B1CAB9
#B0C5BF
#AFC0C5
#AEBBCB
#ADB6D1
#ACB0D8
#B2D8AA
#B1D2B1
#AFCCB9
#AEC6C0
#ADC0C7
#ACBACF
#AAB2D8
Colorpallet from #B2AAD8 to #B2D8AA and to #AAD8B2
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2B1D1
#B2B1D1
#B2B1D1
#B2B1D1
#B1B1D2
#B1B1D2
#B1B1D2
#B2B9C9
#B2B9C9
#B1B9CA
#B1B9CA
#B0B9CB
#B0B9CB
#AFB9CC
#B2C0C2
#B1C0C3
#B1C0C3
#B0C0C4
#AFC0C5
#AFC0C5
#AEC0C6
#B2C7BB
#B1C7BC
#B0C7BD
#B0C7BD
#AFC7BE
#AEC7BF
#ADC7C0
#B2CFB3
#B1CFB4
#B0CFB5
#AFCFB6
#AECFB7
#ADCFB9
#ACCFBA
#B2D8AA
#B1D8AB
#AFD8AD
#AED8AE
#ADD8AF
#ACD8B0
#AAD8B2
Colorpallet from #B2AAD8 to #B2D8AA and to #D8B2AA
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2B1D1
#B3B0D1
#B4AFD1
#B5AED1
#B6ADD1
#B7ACD1
#B8ABD1
#B2B9C9
#B4B7C9
#B6B5C9
#B8B3C9
#BAB1C9
#BCAFC9
#BEADC9
#B2C0C2
#B5BDC2
#B8BAC2
#BBB7C2
#BEB4C2
#C0B2C2
#C4AEC2
#B2C7BB
#B6C3BB
#BABFBB
#BEBBBB
#C1B8BB
#C5B4BB
#CAAFBB
#B2CFB3
#B7CAB3
#BCC5B3
#C0C0B3
#C5BBB3
#CAB6B3
#D0B0B3
#B2D8AA
#B8D2AA
#BECCAA
#C4C6AA
#CAC0AA
#D0BAAA
#D8B2AA
Colorpallet from #B2AAD8 to #B2D8AA and to #D8AAB2
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2B1D1
#B3B0D1
#B4AFD1
#B5AED1
#B6ADD2
#B7ABD2
#B8AAD2
#B2B9C9
#B4B7C9
#B6B4CA
#B8B2CA
#BAAFCB
#BCADCB
#BEAACC
#B2C0C2
#B5BCC3
#B8B9C3
#BBB5C4
#BEB2C5
#C0AEC5
#C4AAC6
#B2C7BB
#B6C2BC
#BABEBD
#BEB9BD
#C1B4BE
#C5B0BF
#CAAAC0
#B2CFB3
#B7C9B4
#BCC3B5
#C0BDB6
#C5B7B7
#CAB1B9
#D0AABA
#B2D8AA
#B8D1AB
#BEC9AD
#C4C2AE
#CABBAF
#D0B3B0
#D8AAB2
Colorpallet from #B2AAD8 to #AAB2D8 and to #AAD8B2
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B1ABD8
#B1ACD7
#B1ADD6
#B1AED5
#B1AFD4
#B1B0D3
#B1B1D2
#AFADD8
#AFAFD6
#AFB1D4
#AFB3D2
#AFB5D0
#AFB7CE
#AFB9CC
#AEAED8
#AEB1D5
#AEB4D2
#AEB7CF
#AEBACC
#AEBCCA
#AEC0C6
#ADAFD8
#ADB3D4
#ADB7D0
#ADBBCC
#ADBEC9
#ADC2C5
#ADC7C0
#ACB0D8
#ACB5D3
#ACBACE
#ACBFCA
#ACC4C5
#ACC9C0
#ACCFBA
#AAB2D8
#AAB8D2
#AABECC
#AAC4C6
#AACAC0
#AAD0BA
#AAD8B2
Colorpallet from #B2AAD8 to #AAB2D8 and to #D8B2AA
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B1ABD8
#B2ABD7
#B3ABD6
#B4ABD5
#B5ABD4
#B7ABD2
#B8ABD1
#AFADD8
#B1ADD6
#B4ADD3
#B6ADD1
#B9ADCE
#BBADCC
#BEADC9
#AEAED8
#B2AED4
#B5AED1
#B9AECD
#BCAECA
#C0AEC6
#C4AEC2
#ADAFD8
#B2AFD3
#B6AFCF
#BBAFCA
#C0AFC5
#C4AFC1
#CAAFBB
#ACB0D8
#B2B0D2
#B8B0CC
#BDB0C6
#C3B0C0
#C9B0BA
#D0B0B3
#AAB2D8
#B1B2D1
#B9B2C9
#C0B2C2
#C7B2BB
#CFB2B3
#D8B2AA
Colorpallet from #B2AAD8 to #AAB2D8 and to #D8AAB2
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B1ABD8
#B2ABD7
#B3ABD6
#B4ABD5
#B5AAD4
#B7AAD3
#B8AAD2
#AFADD8
#B1ADD6
#B4ACD4
#B6ACD2
#B9ABD0
#BBABCE
#BEAACC
#AEAED8
#B2ADD5
#B5ADD2
#B9ACCF
#BCABCC
#C0ABCA
#C4AAC6
#ADAFD8
#B2AED4
#B6ADD0
#BBADCC
#C0ACC9
#C4ABC5
#CAAAC0
#ACB0D8
#B2AFD3
#B8AECE
#BDADCA
#C3ACC5
#C9ABC0
#D0AABA
#AAB2D8
#B1B1D2
#B9AFCC
#C0AEC6
#C7ADC0
#CFACBA
#D8AAB2
Colorpallet from #B2AAD8 to #AAD8B2 and to #D8B2AA
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B1B1D2
#B2B0D2
#B3AFD2
#B4AED2
#B5ADD1
#B7ACD1
#B8ABD1
#AFB9CC
#B1B7CC
#B4B5CB
#B6B3CB
#B9B1CA
#BBAFCA
#BEADC9
#AEC0C6
#B2BDC5
#B5BAC5
#B9B7C4
#BCB4C3
#C0B2C3
#C4AEC2
#ADC7C0
#B2C3BF
#B6BFBE
#BBBBBE
#C0B8BD
#C4B4BC
#CAAFBB
#ACCFBA
#B2CAB9
#B8C5B8
#BDC0B7
#C3BBB6
#C9B6B4
#D0B0B3
#AAD8B2
#B1D2B1
#B9CCAF
#C0C6AE
#C7C0AD
#CFBAAC
#D8B2AA
Colorpallet from #B2AAD8 to #AAD8B2 and to #D8AAB2
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B1B1D2
#B2B0D2
#B3AFD2
#B4AED2
#B5ADD2
#B7ABD2
#B8AAD2
#AFB9CC
#B1B7CC
#B4B4CC
#B6B2CC
#B9AFCC
#BBADCC
#BEAACC
#AEC0C6
#B2BCC6
#B5B9C6
#B9B5C6
#BCB2C6
#C0AEC6
#C4AAC6
#ADC7C0
#B2C2C0
#B6BEC0
#BBB9C0
#C0B4C0
#C4B0C0
#CAAAC0
#ACCFBA
#B2C9BA
#B8C3BA
#BDBDBA
#C3B7BA
#C9B1BA
#D0AABA
#AAD8B2
#B1D1B2
#B9C9B2
#C0C2B2
#C7BBB2
#CFB3B2
#D8AAB2
Colorpallet from #B2AAD8 to #D8B2AA and to #D8AAB2
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B2AAD8
#B8ABD1
#B8ABD1
#B8ABD1
#B8ABD1
#B8AAD2
#B8AAD2
#B8AAD2
#BEADC9
#BEADC9
#BEACCA
#BEACCA
#BEABCB
#BEABCB
#BEAACC
#C4AEC2
#C4ADC3
#C4ADC3
#C4ACC4
#C4ABC5
#C4ABC5
#C4AAC6
#CAAFBB
#CAAEBC
#CAADBD
#CAADBD
#CAACBE
#CAABBF
#CAAAC0
#D0B0B3
#D0AFB4
#D0AEB5
#D0ADB6
#D0ACB7
#D0ABB9
#D0AABA
#D8B2AA
#D8B1AB
#D8AFAD
#D8AEAE
#D8ADAF
#D8ACB0
#D8AAB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
