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 #ADE1A2 to #ADA2E1 and to #E1ADA2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADD7AC
#AED7AA
#B0D8A9
#B1D8A7
#B2D8A6
#B3D9A4
#B5D9A2
#ADCDB6
#B0CDB3
#B2CEB0
#B5CEAC
#B8CFA9
#BBCFA6
#BED0A2
#ADC3C0
#B1C4BB
#B5C5B6
#B9C5B2
#BDC6AD
#C1C7A8
#C6C8A2
#ADB9CA
#B2BAC4
#B8BBBD
#BDBCB7
#C2BDB0
#C7BFAA
#CEC0A2
#ADAFD4
#B4B0CC
#BAB2C4
#C1B3BC
#C8B4B4
#CFB5AC
#D7B7A2
#ADA2E1
#B5A4D7
#BEA6CD
#C6A7C3
#CEA9B9
#D7ABAF
#E1ADA2
Colorpallet from #ADE1A2 to #ADA2E1 and to #E1A2AD
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADD7AC
#AED7AB
#B0D7A9
#B1D7A8
#B2D7A7
#B3D7A6
#B5D7A4
#ADCDB6
#B0CDB3
#B2CDB1
#B5CDAE
#B8CDAC
#BBCDA9
#BECDA6
#ADC3C0
#B1C3BC
#B5C3B8
#B9C3B4
#BDC3B0
#C1C3AC
#C6C3A7
#ADB9CA
#B2B9C5
#B8B9BF
#BDB9BA
#C2B9B5
#C7B9B0
#CEB9A9
#ADAFD4
#B4AFCD
#BAAFC7
#C1AFC0
#C8AFBA
#CFAFB3
#D7AFAB
#ADA2E1
#B5A2D9
#BEA2D0
#C6A2C8
#CEA2C0
#D7A2B7
#E1A2AD
Colorpallet from #ADE1A2 to #ADA2E1 and to #A2ADE1
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADD7AC
#ADD7AC
#ACD8AC
#ACD8AC
#ACD8AC
#ABD9AC
#ABD9AC
#ADCDB6
#ACCDB6
#ACCEB6
#ABCEB6
#AACFB6
#AACFB6
#A9D0B6
#ADC3C0
#ACC4C0
#ABC5C0
#ABC5C0
#AAC6C0
#A9C7C0
#A8C8C0
#ADB9CA
#ACBACA
#ABBBCA
#AABCCA
#A9BDCA
#A7BFCA
#A6C0CA
#ADAFD4
#ACB0D4
#AAB2D4
#A9B3D4
#A7B4D4
#A6B5D4
#A4B7D4
#ADA2E1
#ABA4E1
#A9A6E1
#A8A7E1
#A6A9E1
#A4ABE1
#A2ADE1
Colorpallet from #ADE1A2 to #ADA2E1 and to #A2E1AD
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADD7AC
#ADD9AB
#ACDAA9
#ACDCA8
#ACDDA7
#ABDFA6
#ABE1A4
#ADCDB6
#ACD0B3
#ACD3B1
#ABD7AE
#AADAAC
#AADDA9
#A9E1A6
#ADC3C0
#ACC8BC
#ABCDB8
#ABD1B4
#AAD6B0
#A9DBAC
#A8E1A7
#ADB9CA
#ACBFC5
#ABC6BF
#AACCBA
#A9D3B5
#A7D9B0
#A6E1A9
#ADAFD4
#ACB7CD
#AABFC7
#A9C7C0
#A7CFBA
#A6D7B3
#A4E1AB
#ADA2E1
#ABACD9
#A9B6D0
#A8C0C8
#A6CAC0
#A4D4B7
#A2E1AD
Colorpallet from #ADE1A2 to #E1ADA2 and to #E1A2AD
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#B5D9A2
#B5D9A2
#B5D8A3
#B5D8A3
#B5D8A3
#B5D7A4
#B5D7A4
#BED0A2
#BED0A3
#BECFA3
#BECFA4
#BECEA5
#BECEA5
#BECDA6
#C6C8A2
#C6C7A3
#C6C6A4
#C6C6A4
#C6C5A5
#C6C4A6
#C6C3A7
#CEC0A2
#CEBFA3
#CEBEA4
#CEBDA5
#CEBCA6
#CEBAA8
#CEB9A9
#D7B7A2
#D7B6A3
#D7B4A5
#D7B3A6
#D7B2A8
#D7B1A9
#D7AFAB
#E1ADA2
#E1ABA4
#E1A9A6
#E1A8A7
#E1A6A9
#E1A4AB
#E1A2AD
Colorpallet from #ADE1A2 to #E1ADA2 and to #A2ADE1
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#B5D9A2
#B3D9A4
#B2D9A5
#B0D9A7
#AFD9A8
#ADD9AA
#ABD9AC
#BED0A2
#BBD0A5
#B7D0A8
#B4D0AC
#B1D0AF
#ADD0B2
#A9D0B6
#C6C8A2
#C1C8A7
#BCC8AC
#B8C8B0
#B3C8B5
#AEC8BA
#A8C8C0
#CEC0A2
#C8C0A8
#C1C0AF
#BBC0B5
#B4C0BC
#AEC0C2
#A6C0CA
#D7B7A2
#CFB7AA
#C7B7B2
#BFB7BA
#B6B7C2
#AEB7CA
#A4B7D4
#E1ADA2
#D7ADAC
#CDADB6
#C3ADC0
#B9ADCA
#AFADD4
#A2ADE1
Colorpallet from #ADE1A2 to #E1ADA2 and to #A2E1AD
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#B5D9A2
#B3DAA2
#B2DCA3
#B0DDA3
#AFDEA3
#ADDFA4
#ABE1A4
#BED0A2
#BBD3A3
#B7D5A3
#B4D8A4
#B1DBA5
#ADDEA5
#A9E1A6
#C6C8A2
#C1CCA3
#BCD0A4
#B8D4A4
#B3D8A5
#AEDCA6
#A8E1A7
#CEC0A2
#C8C5A3
#C1CBA4
#BBD0A5
#B4D5A6
#AEDAA8
#A6E1A9
#D7B7A2
#CFBEA3
#C7C4A5
#BFCBA6
#B6D2A8
#AED9A9
#A4E1AB
#E1ADA2
#D7B5A4
#CDBEA6
#C3C6A7
#B9CEA9
#AFD7AB
#A2E1AD
Colorpallet from #ADE1A2 to #E1A2AD and to #A2ADE1
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#B5D7A4
#B3D7A5
#B2D8A7
#B0D8A8
#AFD8A9
#ADD9AA
#ABD9AC
#BECDA6
#BBCDA9
#B7CEAB
#B4CEAE
#B1CFB0
#ADCFB3
#A9D0B6
#C6C3A7
#C1C4AB
#BCC5AF
#B8C5B3
#B3C6B7
#AEC7BB
#A8C8C0
#CEB9A9
#C8BAAE
#C1BBB4
#BBBCB9
#B4BDBE
#AEBFC3
#A6C0CA
#D7AFAB
#CFB0B2
#C7B2B8
#BFB3BF
#B6B4C5
#AEB5CC
#A4B7D4
#E1A2AD
#D7A4B5
#CDA6BE
#C3A7C6
#B9A9CE
#AFABD7
#A2ADE1
Colorpallet from #ADE1A2 to #E1A2AD and to #A2E1AD
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#B5D7A4
#B3D9A4
#B2DAA4
#B0DCA4
#AFDDA4
#ADDFA4
#ABE1A4
#BECDA6
#BBD0A6
#B7D3A6
#B4D7A6
#B1DAA6
#ADDDA6
#A9E1A6
#C6C3A7
#C1C8A7
#BCCDA7
#B8D1A7
#B3D6A7
#AEDBA7
#A8E1A7
#CEB9A9
#C8BFA9
#C1C6A9
#BBCCA9
#B4D3A9
#AED9A9
#A6E1A9
#D7AFAB
#CFB7AB
#C7BFAB
#BFC7AB
#B6CFAB
#AED7AB
#A4E1AB
#E1A2AD
#D7ACAD
#CDB6AD
#C3C0AD
#B9CAAD
#AFD4AD
#A2E1AD
Colorpallet from #ADE1A2 to #A2ADE1 and to #A2E1AD
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ADE1A2
#ABD9AC
#ABDAAB
#ABDCA9
#ABDDA8
#ABDEA7
#ABDFA6
#ABE1A4
#A9D0B6
#A9D3B3
#A9D5B1
#A9D8AE
#A9DBAC
#A9DEA9
#A9E1A6
#A8C8C0
#A8CCBC
#A8D0B8
#A8D4B4
#A8D8B0
#A8DCAC
#A8E1A7
#A6C0CA
#A6C5C5
#A6CBBF
#A6D0BA
#A6D5B5
#A6DAB0
#A6E1A9
#A4B7D4
#A4BECD
#A4C4C7
#A4CBC0
#A4D2BA
#A4D9B3
#A4E1AB
#A2ADE1
#A2B5D9
#A2BED0
#A2C6C8
#A2CEC0
#A2D7B7
#A2E1AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts