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 #AFD4A2 to #AFA2D4 and to #D4AFA2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFCCAA
#B0CCA9
#B1CDA7
#B2CDA6
#B3CDA5
#B4CEA4
#B5CEA2
#AFC4B2
#B1C5AF
#B3C5AD
#B5C6AA
#B7C7A8
#B9C7A5
#BBC8A2
#AFBCBA
#B2BDB6
#B5BEB2
#B8BFAE
#BBC0AB
#BDC1A7
#C1C2A2
#AFB4C2
#B3B5BD
#B7B7B8
#BBB8B3
#BEB9AE
#C2BAA8
#C7BCA2
#AFACCA
#B4AEC4
#B9AFBD
#BDB1B7
#C2B2B0
#C7B4AA
#CDB6A2
#AFA2D4
#B5A4CC
#BBA6C4
#C1A8BC
#C7AAB4
#CDACAC
#D4AFA2
Colorpallet from #AFD4A2 to #AFA2D4 and to #D4A2AF
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFCCAA
#B0CCA9
#B1CCA8
#B2CCA7
#B3CCA6
#B4CCA5
#B5CCA4
#AFC4B2
#B1C4B0
#B3C4AE
#B5C4AC
#B7C4AA
#B9C4A8
#BBC4A6
#AFBCBA
#B2BCB7
#B5BCB4
#B8BCB1
#BBBCAE
#BDBCAC
#C1BCA8
#AFB4C2
#B3B4BE
#B7B4BA
#BBB4B6
#BEB4B3
#C2B4AF
#C7B4AA
#AFACCA
#B4ACC5
#B9ACC0
#BDACBC
#C2ACB7
#C7ACB2
#CDACAC
#AFA2D4
#B5A2CE
#BBA2C8
#C1A2C2
#C7A2BC
#CDA2B6
#D4A2AF
Colorpallet from #AFD4A2 to #AFA2D4 and to #A2AFD4
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFCCAA
#AFCCAA
#AECDAA
#AECDAA
#AECDAA
#ADCEAA
#ADCEAA
#AFC4B2
#AEC5B2
#AEC5B2
#ADC6B2
#ACC7B2
#ACC7B2
#ABC8B2
#AFBCBA
#AEBDBA
#ADBEBA
#ACBFBA
#ABC0BA
#AAC1BA
#A9C2BA
#AFB4C2
#AEB5C2
#ACB7C2
#ABB8C2
#AAB9C2
#A9BAC2
#A7BCC2
#AFACCA
#ADAECA
#ACAFCA
#AAB1CA
#A9B2CA
#A7B4CA
#A5B6CA
#AFA2D4
#ADA4D4
#ABA6D4
#A9A8D4
#A7AAD4
#A5ACD4
#A2AFD4
Colorpallet from #AFD4A2 to #AFA2D4 and to #A2D4AF
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFCCAA
#AFCDA9
#AECFA8
#AED0A7
#AED1A6
#ADD2A5
#ADD4A4
#AFC4B2
#AEC7B0
#AEC9AE
#ADCCAC
#ACCEAA
#ACD1A8
#ABD4A6
#AFBCBA
#AEC0B7
#ADC4B4
#ACC8B1
#ABCBAE
#AACFAC
#A9D4A8
#AFB4C2
#AEB9BE
#ACBEBA
#ABC3B6
#AAC8B3
#A9CEAF
#A7D4AA
#AFACCA
#ADB2C5
#ACB9C0
#AABFBC
#A9C6B7
#A7CCB2
#A5D4AC
#AFA2D4
#ADAACE
#ABB2C8
#A9BAC2
#A7C2BC
#A5CAB6
#A2D4AF
Colorpallet from #AFD4A2 to #D4AFA2 and to #D4A2AF
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#B5CEA2
#B5CEA2
#B5CDA3
#B5CDA3
#B5CDA3
#B5CCA4
#B5CCA4
#BBC8A2
#BBC7A3
#BBC7A3
#BBC6A4
#BBC5A5
#BBC5A5
#BBC4A6
#C1C2A2
#C1C1A3
#C1C0A4
#C1BFA5
#C1BEA6
#C1BDA7
#C1BCA8
#C7BCA2
#C7BBA3
#C7B9A5
#C7B8A6
#C7B7A7
#C7B6A8
#C7B4AA
#CDB6A2
#CDB4A4
#CDB3A5
#CDB1A7
#CDB0A8
#CDAEAA
#CDACAC
#D4AFA2
#D4ADA4
#D4ABA6
#D4A9A8
#D4A7AA
#D4A5AC
#D4A2AF
Colorpallet from #AFD4A2 to #D4AFA2 and to #A2AFD4
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#B5CEA2
#B4CEA3
#B2CEA5
#B1CEA6
#B0CEA7
#AFCEA8
#ADCEAA
#BBC8A2
#B8C8A5
#B6C8A7
#B3C8AA
#B1C8AC
#AEC8AF
#ABC8B2
#C1C2A2
#BDC2A6
#B9C2AA
#B5C2AE
#B2C2B1
#AEC2B5
#A9C2BA
#C7BCA2
#C2BCA7
#BDBCAC
#B8BCB1
#B3BCB6
#ADBCBC
#A7BCC2
#CDB6A2
#C7B6A8
#C0B6AF
#BAB6B5
#B3B6BC
#ADB6C2
#A5B6CA
#D4AFA2
#CCAFAA
#C4AFB2
#BCAFBA
#B4AFC2
#ACAFCA
#A2AFD4
Colorpallet from #AFD4A2 to #D4AFA2 and to #A2D4AF
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#B5CEA2
#B4CFA2
#B2D0A3
#B1D1A3
#B0D2A3
#AFD3A4
#ADD4A4
#BBC8A2
#B8CAA3
#B6CCA3
#B3CEA4
#B1D0A5
#AED2A5
#ABD4A6
#C1C2A2
#BDC5A3
#B9C8A4
#B5CBA5
#B2CEA6
#AED0A7
#A9D4A8
#C7BCA2
#C2C0A3
#BDC4A5
#B8C8A6
#B3CBA7
#ADCFA8
#A7D4AA
#CDB6A2
#C7BBA4
#C0C0A5
#BAC4A7
#B3C9A8
#ADCEAA
#A5D4AC
#D4AFA2
#CCB5A4
#C4BBA6
#BCC1A8
#B4C7AA
#ACCDAC
#A2D4AF
Colorpallet from #AFD4A2 to #D4A2AF and to #A2AFD4
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#B5CCA4
#B4CCA5
#B2CDA6
#B1CDA7
#B0CDA8
#AFCEA9
#ADCEAA
#BBC4A6
#B8C5A8
#B6C5AA
#B3C6AC
#B1C7AE
#AEC7B0
#ABC8B2
#C1BCA8
#BDBDAB
#B9BEAE
#B5BFB1
#B2C0B4
#AEC1B6
#A9C2BA
#C7B4AA
#C2B5AE
#BDB7B2
#B8B8B6
#B3B9B9
#ADBABD
#A7BCC2
#CDACAC
#C7AEB1
#C0AFB6
#BAB1BA
#B3B2BF
#ADB4C4
#A5B6CA
#D4A2AF
#CCA4B5
#C4A6BB
#BCA8C1
#B4AAC7
#ACACCD
#A2AFD4
Colorpallet from #AFD4A2 to #D4A2AF and to #A2D4AF
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#B5CCA4
#B4CDA4
#B2CFA4
#B1D0A4
#B0D1A4
#AFD2A4
#ADD4A4
#BBC4A6
#B8C7A6
#B6C9A6
#B3CCA6
#B1CEA6
#AED1A6
#ABD4A6
#C1BCA8
#BDC0A8
#B9C4A8
#B5C8A8
#B2CBA8
#AECFA8
#A9D4A8
#C7B4AA
#C2B9AA
#BDBEAA
#B8C3AA
#B3C8AA
#ADCEAA
#A7D4AA
#CDACAC
#C7B2AC
#C0B9AC
#BABFAC
#B3C6AC
#ADCCAC
#A5D4AC
#D4A2AF
#CCAAAF
#C4B2AF
#BCBAAF
#B4C2AF
#ACCAAF
#A2D4AF
Colorpallet from #AFD4A2 to #A2AFD4 and to #A2D4AF
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#AFD4A2
#ADCEAA
#ADCFA9
#ADD0A8
#ADD1A7
#ADD2A6
#ADD3A5
#ADD4A4
#ABC8B2
#ABCAB0
#ABCCAE
#ABCEAC
#ABD0AA
#ABD2A8
#ABD4A6
#A9C2BA
#A9C5B7
#A9C8B4
#A9CBB1
#A9CEAE
#A9D0AC
#A9D4A8
#A7BCC2
#A7C0BE
#A7C4BA
#A7C8B6
#A7CBB3
#A7CFAF
#A7D4AA
#A5B6CA
#A5BBC5
#A5C0C0
#A5C4BC
#A5C9B7
#A5CEB2
#A5D4AC
#A2AFD4
#A2B5CE
#A2BBC8
#A2C1C2
#A2C7BC
#A2CDB6
#A2D4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts