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 #F4A2AB to #F4ABA2 and to #A2F4AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A3AA
#F2A5AA
#F0A7AA
#EEA9AA
#ECABAB
#EAADAB
#E7AFAB
#F4A5A8
#F0A9A8
#ECACA9
#E8B0A9
#E3B4AA
#DFB7AA
#DABCAB
#F4A6A7
#EEACA8
#E8B1A8
#E1B7A9
#DBBCAA
#D5C2AA
#CDC9AB
#F4A8A5
#ECAFA6
#E3B7A7
#DBBEA8
#D3C5A9
#CACDAA
#C0D6AB
#F4A9A4
#E9B2A5
#DFBCA6
#D4C5A7
#CACFA8
#BFD8AA
#B2E4AB
#F4ABA2
#E7B7A3
#DAC2A5
#CDCEA6
#C0DAA8
#B2E5A9
#A2F4AB
Colorpallet from #F4A2AB to #F4ABA2 and to #A2ABF4
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A3AA
#F2A3AC
#F0A3AE
#EEA3B0
#ECA3B2
#EAA3B4
#E7A3B7
#F4A5A8
#F0A5AC
#ECA5B0
#E8A5B4
#E3A5B9
#DFA5BD
#DAA5C2
#F4A6A7
#EEA6AD
#E8A6B3
#E1A6BA
#DBA6C0
#D5A6C6
#CDA6CE
#F4A8A5
#ECA8AD
#E3A8B6
#DBA8BE
#D3A8C7
#CAA8CF
#C0A8DA
#F4A9A4
#E9A9AE
#DFA9B9
#D4A9C3
#CAA9CE
#BFA9D8
#B2A9E5
#F4ABA2
#E7ABAF
#DAABBC
#CDABC9
#C0ABD6
#B2ABE4
#A2ABF4
Colorpallet from #F4A2AB to #F4ABA2 and to #ABF4A2
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A3AA
#F2A5AA
#F0A7AA
#EEA9AA
#ECABAA
#EAADAA
#E8AFAA
#F4A5A8
#F0A9A8
#EDACA8
#E9B0A8
#E5B4A8
#E2B7A8
#DDBCA8
#F4A6A7
#EEACA7
#E9B1A7
#E3B7A7
#DEBCA7
#D8C2A7
#D1C9A7
#F4A8A5
#ECAFA5
#E5B7A5
#DDBEA5
#D6C5A5
#CECDA5
#C5D6A5
#F4A9A4
#EBB2A4
#E1BCA4
#D8C5A4
#CFCFA4
#C6D8A4
#BAE4A4
#F4ABA2
#E8B7A2
#DDC2A2
#D1CEA2
#C5DAA2
#BAE5A2
#ABF4A2
Colorpallet from #F4A2AB to #F4ABA2 and to #ABA2F4
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A3AA
#F2A3AC
#F0A3AE
#EEA3B0
#ECA2B2
#EAA2B4
#E8A2B7
#F4A5A8
#F0A5AC
#EDA4B0
#E9A4B4
#E5A3B9
#E2A3BD
#DDA2C2
#F4A6A7
#EEA5AD
#E9A5B3
#E3A4BA
#DEA3C0
#D8A3C6
#D1A2CE
#F4A8A5
#ECA7AD
#E5A6B6
#DDA5BE
#D6A4C7
#CEA3CF
#C5A2DA
#F4A9A4
#EBA8AE
#E1A7B9
#D8A6C3
#CFA5CE
#C6A3D8
#BAA2E5
#F4ABA2
#E8AAAF
#DDA8BC
#D1A7C9
#C5A5D6
#BAA4E4
#ABA2F4
Colorpallet from #F4A2AB to #A2F4AB and to #A2ABF4
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#E7AFAB
#E7ADAD
#E7ABAF
#E7A9B1
#E7A7B3
#E7A5B5
#E7A3B7
#DABCAB
#DAB8AF
#DAB5B2
#DAB1B6
#DAADBA
#DAAABD
#DAA5C2
#CDC9AB
#CDC3B1
#CDBEB6
#CDB8BC
#CDB3C1
#CDADC7
#CDA6CE
#C0D6AB
#C0CFB3
#C0C7BA
#C0C0C2
#C0B9C9
#C0B1D1
#C0A8DA
#B2E4AB
#B2DBB4
#B2D1BE
#B2C8C7
#B2BED0
#B2B5D9
#B2A9E5
#A2F4AB
#A2E8B7
#A2DDC2
#A2D1CE
#A2C5DA
#A2BAE5
#A2ABF4
Colorpallet from #F4A2AB to #A2F4AB and to #ABF4A2
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#E7AFAB
#E7AFAB
#E7AFAB
#E7AFAB
#E8AFAA
#E8AFAA
#E8AFAA
#DABCAB
#DABCAB
#DBBCAA
#DBBCAA
#DCBCA9
#DCBCA9
#DDBCA8
#CDC9AB
#CEC9AA
#CEC9AA
#CFC9A9
#D0C9A8
#D0C9A8
#D1C9A7
#C0D6AB
#C1D6AA
#C2D6A9
#C2D6A8
#C3D6A7
#C4D6A6
#C5D6A5
#B2E4AB
#B3E4AA
#B5E4A9
#B6E4A8
#B7E4A7
#B8E4A5
#BAE4A4
#A2F4AB
#A3F4AA
#A5F4A8
#A6F4A7
#A8F4A5
#A9F4A4
#ABF4A2
Colorpallet from #F4A2AB to #A2F4AB and to #ABA2F4
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#E7AFAB
#E7ADAD
#E7ABAF
#E7A9B1
#E8A7B3
#E8A5B5
#E8A2B7
#DABCAB
#DAB8AF
#DBB4B2
#DBB0B6
#DCABBA
#DCA7BD
#DDA2C2
#CDC9AB
#CEC3B1
#CEBDB6
#CFB6BC
#D0B0C1
#D0AAC7
#D1A2CE
#C0D6AB
#C1CEB3
#C2C5BA
#C2BDC2
#C3B5C9
#C4ACD1
#C5A2DA
#B2E4AB
#B3D9B4
#B5CFBE
#B6C4C7
#B7BAD0
#B8AFD9
#BAA2E5
#A2F4AB
#A3E7B7
#A5DAC2
#A6CDCE
#A8C0DA
#A9B2E5
#ABA2F4
Colorpallet from #F4A2AB to #A2ABF4 and to #ABF4A2
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#E7A3B7
#E7A5B5
#E7A7B3
#E7A9B1
#E8ABAF
#E8ADAD
#E8AFAA
#DAA5C2
#DAA9BE
#DBACBA
#DBB0B6
#DCB4B1
#DCB7AD
#DDBCA8
#CDA6CE
#CEACC8
#CEB1C2
#CFB7BB
#D0BCB5
#D0C2AF
#D1C9A7
#C0A8DA
#C1AFD2
#C2B7C9
#C2BEC1
#C3C5B8
#C4CDB0
#C5D6A5
#B2A9E5
#B3B2DB
#B5BCD0
#B6C5C6
#B7CFBB
#B8D8B1
#BAE4A4
#A2ABF4
#A3B7E7
#A5C2DA
#A6CECD
#A8DAC0
#A9E5B2
#ABF4A2
Colorpallet from #F4A2AB to #A2ABF4 and to #ABA2F4
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#E7A3B7
#E7A3B7
#E7A3B7
#E7A3B7
#E8A2B7
#E8A2B7
#E8A2B7
#DAA5C2
#DAA5C2
#DBA4C2
#DBA4C2
#DCA3C2
#DCA3C2
#DDA2C2
#CDA6CE
#CEA5CE
#CEA5CE
#CFA4CE
#D0A3CE
#D0A3CE
#D1A2CE
#C0A8DA
#C1A7DA
#C2A6DA
#C2A5DA
#C3A4DA
#C4A3DA
#C5A2DA
#B2A9E5
#B3A8E5
#B5A7E5
#B6A6E5
#B7A5E5
#B8A3E5
#BAA2E5
#A2ABF4
#A3AAF4
#A5A8F4
#A6A7F4
#A8A5F4
#A9A4F4
#ABA2F4
Colorpallet from #F4A2AB to #ABF4A2 and to #ABA2F4
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#F4A2AB
#E8AFAA
#E8ADAC
#E8ABAE
#E8A9B0
#E8A7B2
#E8A5B4
#E8A2B7
#DDBCA8
#DDB8AC
#DDB4B0
#DDB0B4
#DDABB9
#DDA7BD
#DDA2C2
#D1C9A7
#D1C3AD
#D1BDB3
#D1B6BA
#D1B0C0
#D1AAC6
#D1A2CE
#C5D6A5
#C5CEAD
#C5C5B6
#C5BDBE
#C5B5C7
#C5ACCF
#C5A2DA
#BAE4A4
#BAD9AE
#BACFB9
#BAC4C3
#BABACE
#BAAFD8
#BAA2E5
#ABF4A2
#ABE7AF
#ABDABC
#ABCDC9
#ABC0D6
#ABB2E4
#ABA2F4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
