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 #B2AADE to #B2DEAA and to #AAB2DE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2B2D6
#B2B1D7
#B2B0D9
#B2AFDA
#B1AEDB
#B1ACDC
#B1ABDE
#B2BBCD
#B2B9D0
#B1B7D2
#B1B4D5
#B0B2D8
#B0B0DB
#AFADDE
#B2C3C5
#B1C0C9
#B1BCCD
#B0B9D1
#AFB6D5
#AFB2D9
#AEAEDE
#B2CBBD
#B1C7C2
#B0C2C8
#B0BECD
#AFB9D2
#AEB5D7
#ADAFDE
#B2D4B4
#B1CEBB
#B0C8C1
#AFC3C8
#AEBDCF
#ADB7D6
#ACB0DE
#B2DEAA
#B1D7B2
#AFD0BB
#AEC9C3
#ADC2CB
#ACBBD4
#AAB2DE
Colorpallet from #B2AADE to #B2DEAA and to #AADEB2
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2B2D6
#B2B2D6
#B2B2D6
#B2B2D6
#B1B2D7
#B1B2D7
#B1B2D7
#B2BBCD
#B2BBCD
#B1BBCE
#B1BBCE
#B0BBCF
#B0BBCF
#AFBBD0
#B2C3C5
#B1C3C6
#B1C3C6
#B0C3C7
#AFC3C8
#AFC3C8
#AEC3C9
#B2CBBD
#B1CBBE
#B0CBBF
#B0CBBF
#AFCBC0
#AECBC1
#ADCBC2
#B2D4B4
#B1D4B5
#B0D4B6
#AFD4B7
#AED4B8
#ADD4BA
#ACD4BB
#B2DEAA
#B1DEAB
#AFDEAD
#AEDEAE
#ADDEAF
#ACDEB0
#AADEB2
Colorpallet from #B2AADE to #B2DEAA and to #DEB2AA
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2B2D6
#B3B1D6
#B4B0D6
#B5AFD6
#B6AED6
#B8ACD6
#B9ABD6
#B2BBCD
#B4B9CD
#B6B7CD
#B9B4CD
#BBB2CD
#BDB0CD
#C0ADCD
#B2C3C5
#B5C0C5
#B9BCC5
#BCB9C5
#BFB6C5
#C3B2C5
#C7AEC5
#B2CBBD
#B6C7BD
#BBC2BD
#BFBEBD
#C4B9BD
#C8B5BD
#CEAFBD
#B2D4B4
#B8CEB4
#BDC8B4
#C3C3B4
#C8BDB4
#CEB7B4
#D5B0B4
#B2DEAA
#B9D7AA
#C0D0AA
#C7C9AA
#CEC2AA
#D5BBAA
#DEB2AA
Colorpallet from #B2AADE to #B2DEAA and to #DEAAB2
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2B2D6
#B3B1D6
#B4AFD6
#B5AED6
#B6ADD7
#B8ACD7
#B9AAD7
#B2BBCD
#B4B8CD
#B6B6CE
#B9B3CE
#BBB0CF
#BDADCF
#C0AAD0
#B2C3C5
#B5BFC6
#B9BBC6
#BCB7C7
#BFB3C8
#C3AFC8
#C7AAC9
#B2CBBD
#B6C6BE
#BBC0BF
#BFBBBF
#C4B6C0
#C8B1C1
#CEAAC2
#B2D4B4
#B8CDB5
#BDC7B6
#C3C0B7
#C8B9B8
#CEB2BA
#D5AABB
#B2DEAA
#B9D6AB
#C0CDAD
#C7C5AE
#CEBDAF
#D5B4B0
#DEAAB2
Colorpallet from #B2AADE to #AAB2DE and to #AADEB2
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B1ABDE
#B1ACDD
#B1ADDC
#B1AEDB
#B1AFDA
#B1B1D8
#B1B2D7
#AFADDE
#AFAFDC
#AFB1DA
#AFB4D7
#AFB6D5
#AFB8D3
#AFBBD0
#AEAEDE
#AEB1DB
#AEB5D7
#AEB8D4
#AEBBD1
#AEBFCD
#AEC3C9
#ADAFDE
#ADB3DA
#ADB8D5
#ADBCD1
#ADC1CC
#ADC5C8
#ADCBC2
#ACB0DE
#ACB6D8
#ACBCD3
#ACC1CD
#ACC7C8
#ACCDC2
#ACD4BB
#AAB2DE
#AAB9D7
#AAC0D0
#AAC7C9
#AACEC2
#AAD5BB
#AADEB2
Colorpallet from #B2AADE to #AAB2DE and to #DEB2AA
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B1ABDE
#B2ABDD
#B4ABDB
#B5ABDA
#B6ABD9
#B7ABD8
#B9ABD6
#AFADDE
#B2ADDB
#B4ADD9
#B7ADD6
#BAADD3
#BDADD0
#C0ADCD
#AEAEDE
#B2AEDA
#B6AED6
#BAAED2
#BEAECE
#C2AECA
#C7AEC5
#ADAFDE
#B2AFD9
#B8AFD3
#BDAFCE
#C2AFC9
#C7AFC4
#CEAFBD
#ACB0DE
#B3B0D7
#B9B0D1
#C0B0CA
#C6B0C3
#CDB0BC
#D5B0B4
#AAB2DE
#B2B2D6
#BBB2CD
#C3B2C5
#CBB2BD
#D4B2B4
#DEB2AA
Colorpallet from #B2AADE to #AAB2DE and to #DEAAB2
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B1ABDE
#B2ABDD
#B4ABDC
#B5ABDB
#B6AADA
#B7AAD8
#B9AAD7
#AFADDE
#B2ADDC
#B4ACDA
#B7ACD7
#BAABD5
#BDABD3
#C0AAD0
#AEAEDE
#B2ADDB
#B6ADD7
#BAACD4
#BEABD1
#C2ABCD
#C7AAC9
#ADAFDE
#B2AEDA
#B8ADD5
#BDADD1
#C2ACCC
#C7ABC8
#CEAAC2
#ACB0DE
#B3AFD8
#B9AED3
#C0ADCD
#C6ACC8
#CDABC2
#D5AABB
#AAB2DE
#B2B1D7
#BBAFD0
#C3AEC9
#CBADC2
#D4ACBB
#DEAAB2
Colorpallet from #B2AADE to #AADEB2 and to #DEB2AA
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B1B2D7
#B2B1D7
#B4B0D7
#B5AFD7
#B6AED6
#B7ACD6
#B9ABD6
#AFBBD0
#B2B9D0
#B4B7CF
#B7B4CF
#BAB2CE
#BDB0CE
#C0ADCD
#AEC3C9
#B2C0C8
#B6BCC8
#BAB9C7
#BEB6C6
#C2B2C6
#C7AEC5
#ADCBC2
#B2C7C1
#B8C2C0
#BDBEC0
#C2B9BF
#C7B5BE
#CEAFBD
#ACD4BB
#B3CEBA
#B9C8B9
#C0C3B8
#C6BDB7
#CDB7B5
#D5B0B4
#AADEB2
#B2D7B1
#BBD0AF
#C3C9AE
#CBC2AD
#D4BBAC
#DEB2AA
Colorpallet from #B2AADE to #AADEB2 and to #DEAAB2
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B1B2D7
#B2B1D7
#B4AFD7
#B5AED7
#B6ADD7
#B7ACD7
#B9AAD7
#AFBBD0
#B2B8D0
#B4B6D0
#B7B3D0
#BAB0D0
#BDADD0
#C0AAD0
#AEC3C9
#B2BFC9
#B6BBC9
#BAB7C9
#BEB3C9
#C2AFC9
#C7AAC9
#ADCBC2
#B2C6C2
#B8C0C2
#BDBBC2
#C2B6C2
#C7B1C2
#CEAAC2
#ACD4BB
#B3CDBB
#B9C7BB
#C0C0BB
#C6B9BB
#CDB2BB
#D5AABB
#AADEB2
#B2D6B2
#BBCDB2
#C3C5B2
#CBBDB2
#D4B4B2
#DEAAB2
Colorpallet from #B2AADE to #DEB2AA and to #DEAAB2
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B2AADE
#B9ABD6
#B9ABD6
#B9ABD6
#B9ABD6
#B9AAD7
#B9AAD7
#B9AAD7
#C0ADCD
#C0ADCD
#C0ACCE
#C0ACCE
#C0ABCF
#C0ABCF
#C0AAD0
#C7AEC5
#C7ADC6
#C7ADC6
#C7ACC7
#C7ABC8
#C7ABC8
#C7AAC9
#CEAFBD
#CEAEBE
#CEADBF
#CEADBF
#CEACC0
#CEABC1
#CEAAC2
#D5B0B4
#D5AFB5
#D5AEB6
#D5ADB7
#D5ACB8
#D5ABBA
#D5AABB
#DEB2AA
#DEB1AB
#DEAFAD
#DEAEAE
#DEADAF
#DEACB0
#DEAAB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts