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 #AFA1D8 to #AFD8A1 and to #A1AFD8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFAACF
#AFA9D0
#AEA8D2
#AEA7D3
#AEA6D5
#ADA4D6
#ADA3D8
#AFB3C6
#AEB1C9
#AEAFCC
#ADACCF
#ACAAD2
#ACA8D4
#ABA5D8
#AFBBBE
#AEB8C2
#ADB5C6
#ACB2CA
#ABAFCF
#A9ACD3
#A8A8D8
#AFC4B5
#AEC0BB
#ACBCC0
#ABB8C6
#A9B3CB
#A8AFD1
#A6AAD8
#AFCDAC
#ADC8B3
#ABC2BA
#AABDC1
#A8B8C8
#A6B3CF
#A4ACD8
#AFD8A1
#ADD1AA
#ABCBB3
#A8C4BB
#A6BEC4
#A4B7CD
#A1AFD8
Colorpallet from #AFA1D8 to #AFD8A1 and to #A1D8AF
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFAACF
#AFAACF
#AEAAD0
#AEAAD0
#AEAAD0
#ADAAD1
#ADAAD1
#AFB3C6
#AEB3C7
#AEB3C8
#ADB3C8
#ACB3C9
#ACB3CA
#ABB3CB
#AFBBBE
#AEBBBF
#ADBBC0
#ACBBC1
#ABBBC2
#A9BBC3
#A8BBC4
#AFC4B5
#AEC4B6
#ACC4B8
#ABC4B9
#A9C4BB
#A8C4BC
#A6C4BE
#AFCDAC
#ADCDAE
#ABCDB0
#AACDB1
#A8CDB3
#A6CDB5
#A4CDB7
#AFD8A1
#ADD8A3
#ABD8A5
#A8D8A8
#A6D8AA
#A4D8AC
#A1D8AF
Colorpallet from #AFA1D8 to #AFD8A1 and to #D8AFA1
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFAACF
#B0A9CF
#B1A8CF
#B2A7CF
#B3A6CF
#B5A4CF
#B6A3CF
#AFB3C6
#B1B1C6
#B3AFC6
#B5ACC6
#B7AAC6
#B9A8C6
#BCA5C6
#AFBBBE
#B2B8BE
#B5B5BE
#B9B2BE
#BCAFBE
#BFACBE
#C3A8BE
#AFC4B5
#B3C0B5
#B7BCB5
#BBB8B5
#C0B3B5
#C4AFB5
#C9AAB5
#AFCDAC
#B4C8AC
#BAC2AC
#BFBDAC
#C4B8AC
#C9B3AC
#D0ACAC
#AFD8A1
#B6D1A1
#BCCBA1
#C3C4A1
#C9BEA1
#D0B7A1
#D8AFA1
Colorpallet from #AFA1D8 to #AFD8A1 and to #D8A1AF
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFAACF
#B0A9CF
#B1A7D0
#B2A6D0
#B3A4D0
#B5A3D1
#B6A1D1
#AFB3C6
#B1B0C7
#B3ADC8
#B5AAC8
#B7A7C9
#B9A5CA
#BCA1CB
#AFBBBE
#B2B7BF
#B5B3C0
#B9AFC1
#BCAAC2
#BFA6C3
#C3A1C4
#AFC4B5
#B3BEB6
#B7B9B8
#BBB3B9
#C0AEBB
#C4A8BC
#C9A1BE
#AFCDAC
#B4C6AE
#BABFB0
#BFB8B1
#C4B1B3
#C9AAB5
#D0A1B7
#AFD8A1
#B6CFA3
#BCC6A5
#C3BEA8
#C9B5AA
#D0ACAC
#D8A1AF
Colorpallet from #AFA1D8 to #A1AFD8 and to #A1D8AF
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#ADA3D8
#ADA4D7
#ADA5D6
#ADA6D5
#ADA7D4
#ADA9D2
#ADAAD1
#ABA5D8
#ABA7D6
#ABA9D4
#ABACD2
#ABAED0
#ABB0CE
#ABB3CB
#A8A8D8
#A8ABD5
#A8AED2
#A8B1CE
#A8B4CB
#A8B7C8
#A8BBC4
#A6AAD8
#A6AED4
#A6B2D0
#A6B6CC
#A6BBC7
#A6BFC3
#A6C4BE
#A4ACD8
#A4B1D3
#A4B7CD
#A4BCC8
#A4C1C3
#A4C6BE
#A4CDB7
#A1AFD8
#A1B6D1
#A1BCCB
#A1C3C4
#A1C9BE
#A1D0B7
#A1D8AF
Colorpallet from #AFA1D8 to #A1AFD8 and to #D8AFA1
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#ADA3D8
#AEA3D7
#B0A3D5
#B1A3D4
#B3A3D2
#B4A3D1
#B6A3CF
#ABA5D8
#AEA5D5
#B0A5D2
#B3A5CF
#B6A5CC
#B9A5CA
#BCA5C6
#A8A8D8
#ACA8D4
#B1A8D0
#B5A8CC
#B9A8C7
#BEA8C3
#C3A8BE
#A6AAD8
#ACAAD2
#B1AACD
#B7AAC7
#BCAAC2
#C2AABC
#C9AAB5
#A4ACD8
#ABACD1
#B2ACCA
#B9ACC3
#C0ACBC
#C7ACB5
#D0ACAC
#A1AFD8
#AAAFCF
#B3AFC6
#BBAFBE
#C4AFB5
#CDAFAC
#D8AFA1
Colorpallet from #AFA1D8 to #A1AFD8 and to #D8A1AF
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#ADA3D8
#AEA3D7
#B0A2D6
#B1A2D5
#B3A2D4
#B4A1D2
#B6A1D1
#ABA5D8
#AEA4D6
#B0A4D4
#B3A3D2
#B6A2D0
#B9A2CE
#BCA1CB
#A8A8D8
#ACA7D5
#B1A6D2
#B5A5CE
#B9A4CB
#BEA2C8
#C3A1C4
#A6AAD8
#ACA9D4
#B1A7D0
#B7A6CC
#BCA4C7
#C2A3C3
#C9A1BE
#A4ACD8
#ABAAD3
#B2A8CD
#B9A7C8
#C0A5C3
#C7A3BE
#D0A1B7
#A1AFD8
#AAADD1
#B3ABCB
#BBA8C4
#C4A6BE
#CDA4B7
#D8A1AF
Colorpallet from #AFA1D8 to #A1D8AF and to #D8AFA1
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#ADAAD1
#AEA9D1
#B0A8D0
#B1A7D0
#B3A6D0
#B4A4CF
#B6A3CF
#ABB3CB
#AEB1CA
#B0AFC9
#B3ACC9
#B6AAC8
#B9A8C7
#BCA5C6
#A8BBC4
#ACB8C3
#B1B5C2
#B5B2C1
#B9AFC0
#BEACBF
#C3A8BE
#A6C4BE
#ACC0BD
#B1BCBB
#B7B8BA
#BCB3B8
#C2AFB7
#C9AAB5
#A4CDB7
#ABC8B5
#B2C2B3
#B9BDB2
#C0B8B0
#C7B3AE
#D0ACAC
#A1D8AF
#AAD1AD
#B3CBAB
#BBC4A8
#C4BEA6
#CDB7A4
#D8AFA1
Colorpallet from #AFA1D8 to #A1D8AF and to #D8A1AF
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#ADAAD1
#AEA9D1
#B0A7D1
#B1A6D1
#B3A4D1
#B4A3D1
#B6A1D1
#ABB3CB
#AEB0CB
#B0ADCB
#B3AACB
#B6A7CB
#B9A5CB
#BCA1CB
#A8BBC4
#ACB7C4
#B1B3C4
#B5AFC4
#B9AAC4
#BEA6C4
#C3A1C4
#A6C4BE
#ACBEBE
#B1B9BE
#B7B3BE
#BCAEBE
#C2A8BE
#C9A1BE
#A4CDB7
#ABC6B7
#B2BFB7
#B9B8B7
#C0B1B7
#C7AAB7
#D0A1B7
#A1D8AF
#AACFAF
#B3C6AF
#BBBEAF
#C4B5AF
#CDACAF
#D8A1AF
Colorpallet from #AFA1D8 to #D8AFA1 and to #D8A1AF
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#AFA1D8
#B6A3CF
#B6A3CF
#B6A2D0
#B6A2D0
#B6A2D0
#B6A1D1
#B6A1D1
#BCA5C6
#BCA4C7
#BCA4C8
#BCA3C8
#BCA2C9
#BCA2CA
#BCA1CB
#C3A8BE
#C3A7BF
#C3A6C0
#C3A5C1
#C3A4C2
#C3A2C3
#C3A1C4
#C9AAB5
#C9A9B6
#C9A7B8
#C9A6B9
#C9A4BB
#C9A3BC
#C9A1BE
#D0ACAC
#D0AAAE
#D0A8B0
#D0A7B1
#D0A5B3
#D0A3B5
#D0A1B7
#D8AFA1
#D8ADA3
#D8ABA5
#D8A8A8
#D8A6AA
#D8A4AC
#D8A1AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
