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 #F4A4AD to #F4ADA4 and to #A4F4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A5AC
#F2A7AC
#F0A9AC
#EEABAC
#ECADAD
#EAAFAD
#E7B1AD
#F4A7AA
#F0ABAA
#ECAEAB
#E8B2AB
#E3B6AC
#DFB9AC
#DABEAD
#F4A8A9
#EEADAA
#E8B3AA
#E2B8AB
#DCBEAC
#D6C3AC
#CECAAD
#F4AAA7
#ECB1A8
#E4B8A9
#DCC0AA
#D3C7AB
#CBCEAC
#C1D7AD
#F4ABA6
#EAB4A7
#E0BDA8
#D5C6A9
#CBCFAA
#C1D9AC
#B4E4AD
#F4ADA4
#E7B8A5
#DAC4A7
#CECFA8
#C1DAAA
#B4E6AB
#A4F4AD
Colorpallet from #F4A4AD to #F4ADA4 and to #A4ADF4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A5AC
#F2A5AE
#F0A5B0
#EEA5B2
#ECA5B4
#EAA5B6
#E7A5B8
#F4A7AA
#F0A7AE
#ECA7B2
#E8A7B6
#E3A7BB
#DFA7BF
#DAA7C4
#F4A8A9
#EEA8AF
#E8A8B5
#E2A8BB
#DCA8C1
#D6A8C7
#CEA8CF
#F4AAA7
#ECAAAF
#E4AAB7
#DCAABF
#D3AAC8
#CBAAD0
#C1AADA
#F4ABA6
#EAABB0
#E0ABBA
#D5ABC5
#CBABCF
#C1ABD9
#B4ABE6
#F4ADA4
#E7ADB1
#DAADBE
#CEADCA
#C1ADD7
#B4ADE4
#A4ADF4
Colorpallet from #F4A4AD to #F4ADA4 and to #ADF4A4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A5AC
#F2A7AC
#F0A9AC
#EFABAC
#EDADAC
#EBAFAC
#E9B1AC
#F4A7AA
#F0ABAA
#EDAEAA
#E9B2AA
#E5B6AA
#E2B9AA
#DDBEAA
#F4A8A9
#EFADA9
#E9B3A9
#E4B8A9
#DEBEA9
#D9C3A9
#D2CAA9
#F4AAA7
#EDB1A7
#E6B8A7
#DEC0A7
#D7C7A7
#D0CEA7
#C7D7A7
#F4ABA6
#EBB4A6
#E2BDA6
#D9C6A6
#D0CFA6
#C6D9A6
#BBE4A6
#F4ADA4
#E9B8A4
#DDC4A4
#D2CFA4
#C7DAA4
#BBE6A4
#ADF4A4
Colorpallet from #F4A4AD to #F4ADA4 and to #ADA4F4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A5AC
#F2A5AE
#F0A5B0
#EFA5B2
#EDA4B4
#EBA4B6
#E9A4B8
#F4A7AA
#F0A7AE
#EDA6B2
#E9A6B6
#E5A5BB
#E2A5BF
#DDA4C4
#F4A8A9
#EFA7AF
#E9A7B5
#E4A6BB
#DEA5C1
#D9A5C7
#D2A4CF
#F4AAA7
#EDA9AF
#E6A8B7
#DEA7BF
#D7A6C8
#D0A5D0
#C7A4DA
#F4ABA6
#EBAAB0
#E2A9BA
#D9A8C5
#D0A7CF
#C6A5D9
#BBA4E6
#F4ADA4
#E9ACB1
#DDAABE
#D2A9CA
#C7A7D7
#BBA6E4
#ADA4F4
Colorpallet from #F4A4AD to #A4F4AD and to #A4ADF4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#E7B1AD
#E7AFAF
#E7ADB1
#E7ABB2
#E7A9B4
#E7A7B6
#E7A5B8
#DABEAD
#DABAB1
#DAB7B4
#DAB3B8
#DAAFBC
#DAACBF
#DAA7C4
#CECAAD
#CEC5B2
#CEBFB8
#CEBABD
#CEB4C3
#CEAFC8
#CEA8CF
#C1D7AD
#C1D0B4
#C1C9BB
#C1C1C3
#C1BACA
#C1B3D1
#C1AADA
#B4E4AD
#B4DBB6
#B4D2BF
#B4C9C8
#B4C0D1
#B4B6DB
#B4ABE6
#A4F4AD
#A4E9B8
#A4DDC4
#A4D2CF
#A4C7DA
#A4BBE6
#A4ADF4
Colorpallet from #F4A4AD to #A4F4AD and to #ADF4A4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#E7B1AD
#E7B1AD
#E8B1AD
#E8B1AD
#E8B1AC
#E9B1AC
#E9B1AC
#DABEAD
#DABEAD
#DBBEAC
#DBBEAC
#DCBEAB
#DCBEAB
#DDBEAA
#CECAAD
#CFCAAC
#CFCAAC
#D0CAAB
#D1CAAA
#D1CAAA
#D2CAA9
#C1D7AD
#C2D7AC
#C3D7AB
#C4D7AA
#C5D7A9
#C6D7A8
#C7D7A7
#B4E4AD
#B5E4AC
#B6E4AB
#B7E4AA
#B8E4A9
#BAE4A7
#BBE4A6
#A4F4AD
#A5F4AC
#A7F4AA
#A8F4A9
#AAF4A7
#ABF4A6
#ADF4A4
Colorpallet from #F4A4AD to #A4F4AD and to #ADA4F4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#E7B1AD
#E7AFAF
#E8ADB1
#E8ABB2
#E8A9B4
#E9A7B6
#E9A4B8
#DABEAD
#DABAB1
#DBB6B4
#DBB2B8
#DCADBC
#DCA9BF
#DDA4C4
#CECAAD
#CFC4B2
#CFBEB8
#D0B8BD
#D1B2C3
#D1ACC8
#D2A4CF
#C1D7AD
#C2CFB4
#C3C7BB
#C4BFC3
#C5B6CA
#C6AED1
#C7A4DA
#B4E4AD
#B5DAB6
#B6D0BF
#B7C5C8
#B8BBD1
#BAB1DB
#BBA4E6
#A4F4AD
#A5E7B8
#A7DAC4
#A8CECF
#AAC1DA
#ABB4E6
#ADA4F4
Colorpallet from #F4A4AD to #A4ADF4 and to #ADF4A4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#E7A5B8
#E7A7B6
#E8A9B4
#E8ABB2
#E8ADB0
#E9AFAE
#E9B1AC
#DAA7C4
#DAABC0
#DBAEBC
#DBB2B8
#DCB6B3
#DCB9AF
#DDBEAA
#CEA8CF
#CFADC9
#CFB3C3
#D0B8BD
#D1BEB7
#D1C3B1
#D2CAA9
#C1AADA
#C2B1D2
#C3B8CA
#C4C0C2
#C5C7B9
#C6CEB1
#C7D7A7
#B4ABE6
#B5B4DC
#B6BDD2
#B7C6C7
#B8CFBD
#BAD9B3
#BBE4A6
#A4ADF4
#A5B8E7
#A7C4DA
#A8CFCE
#AADAC1
#ABE6B4
#ADF4A4
Colorpallet from #F4A4AD to #A4ADF4 and to #ADA4F4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#E7A5B8
#E7A5B8
#E8A5B8
#E8A5B8
#E8A4B8
#E9A4B8
#E9A4B8
#DAA7C4
#DAA7C4
#DBA6C4
#DBA6C4
#DCA5C4
#DCA5C4
#DDA4C4
#CEA8CF
#CFA7CF
#CFA7CF
#D0A6CF
#D1A5CF
#D1A5CF
#D2A4CF
#C1AADA
#C2A9DA
#C3A8DA
#C4A7DA
#C5A6DA
#C6A5DA
#C7A4DA
#B4ABE6
#B5AAE6
#B6A9E6
#B7A8E6
#B8A7E6
#BAA5E6
#BBA4E6
#A4ADF4
#A5ACF4
#A7AAF4
#A8A9F4
#AAA7F4
#ABA6F4
#ADA4F4
Colorpallet from #F4A4AD to #ADF4A4 and to #ADA4F4
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#F4A4AD
#E9B1AC
#E9AFAE
#E9ADB0
#E9ABB2
#E9A9B4
#E9A7B6
#E9A4B8
#DDBEAA
#DDBAAE
#DDB6B2
#DDB2B6
#DDADBB
#DDA9BF
#DDA4C4
#D2CAA9
#D2C4AF
#D2BEB5
#D2B8BB
#D2B2C1
#D2ACC7
#D2A4CF
#C7D7A7
#C7CFAF
#C7C7B7
#C7BFBF
#C7B6C8
#C7AED0
#C7A4DA
#BBE4A6
#BBDAB0
#BBD0BA
#BBC5C5
#BBBBCF
#BBB1D9
#BBA4E6
#ADF4A4
#ADE7B1
#ADDABE
#ADCECA
#ADC1D7
#ADB4E4
#ADA4F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts