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 #8ACAD2 to #8AD2CA and to #CA8AD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACBD1
#8CC9D1
#8DC7D1
#8FC6D1
#90C4D2
#92C2D2
#94C0D2
#8ACDCF
#8DC9CF
#90C6D0
#94C2D0
#97BED1
#9ABBD1
#9EB6D2
#8ACECE
#8FC8CF
#94C3CF
#99BDD0
#9EB8D1
#A3B2D1
#A9ABD2
#8ACFCD
#91C8CE
#97C0CF
#9EB9CF
#A4B2D0
#ABAAD1
#B3A1D2
#8AD0CC
#92C7CD
#9ABECE
#A2B5CF
#ABACD0
#B3A2D1
#BD97D2
#8AD2CA
#94C6CB
#9EBBCD
#A9AFCE
#B3A4CF
#BD98D0
#CA8AD2
Colorpallet from #8ACAD2 to #8AD2CA and to #CAD28A
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACBD1
#8CCBCF
#8DCBCD
#8FCBCC
#90CBCA
#92CBC8
#94CBC6
#8ACDCF
#8DCDCC
#90CDC9
#94CDC5
#97CDC2
#9ACDBF
#9ECDBB
#8ACECE
#8FCEC9
#94CEC4
#99CEBF
#9ECEBA
#A3CEB5
#A9CEAF
#8ACFCD
#91CFC6
#97CFC0
#9ECFB9
#A4CFB3
#ABCFAC
#B3CFA4
#8AD0CC
#92D0C4
#9AD0BB
#A2D0B3
#ABD0AB
#B3D0A2
#BDD098
#8AD2CA
#94D2C0
#9ED2B6
#A9D2AB
#B3D2A1
#BDD297
#CAD28A
Colorpallet from #8ACAD2 to #8AD2CA and to #D28ACA
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACBD1
#8CC9D1
#8EC7D1
#90C6D1
#92C4D1
#94C2D1
#96C0D1
#8ACDCF
#8EC9CF
#91C6CF
#95C2CF
#99BECF
#9CBBCF
#A1B6CF
#8ACECE
#90C8CE
#95C3CE
#9BBDCE
#A0B8CE
#A6B2CE
#ADABCE
#8ACFCD
#91C8CD
#99C0CD
#A0B9CD
#A7B2CD
#AFAACD
#B8A1CD
#8AD0CC
#93C7CC
#9DBECC
#A6B5CC
#AFACCC
#B8A2CC
#C497CC
#8AD2CA
#96C6CA
#A1BBCA
#ADAFCA
#B8A4CA
#C498CA
#D28ACA
Colorpallet from #8ACAD2 to #8AD2CA and to #D2CA8A
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACBD1
#8CCBCF
#8ECBCD
#90CBCC
#92CACA
#94CAC8
#96CAC6
#8ACDCF
#8ECDCC
#91CCC9
#95CCC5
#99CBC2
#9CCBBF
#A1CABB
#8ACECE
#90CDC9
#95CDC4
#9BCCBF
#A0CBBA
#A6CBB5
#ADCAAF
#8ACFCD
#91CEC6
#99CDC0
#A0CDB9
#A7CCB3
#AFCBAC
#B8CAA4
#8AD0CC
#93CFC4
#9DCEBB
#A6CDB3
#AFCCAB
#B8CBA2
#C4CA98
#8AD2CA
#96D1C0
#A1CFB6
#ADCEAB
#B8CDA1
#C4CC97
#D2CA8A
Colorpallet from #8ACAD2 to #CA8AD2 and to #CAD28A
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#94C0D2
#94C2D0
#94C4CE
#94C5CC
#94C7CA
#94C9C8
#94CBC6
#9EB6D2
#9EBACE
#9EBDCB
#9EC1C7
#9EC5C3
#9EC8C0
#9ECDBB
#A9ABD2
#A9B1CC
#A9B6C7
#A9BCC1
#A9C1BC
#A9C7B6
#A9CEAF
#B3A1D2
#B3A8CB
#B3B0C3
#B3B7BC
#B3BEB5
#B3C6AD
#B3CFA4
#BD97D2
#BDA0C9
#BDA9BF
#BDB2B6
#BDBBAD
#BDC5A4
#BDD098
#CA8AD2
#CA96C6
#CAA1BB
#CAADAF
#CAB8A4
#CAC498
#CAD28A
Colorpallet from #8ACAD2 to #CA8AD2 and to #D28ACA
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#94C0D2
#94C0D2
#95C0D2
#95C0D2
#95C0D1
#96C0D1
#96C0D1
#9EB6D2
#9EB6D2
#9FB6D1
#9FB6D1
#A0B6D0
#A0B6D0
#A1B6CF
#A9ABD2
#AAABD1
#AAABD1
#ABABD0
#ACABCF
#ACABCF
#ADABCE
#B3A1D2
#B4A1D1
#B5A1D0
#B5A1D0
#B6A1CF
#B7A1CE
#B8A1CD
#BD97D2
#BE97D1
#BF97D0
#C097CF
#C197CE
#C397CD
#C497CC
#CA8AD2
#CB8AD1
#CD8ACF
#CE8ACE
#CF8ACD
#D08ACC
#D28ACA
Colorpallet from #8ACAD2 to #CA8AD2 and to #D2CA8A
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#94C0D2
#94C2D0
#95C3CE
#95C5CC
#95C6CA
#96C8C8
#96CAC6
#9EB6D2
#9EB9CE
#9FBCCB
#9FC0C7
#A0C3C3
#A0C6C0
#A1CABB
#A9ABD2
#AAB0CC
#AAB5C7
#ABBAC1
#ACBFBC
#ACC4B6
#ADCAAF
#B3A1D2
#B4A8CB
#B5AEC3
#B5B5BC
#B6BBB5
#B7C2AD
#B8CAA4
#BD97D2
#BE9FC9
#BFA7BF
#C0AFB6
#C1B8AD
#C3C0A4
#C4CA98
#CA8AD2
#CB94C6
#CD9EBB
#CEA9AF
#CFB3A4
#D0BD98
#D2CA8A
Colorpallet from #8ACAD2 to #CAD28A and to #D28ACA
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#94CBC6
#94C9C8
#95C7CA
#95C6CB
#95C4CD
#96C2CF
#96C0D1
#9ECDBB
#9EC9BE
#9FC6C1
#9FC2C5
#A0BEC8
#A0BBCB
#A1B6CF
#A9CEAF
#AAC8B4
#AAC3B9
#ABBDBE
#ACB8C3
#ACB2C8
#ADABCE
#B3CFA4
#B4C8AB
#B5C0B1
#B5B9B8
#B6B2BE
#B7AAC5
#B8A1CD
#BDD098
#BEC7A0
#BFBEA9
#C0B5B1
#C1ACB9
#C3A2C2
#C497CC
#CAD28A
#CBC694
#CDBB9E
#CEAFA9
#CFA4B3
#D098BD
#D28ACA
Colorpallet from #8ACAD2 to #CAD28A and to #D2CA8A
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#94CBC6
#94CBC6
#95CBC6
#95CBC6
#95CAC6
#96CAC6
#96CAC6
#9ECDBB
#9ECDBB
#9FCCBB
#9FCCBB
#A0CBBB
#A0CBBB
#A1CABB
#A9CEAF
#AACDAF
#AACDAF
#ABCCAF
#ACCBAF
#ACCBAF
#ADCAAF
#B3CFA4
#B4CEA4
#B5CDA4
#B5CDA4
#B6CCA4
#B7CBA4
#B8CAA4
#BDD098
#BECF98
#BFCE98
#C0CD98
#C1CC98
#C3CB98
#C4CA98
#CAD28A
#CBD18A
#CDCF8A
#CECE8A
#CFCD8A
#D0CC8A
#D2CA8A
Colorpallet from #8ACAD2 to #D28ACA and to #D2CA8A
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#8ACAD2
#96C0D1
#96C2CF
#96C3CD
#96C5CC
#96C6CA
#96C8C8
#96CAC6
#A1B6CF
#A1B9CC
#A1BCC9
#A1C0C5
#A1C3C2
#A1C6BF
#A1CABB
#ADABCE
#ADB0C9
#ADB5C4
#ADBABF
#ADBFBA
#ADC4B5
#ADCAAF
#B8A1CD
#B8A8C6
#B8AEC0
#B8B5B9
#B8BBB3
#B8C2AC
#B8CAA4
#C497CC
#C49FC4
#C4A7BB
#C4AFB3
#C4B8AB
#C4C0A2
#C4CA98
#D28ACA
#D294C0
#D29EB6
#D2A9AB
#D2B3A1
#D2BD97
#D2CA8A
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
