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 #A4C1D0 to #A4D0C1 and to #C1A4D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C3CE
#A5C2CE
#A6C1CF
#A6C0CF
#A7BFCF
#A8BDD0
#A9BCD0
#A4C6CB
#A5C4CC
#A7C2CD
#A8BFCD
#AABDCE
#ABBBCF
#ADB8D0
#A4C8C9
#A6C5CA
#A8C1CB
#ABBECC
#ADBBCD
#AFB7CF
#B2B3D0
#A4CBC6
#A7C6C8
#AAC2C9
#ADBDCB
#B0B8CC
#B3B4CE
#B7AED0
#A4CDC4
#A8C7C6
#ABC2C8
#AFBCCA
#B3B7CC
#B6B1CE
#BBAAD0
#A4D0C1
#A9C9C3
#ADC2C6
#B2BBC8
#B7B4CB
#BBADCD
#C1A4D0
Colorpallet from #A4C1D0 to #A4D0C1 and to #C1D0A4
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C3CE
#A5C3CD
#A6C3CC
#A6C3CC
#A7C3CB
#A8C3CA
#A9C3C9
#A4C6CB
#A5C6CA
#A7C6C8
#A8C6C7
#AAC6C5
#ABC6C4
#ADC6C2
#A4C8C9
#A6C8C7
#A8C8C5
#ABC8C2
#ADC8C0
#AFC8BE
#B2C8BB
#A4CBC6
#A7CBC3
#AACBC0
#ADCBBD
#B0CBBA
#B3CBB8
#B7CBB4
#A4CDC4
#A8CDC0
#ABCDBD
#AFCDB9
#B3CDB5
#B6CDB2
#BBCDAD
#A4D0C1
#A9D0BC
#ADD0B8
#B2D0B3
#B7D0AE
#BBD0AA
#C1D0A4
Colorpallet from #A4C1D0 to #A4D0C1 and to #D0A4C1
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C3CE
#A5C2CE
#A6C1CE
#A7C0CE
#A8BFCE
#AABDCE
#ABBCCE
#A4C6CB
#A6C4CB
#A8C2CB
#ABBFCB
#ADBDCB
#AFBBCB
#B2B8CB
#A4C8C9
#A7C5C9
#ABC1C9
#AEBEC9
#B1BBC9
#B5B7C9
#B9B3C9
#A4CBC6
#A8C6C6
#ADC2C6
#B1BDC6
#B6B8C6
#BAB4C6
#C0AEC6
#A4CDC4
#AAC7C4
#AFC2C4
#B5BCC4
#BAB7C4
#C0B1C4
#C7AAC4
#A4D0C1
#ABC9C1
#B2C2C1
#B9BBC1
#C0B4C1
#C7ADC1
#D0A4C1
Colorpallet from #A4C1D0 to #A4D0C1 and to #D0C1A4
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C3CE
#A5C3CD
#A6C2CC
#A7C2CC
#A8C2CB
#AAC1CA
#ABC1C9
#A4C6CB
#A6C5CA
#A8C4C8
#ABC4C7
#ADC3C5
#AFC2C4
#B2C1C2
#A4C8C9
#A7C7C7
#ABC6C5
#AEC5C2
#B1C4C0
#B5C2BE
#B9C1BB
#A4CBC6
#A8C9C3
#ADC8C0
#B1C6BD
#B6C5BA
#BAC3B8
#C0C1B4
#A4CDC4
#AACBC0
#AFC9BD
#B5C7B9
#BAC5B5
#C0C3B2
#C7C1AD
#A4D0C1
#ABCEBC
#B2CBB8
#B9C9B3
#C0C6AE
#C7C4AA
#D0C1A4
Colorpallet from #A4C1D0 to #C1A4D0 and to #C1D0A4
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A9BCD0
#A9BDCF
#A9BECE
#A9BFCD
#A9C0CC
#A9C2CA
#A9C3C9
#ADB8D0
#ADBACE
#ADBCCC
#ADBFC9
#ADC1C7
#ADC3C5
#ADC6C2
#B2B3D0
#B2B6CD
#B2BAC9
#B2BDC6
#B2C0C3
#B2C4BF
#B2C8BB
#B7AED0
#B7B3CC
#B7B7C7
#B7BCC3
#B7C1BE
#B7C5BA
#B7CBB4
#BBAAD0
#BBB0CA
#BBB5C5
#BBBBBF
#BBC0BA
#BBC6B4
#BBCDAD
#C1A4D0
#C1ABC9
#C1B2C2
#C1B9BB
#C1C0B4
#C1C7AD
#C1D0A4
Colorpallet from #A4C1D0 to #C1A4D0 and to #D0A4C1
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A9BCD0
#A9BCD0
#AABCCF
#AABCCF
#AABCCF
#ABBCCE
#ABBCCE
#ADB8D0
#AEB8CF
#AFB8CE
#AFB8CE
#B0B8CD
#B1B8CC
#B2B8CB
#B2B3D0
#B3B3CF
#B4B3CE
#B5B3CD
#B6B3CC
#B8B3CA
#B9B3C9
#B7AED0
#B8AECE
#BAAECD
#BBAECB
#BDAECA
#BEAEC8
#C0AEC6
#BBAAD0
#BDAACE
#BFAACC
#C1AACA
#C3AAC8
#C5AAC6
#C7AAC4
#C1A4D0
#C3A4CE
#C6A4CB
#C8A4C9
#CBA4C6
#CDA4C4
#D0A4C1
Colorpallet from #A4C1D0 to #C1A4D0 and to #D0C1A4
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A9BCD0
#A9BDCF
#AABECE
#AABECD
#AABFCC
#ABC0CA
#ABC1C9
#ADB8D0
#AEB9CE
#AFBBCC
#AFBCC9
#B0BEC7
#B1BFC5
#B2C1C2
#B2B3D0
#B3B5CD
#B4B7C9
#B5BAC6
#B6BCC3
#B8BEBF
#B9C1BB
#B7AED0
#B8B1CC
#BAB4C7
#BBB7C3
#BDBABE
#BEBDBA
#C0C1B4
#BBAAD0
#BDAECA
#BFB1C5
#C1B5BF
#C3B9BA
#C5BCB4
#C7C1AD
#C1A4D0
#C3A9C9
#C6ADC2
#C8B2BB
#CBB7B4
#CDBBAD
#D0C1A4
Colorpallet from #A4C1D0 to #C1D0A4 and to #D0A4C1
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A9C3C9
#A9C2CA
#AAC1CB
#AAC0CB
#AABFCC
#ABBDCD
#ABBCCE
#ADC6C2
#AEC4C3
#AFC2C5
#AFBFC6
#B0BDC8
#B1BBC9
#B2B8CB
#B2C8BB
#B3C5BD
#B4C1BF
#B5BEC2
#B6BBC4
#B8B7C6
#B9B3C9
#B7CBB4
#B8C6B7
#BAC2BA
#BBBDBD
#BDB8C0
#BEB4C2
#C0AEC6
#BBCDAD
#BDC7B1
#BFC2B4
#C1BCB8
#C3B7BC
#C5B1BF
#C7AAC4
#C1D0A4
#C3C9A9
#C6C2AD
#C8BBB2
#CBB4B7
#CDADBB
#D0A4C1
Colorpallet from #A4C1D0 to #C1D0A4 and to #D0C1A4
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A9C3C9
#A9C3C9
#AAC2C9
#AAC2C9
#AAC2C9
#ABC1C9
#ABC1C9
#ADC6C2
#AEC5C2
#AFC4C2
#AFC4C2
#B0C3C2
#B1C2C2
#B2C1C2
#B2C8BB
#B3C7BB
#B4C6BB
#B5C5BB
#B6C4BB
#B8C2BB
#B9C1BB
#B7CBB4
#B8C9B4
#BAC8B4
#BBC6B4
#BDC5B4
#BEC3B4
#C0C1B4
#BBCDAD
#BDCBAD
#BFC9AD
#C1C7AD
#C3C5AD
#C5C3AD
#C7C1AD
#C1D0A4
#C3CEA4
#C6CBA4
#C8C9A4
#CBC6A4
#CDC4A4
#D0C1A4
Colorpallet from #A4C1D0 to #D0A4C1 and to #D0C1A4
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#A4C1D0
#ABBCCE
#ABBDCD
#ABBECC
#ABBECC
#ABBFCB
#ABC0CA
#ABC1C9
#B2B8CB
#B2B9CA
#B2BBC8
#B2BCC7
#B2BEC5
#B2BFC4
#B2C1C2
#B9B3C9
#B9B5C7
#B9B7C5
#B9BAC2
#B9BCC0
#B9BEBE
#B9C1BB
#C0AEC6
#C0B1C3
#C0B4C0
#C0B7BD
#C0BABA
#C0BDB8
#C0C1B4
#C7AAC4
#C7AEC0
#C7B1BD
#C7B5B9
#C7B9B5
#C7BCB2
#C7C1AD
#D0A4C1
#D0A9BC
#D0ADB8
#D0B2B3
#D0B7AE
#D0BBAA
#D0C1A4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
