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 #AFABD0 to #AFD0AB and to #ABAFD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFB1CA
#AFB0CB
#AFAFCC
#AFAFCD
#AEAECE
#AEADCF
#AEACD0
#AFB7C4
#AFB5C6
#AFB3C8
#AFB2CA
#AEB0CC
#AEAECE
#AEACD0
#AFBDBE
#AFBAC1
#AEB8C4
#AEB5C7
#AEB3CA
#ADB0CC
#ADADD0
#AFC3B8
#AFC0BC
#AEBCC0
#AEB9C4
#ADB6C7
#ADB2CB
#ACAED0
#AFC9B2
#AFC5B7
#AEC0BC
#AEBCC0
#ADB8C5
#ADB3CA
#ACAED0
#AFD0AB
#AECBB1
#AEC5B7
#ADC0BD
#ACBBC3
#ACB6C9
#ABAFD0
Colorpallet from #AFABD0 to #AFD0AB and to #ABD0AF
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFB1CA
#AFB1CA
#AFB1CA
#AFB1CA
#AEB1CB
#AEB1CB
#AEB1CB
#AFB7C4
#AFB7C4
#AFB7C4
#AFB7C4
#AEB7C5
#AEB7C5
#AEB7C5
#AFBDBE
#AFBDBE
#AEBDBF
#AEBDBF
#AEBDBF
#ADBDC0
#ADBDC0
#AFC3B8
#AFC3B8
#AEC3B9
#AEC3B9
#ADC3BA
#ADC3BA
#ACC3BB
#AFC9B2
#AFC9B3
#AEC9B3
#AEC9B4
#ADC9B5
#ADC9B5
#ACC9B6
#AFD0AB
#AED0AC
#AED0AC
#ADD0AD
#ACD0AE
#ACD0AE
#ABD0AF
Colorpallet from #AFABD0 to #AFD0AB and to #D0AFAB
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFB1CA
#B0B0CA
#B1AFCA
#B1AFCA
#B2AECA
#B3ADCA
#B4ACCA
#AFB7C4
#B1B5C4
#B3B3C4
#B4B2C4
#B6B0C4
#B8AEC4
#BAACC4
#AFBDBE
#B2BABE
#B4B8BE
#B7B5BE
#B9B3BE
#BCB0BE
#BFADBE
#AFC3B8
#B2C0B8
#B6BCB8
#B9B9B8
#BCB6B8
#C0B2B8
#C4AEB8
#AFC9B2
#B3C5B2
#B7C0B2
#BBBCB2
#C0B8B2
#C4B3B2
#C9AEB2
#AFD0AB
#B4CBAB
#BAC5AB
#BFC0AB
#C4BBAB
#C9B6AB
#D0AFAB
Colorpallet from #AFABD0 to #AFD0AB and to #D0ABAF
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFB1CA
#B0B0CA
#B1AFCA
#B1AECA
#B2ADCB
#B3ACCB
#B4ABCB
#AFB7C4
#B1B5C4
#B3B3C4
#B4B1C4
#B6AFC5
#B8ADC5
#BAABC5
#AFBDBE
#B2BABE
#B4B7BF
#B7B4BF
#B9B1BF
#BCAFC0
#BFABC0
#AFC3B8
#B2BFB8
#B6BBB9
#B9B7B9
#BCB4BA
#C0B0BA
#C4ABBB
#AFC9B2
#B3C4B3
#B7BFB3
#BBBBB4
#C0B6B5
#C4B1B5
#C9ABB6
#AFD0AB
#B4CAAC
#BAC4AC
#BFBEAD
#C4B8AE
#C9B2AE
#D0ABAF
Colorpallet from #AFABD0 to #ABAFD0 and to #ABD0AF
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AEACD0
#AEADCF
#AEAECE
#AEAECE
#AEAFCD
#AEB0CC
#AEB1CB
#AEACD0
#AEAECE
#AEB0CC
#AEB1CB
#AEB3C9
#AEB5C7
#AEB7C5
#ADADD0
#ADB0CD
#ADB2CB
#ADB5C8
#ADB7C6
#ADBAC3
#ADBDC0
#ACAED0
#ACB1CD
#ACB5C9
#ACB8C6
#ACBBC3
#ACBFBF
#ACC3BB
#ACAED0
#ACB2CC
#ACB7C8
#ACBBC4
#ACBFBF
#ACC4BB
#ACC9B6
#ABAFD0
#ABB4CB
#ABBAC5
#ABBFC0
#ABC4BB
#ABC9B6
#ABD0AF
Colorpallet from #AFABD0 to #ABAFD0 and to #D0AFAB
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AEACD0
#AFACCF
#B0ACCE
#B1ACCD
#B2ACCC
#B3ACCB
#B4ACCA
#AEACD0
#B0ACCE
#B2ACCC
#B4ACCA
#B6ACC8
#B8ACC6
#BAACC4
#ADADD0
#B0ADCD
#B3ADCA
#B6ADC7
#B9ADC4
#BBADC2
#BFADBE
#ACAED0
#B0AECC
#B4AEC8
#B8AEC4
#BBAEC1
#BFAEBD
#C4AEB8
#ACAED0
#B1AECB
#B5AEC6
#BAAEC2
#BFAEBD
#C3AEB8
#C9AEB2
#ABAFD0
#B1AFCA
#B7AFC4
#BDAFBE
#C3AFB8
#C9AFB2
#D0AFAB
Colorpallet from #AFABD0 to #ABAFD0 and to #D0ABAF
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AEACD0
#AFACCF
#B0ACCE
#B1ACCE
#B2ABCD
#B3ABCC
#B4ABCB
#AEACD0
#B0ACCE
#B2ACCC
#B4ACCB
#B6ABC9
#B8ABC7
#BAABC5
#ADADD0
#B0ADCD
#B3ACCB
#B6ACC8
#B9ACC6
#BBABC3
#BFABC0
#ACAED0
#B0AECD
#B4ADC9
#B8ADC6
#BBACC3
#BFACBF
#C4ABBB
#ACAED0
#B1AECC
#B5ADC8
#BAADC4
#BFACBF
#C3ACBB
#C9ABB6
#ABAFD0
#B1AECB
#B7AEC5
#BDADC0
#C3ACBB
#C9ACB6
#D0ABAF
Colorpallet from #AFABD0 to #ABD0AF and to #D0AFAB
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AEB1CB
#AFB0CB
#B0AFCB
#B1AFCB
#B2AECA
#B3ADCA
#B4ACCA
#AEB7C5
#B0B5C5
#B2B3C5
#B4B2C5
#B6B0C4
#B8AEC4
#BAACC4
#ADBDC0
#B0BAC0
#B3B8BF
#B6B5BF
#B9B3BF
#BBB0BE
#BFADBE
#ACC3BB
#B0C0BB
#B4BCBA
#B8B9BA
#BBB6B9
#BFB2B9
#C4AEB8
#ACC9B6
#B1C5B5
#B5C0B5
#BABCB4
#BFB8B3
#C3B3B3
#C9AEB2
#ABD0AF
#B1CBAE
#B7C5AE
#BDC0AD
#C3BBAC
#C9B6AC
#D0AFAB
Colorpallet from #AFABD0 to #ABD0AF and to #D0ABAF
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AEB1CB
#AFB0CB
#B0AFCB
#B1AECB
#B2ADCB
#B3ACCB
#B4ABCB
#AEB7C5
#B0B5C5
#B2B3C5
#B4B1C5
#B6AFC5
#B8ADC5
#BAABC5
#ADBDC0
#B0BAC0
#B3B7C0
#B6B4C0
#B9B1C0
#BBAFC0
#BFABC0
#ACC3BB
#B0BFBB
#B4BBBB
#B8B7BB
#BBB4BB
#BFB0BB
#C4ABBB
#ACC9B6
#B1C4B6
#B5BFB6
#BABBB6
#BFB6B6
#C3B1B6
#C9ABB6
#ABD0AF
#B1CAAF
#B7C4AF
#BDBEAF
#C3B8AF
#C9B2AF
#D0ABAF
Colorpallet from #AFABD0 to #D0AFAB and to #D0ABAF
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#AFABD0
#B4ACCA
#B4ACCA
#B4ACCA
#B4ACCA
#B4ABCB
#B4ABCB
#B4ABCB
#BAACC4
#BAACC4
#BAACC4
#BAACC4
#BAABC5
#BAABC5
#BAABC5
#BFADBE
#BFADBE
#BFACBF
#BFACBF
#BFACBF
#BFABC0
#BFABC0
#C4AEB8
#C4AEB8
#C4ADB9
#C4ADB9
#C4ACBA
#C4ACBA
#C4ABBB
#C9AEB2
#C9AEB3
#C9ADB3
#C9ADB4
#C9ACB5
#C9ACB5
#C9ABB6
#D0AFAB
#D0AEAC
#D0AEAC
#D0ADAD
#D0ACAE
#D0ACAE
#D0ABAF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
