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 #AFD498 to #AF98D4 and to #D4AF98
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFCAA2
#B0CBA0
#B1CB9F
#B2CC9D
#B3CD9C
#B4CD9A
#B5CE98
#AFC1AB
#B1C2A8
#B3C3A5
#B5C4A2
#B7C59F
#B9C79C
#BBC898
#AFB7B5
#B2B9B0
#B5BBAC
#B8BCA7
#BBBEA2
#BDC09E
#C1C298
#AFAEBE
#B3B0B8
#B7B2B2
#BBB5AC
#BEB7A6
#C2B9A0
#C7BC98
#AFA4C8
#B4A7C0
#B9AAB9
#BDADB1
#C2B0A9
#C7B2A2
#CDB698
#AF98D4
#B59CCA
#BB9FC1
#C1A3B7
#C7A7AE
#CDAAA4
#D4AF98
Colorpallet from #AFD498 to #AF98D4 and to #D498AF
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFCAA2
#B0CAA1
#B1CAA0
#B2CA9F
#B3CA9E
#B4CA9D
#B5CA9C
#AFC1AB
#B1C1A9
#B3C1A7
#B5C1A5
#B7C1A3
#B9C1A1
#BBC19F
#AFB7B5
#B2B7B2
#B5B7AF
#B8B7AC
#BBB7A9
#BDB7A7
#C1B7A3
#AFAEBE
#B3AEBA
#B7AEB7
#BBAEB3
#BEAEAF
#C2AEAC
#C7AEA7
#AFA4C8
#B4A4C3
#B9A4BE
#BDA4BA
#C2A4B5
#C7A4B0
#CDA4AA
#AF98D4
#B598CE
#BB98C8
#C198C2
#C798BC
#CD98B6
#D498AF
Colorpallet from #AFD498 to #AF98D4 and to #98AFD4
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFCAA2
#AECBA2
#AECBA2
#ADCCA2
#ACCDA2
#ACCDA2
#ABCEA2
#AFC1AB
#AEC2AB
#ADC3AB
#ACC4AB
#ABC5AB
#A9C7AB
#A8C8AB
#AFB7B5
#ADB9B5
#ABBBB5
#AABCB5
#A8BEB5
#A6C0B5
#A4C2B5
#AFAEBE
#ADB0BE
#AAB2BE
#A8B5BE
#A5B7BE
#A3B9BE
#A0BCBE
#AFA4C8
#ACA7C8
#A9AAC8
#A6ADC8
#A3B0C8
#A1B2C8
#9DB6C8
#AF98D4
#AB9CD4
#A89FD4
#A4A3D4
#A0A7D4
#9DAAD4
#98AFD4
Colorpallet from #AFD498 to #AF98D4 and to #98D4AF
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFCAA2
#AECCA1
#AECDA0
#ADCF9F
#ACD09E
#ACD29D
#ABD49C
#AFC1AB
#AEC4A9
#ADC7A7
#ACCAA5
#ABCDA3
#A9D0A1
#A8D49F
#AFB7B5
#ADBCB2
#ABC0AF
#AAC5AC
#A8CAA9
#A6CEA7
#A4D4A3
#AFAEBE
#ADB4BA
#AABAB7
#A8C0B3
#A5C6AF
#A3CCAC
#A0D4A7
#AFA4C8
#ACACC3
#A9B3BE
#A6BBBA
#A3C3B5
#A1CAB0
#9DD4AA
#AF98D4
#ABA2CE
#A8ABC8
#A4B5C2
#A0BEBC
#9DC8B6
#98D4AF
Colorpallet from #AFD498 to #D4AF98 and to #D498AF
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#B5CE98
#B5CD99
#B5CD99
#B5CC9A
#B5CB9B
#B5CB9B
#B5CA9C
#BBC898
#BBC799
#BBC69A
#BBC59B
#BBC49C
#BBC29E
#BBC19F
#C1C298
#C1C09A
#C1BE9C
#C1BD9D
#C1BB9F
#C1B9A1
#C1B7A3
#C7BC98
#C7BA9A
#C7B89D
#C7B59F
#C7B3A2
#C7B1A4
#C7AEA7
#CDB698
#CDB39B
#CDB09E
#CDADA1
#CDAAA4
#CDA8A6
#CDA4AA
#D4AF98
#D4AB9C
#D4A89F
#D4A4A3
#D4A0A7
#D49DAA
#D498AF
Colorpallet from #AFD498 to #D4AF98 and to #98AFD4
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#B5CE98
#B3CE9A
#B2CE9B
#B0CE9D
#AFCE9E
#ADCEA0
#ABCEA2
#BBC898
#B8C89B
#B5C89E
#B2C8A1
#AFC8A4
#ACC8A7
#A8C8AB
#C1C298
#BCC29D
#B8C2A1
#B3C2A6
#AEC2AB
#AAC2AF
#A4C2B5
#C7BC98
#C1BC9E
#BBBCA4
#B4BCAA
#AEBCB0
#A8BCB6
#A0BCBE
#CDB698
#C5B6A0
#BEB6A7
#B6B6AF
#AEB6B7
#A7B6BE
#9DB6C8
#D4AF98
#CAAFA2
#C1AFAB
#B7AFB5
#AEAFBE
#A4AFC8
#98AFD4
Colorpallet from #AFD498 to #D4AF98 and to #98D4AF
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#B5CE98
#B3CF99
#B2D099
#B0D19A
#AFD29B
#ADD39B
#ABD49C
#BBC898
#B8CA99
#B5CC9A
#B2CE9B
#AFD09C
#ACD29E
#A8D49F
#C1C298
#BCC59A
#B8C89C
#B3CB9D
#AECE9F
#AAD0A1
#A4D4A3
#C7BC98
#C1C09A
#BBC49D
#B4C89F
#AECBA2
#A8CFA4
#A0D4A7
#CDB698
#C5BB9B
#BEC09E
#B6C4A1
#AEC9A4
#A7CEA6
#9DD4AA
#D4AF98
#CAB59C
#C1BB9F
#B7C1A3
#AEC7A7
#A4CDAA
#98D4AF
Colorpallet from #AFD498 to #D498AF and to #98AFD4
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#B5CA9C
#B3CB9D
#B2CB9E
#B0CC9F
#AFCDA0
#ADCDA1
#ABCEA2
#BBC19F
#B8C2A1
#B5C3A3
#B2C4A5
#AFC5A7
#ACC7A9
#A8C8AB
#C1B7A3
#BCB9A6
#B8BBA9
#B3BCAC
#AEBEAF
#AAC0B1
#A4C2B5
#C7AEA7
#C1B0AB
#BBB2AE
#B4B5B2
#AEB7B6
#A8B9B9
#A0BCBE
#CDA4AA
#C5A7AF
#BEAAB4
#B6ADB8
#AEB0BD
#A7B2C2
#9DB6C8
#D498AF
#CA9CB5
#C19FBB
#B7A3C1
#AEA7C7
#A4AACD
#98AFD4
Colorpallet from #AFD498 to #D498AF and to #98D4AF
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#B5CA9C
#B3CC9C
#B2CD9C
#B0CF9C
#AFD09C
#ADD29C
#ABD49C
#BBC19F
#B8C49F
#B5C79F
#B2CA9F
#AFCD9F
#ACD09F
#A8D49F
#C1B7A3
#BCBCA3
#B8C0A3
#B3C5A3
#AECAA3
#AACEA3
#A4D4A3
#C7AEA7
#C1B4A7
#BBBAA7
#B4C0A7
#AEC6A7
#A8CCA7
#A0D4A7
#CDA4AA
#C5ACAA
#BEB3AA
#B6BBAA
#AEC3AA
#A7CAAA
#9DD4AA
#D498AF
#CAA2AF
#C1ABAF
#B7B5AF
#AEBEAF
#A4C8AF
#98D4AF
Colorpallet from #AFD498 to #98AFD4 and to #98D4AF
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#AFD498
#ABCEA2
#ABCFA1
#ABD0A0
#ABD19F
#ABD29E
#ABD39D
#ABD49C
#A8C8AB
#A8CAA9
#A8CCA7
#A8CEA5
#A8D0A3
#A8D2A1
#A8D49F
#A4C2B5
#A4C5B2
#A4C8AF
#A4CBAC
#A4CEA9
#A4D0A7
#A4D4A3
#A0BCBE
#A0C0BA
#A0C4B7
#A0C8B3
#A0CBAF
#A0CFAC
#A0D4A7
#9DB6C8
#9DBBC3
#9DC0BE
#9DC4BA
#9DC9B5
#9DCEB0
#9DD4AA
#98AFD4
#98B5CE
#98BBC8
#98C1C2
#98C7BC
#98CDB6
#98D4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts