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 #AF84C0 to #AFC084 and to #84AFC0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF8EB6
#AE8EB8
#AD8DB9
#AC8DBB
#AB8CBC
#A98CBE
#A88BC0
#AF97AD
#AD96B0
#AB95B3
#A895B6
#A694B9
#A493BC
#A192C0
#AFA1A3
#ACA0A8
#A89EAC
#A59DB1
#A29CB6
#9E9BBA
#9A99C0
#AFAA9A
#ABA8A0
#A6A7A6
#A2A5AC
#9DA4B2
#99A2B8
#93A0C0
#AFB490
#AAB298
#A4B09F
#9FADA7
#99ABAF
#94A9B6
#8DA6C0
#AFC084
#A8BD8E
#A1BB97
#9AB8A1
#93B5AA
#8DB2B4
#84AFC0
Colorpallet from #AF84C0 to #AFC084 and to #84C0AF
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF8EB6
#AE8EB7
#AD8EB8
#AC8EB9
#AB8EBA
#A98EBC
#A88EBD
#AF97AD
#AD97AF
#AB97B1
#A897B4
#A697B6
#A497B8
#A197BB
#AFA1A3
#ACA1A6
#A8A1AA
#A5A1AD
#A2A1B0
#9EA1B4
#9AA1B8
#AFAA9A
#ABAA9E
#A6AAA3
#A2AAA7
#9DAAAB
#99AAB0
#93AAB5
#AFB490
#AAB495
#A4B49B
#9FB4A0
#99B4A6
#94B4AB
#8DB4B2
#AFC084
#A8C08B
#A1C092
#9AC099
#93C0A0
#8DC0A6
#84C0AF
Colorpallet from #AF84C0 to #AFC084 and to #C0AF84
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF8EB6
#AF8EB6
#B08DB6
#B08DB6
#B18CB6
#B18CB6
#B28BB6
#AF97AD
#B096AD
#B195AD
#B195AD
#B294AD
#B393AD
#B492AD
#AFA1A3
#B0A0A3
#B29EA3
#B39DA3
#B49CA3
#B59BA3
#B799A3
#AFAA9A
#B1A89A
#B3A79A
#B4A59A
#B6A49A
#B8A29A
#BAA09A
#AFB490
#B1B290
#B3B090
#B6AD90
#B8AB90
#BAA990
#BDA690
#AFC084
#B2BD84
#B4BB84
#B7B884
#BAB584
#BDB284
#C0AF84
Colorpallet from #AF84C0 to #AFC084 and to #C084AF
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF8EB6
#AF8CB7
#B08BB8
#B089B9
#B188BA
#B186BC
#B284BD
#AF97AD
#B094AF
#B191B1
#B18EB4
#B28BB6
#B388B8
#B484BB
#AFA1A3
#B09CA6
#B298AA
#B393AD
#B48EB0
#B58AB4
#B784B8
#AFAA9A
#B1A49E
#B39EA3
#B498A7
#B692AB
#B88CB0
#BA84B5
#AFB490
#B1AC95
#B3A59B
#B69DA0
#B895A6
#BA8EAB
#BD84B2
#AFC084
#B2B68B
#B4AD92
#B7A399
#BA9AA0
#BD90A6
#C084AF
Colorpallet from #AF84C0 to #84AFC0 and to #84C0AF
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#A88BC0
#A88BC0
#A88CBF
#A88CBF
#A88DBE
#A88DBE
#A88EBD
#A192C0
#A193BF
#A194BE
#A194BE
#A195BD
#A196BC
#A197BB
#9A99C0
#9A9ABF
#9A9CBD
#9A9DBC
#9A9EBB
#9A9FBA
#9AA1B8
#93A0C0
#93A2BE
#93A3BC
#93A5BB
#93A6B9
#93A8B7
#93AAB5
#8DA6C0
#8DA8BE
#8DAABC
#8DADB9
#8DAFB7
#8DB1B5
#8DB4B2
#84AFC0
#84B2BD
#84B4BB
#84B7B8
#84BAB5
#84BDB2
#84C0AF
Colorpallet from #AF84C0 to #84AFC0 and to #C0AF84
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#A88BC0
#AA8BBE
#AB8BBD
#AD8BBB
#AE8BBA
#B08BB8
#B28BB6
#A192C0
#A492BD
#A792BA
#AA92B7
#AD92B4
#B092B1
#B492AD
#9A99C0
#9F99BB
#A399B7
#A899B2
#AD99AD
#B199A9
#B799A3
#93A0C0
#99A0BA
#9FA0B4
#A6A0AE
#ACA0A8
#B2A0A2
#BAA09A
#8DA6C0
#95A6B8
#9CA6B1
#A4A6A9
#ACA6A1
#B3A69A
#BDA690
#84AFC0
#8EAFB6
#97AFAD
#A1AFA3
#AAAF9A
#B4AF90
#C0AF84
Colorpallet from #AF84C0 to #84AFC0 and to #C084AF
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#A88BC0
#AA8AC0
#AB89BF
#AD88BF
#AE87BE
#B085BE
#B284BD
#A192C0
#A490BF
#A78EBE
#AA8BBE
#AD89BD
#B087BC
#B484BB
#9A99C0
#9F96BF
#A392BD
#A88FBC
#AD8CBB
#B188BA
#B784B8
#93A0C0
#999CBE
#9F97BC
#A693BB
#AC8EB9
#B28AB7
#BA84B5
#8DA6C0
#95A1BE
#9C9BBC
#A496B9
#AC90B7
#B38BB5
#BD84B2
#84AFC0
#8EA8BD
#97A1BB
#A19AB8
#AA93B5
#B48DB2
#C084AF
Colorpallet from #AF84C0 to #84C0AF and to #C0AF84
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#A88EBD
#AA8EBC
#AB8DBB
#AD8DBA
#AE8CB9
#B08CB7
#B28BB6
#A197BB
#A496B9
#A795B7
#AA95B4
#AD94B2
#B093B0
#B492AD
#9AA1B8
#9FA0B5
#A39EB1
#A89DAE
#AD9CAB
#B19BA7
#B799A3
#93AAB5
#99A8B1
#9FA7AC
#A6A5A8
#ACA4A4
#B2A29F
#BAA09A
#8DB4B2
#95B2AD
#9CB0A7
#A4ADA2
#ACAB9C
#B3A997
#BDA690
#84C0AF
#8EBDA8
#97BBA1
#A1B89A
#AAB593
#B4B28D
#C0AF84
Colorpallet from #AF84C0 to #84C0AF and to #C084AF
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#A88EBD
#AA8CBD
#AB8BBD
#AD89BD
#AE88BD
#B086BD
#B284BD
#A197BB
#A494BB
#A791BB
#AA8EBB
#AD8BBB
#B088BB
#B484BB
#9AA1B8
#9F9CB8
#A398B8
#A893B8
#AD8EB8
#B18AB8
#B784B8
#93AAB5
#99A4B5
#9F9EB5
#A698B5
#AC92B5
#B28CB5
#BA84B5
#8DB4B2
#95ACB2
#9CA5B2
#A49DB2
#AC95B2
#B38EB2
#BD84B2
#84C0AF
#8EB6AF
#97ADAF
#A1A3AF
#AA9AAF
#B490AF
#C084AF
Colorpallet from #AF84C0 to #C0AF84 and to #C084AF
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#AF84C0
#B28BB6
#B28AB7
#B289B8
#B288B9
#B287BA
#B285BC
#B284BD
#B492AD
#B490AF
#B48EB1
#B48BB4
#B489B6
#B487B8
#B484BB
#B799A3
#B796A6
#B792AA
#B78FAD
#B78CB0
#B788B4
#B784B8
#BAA09A
#BA9C9E
#BA97A3
#BA93A7
#BA8EAB
#BA8AB0
#BA84B5
#BDA690
#BDA195
#BD9B9B
#BD96A0
#BD90A6
#BD8BAB
#BD84B2
#C0AF84
#C0A88B
#C0A192
#C09A99
#C093A0
#C08DA6
#C084AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
