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 #A4C2B6 to #A4B6C2 and to #C2A4B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C0B8
#A5C0B8
#A6BFB7
#A6BFB7
#A7BEB7
#A8BEB6
#A9BDB6
#A4BEBA
#A6BDB9
#A7BCB9
#A9BBB8
#AABAB7
#ACB9B7
#AEB8B6
#A4BCBC
#A6BBBB
#A8B9BA
#ABB8B9
#ADB7B8
#AFB6B7
#B2B4B6
#A4BABE
#A7B8BD
#AAB6BB
#ADB5BA
#B0B3B9
#B3B1B8
#B7AFB6
#A4B8C0
#A8B6BE
#ACB4BD
#B0B1BB
#B3AFBA
#B7ADB8
#BCAAB6
#A4B6C2
#A9B3C0
#AEB0BE
#B2ADBC
#B7AABA
#BCA8B8
#C2A4B6
Colorpallet from #A4C2B6 to #A4B6C2 and to #C2B6A4
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C0B8
#A5C0B7
#A6C0B6
#A6C0B6
#A7C0B5
#A8C0B4
#A9C0B3
#A4BEBA
#A6BEB8
#A7BEB7
#A9BEB5
#AABEB4
#ACBEB2
#AEBEB0
#A4BCBC
#A6BCBA
#A8BCB7
#ABBCB5
#ADBCB2
#AFBCB0
#B2BCAD
#A4BABE
#A7BABB
#AABAB8
#ADBAB4
#B0BAB1
#B3BAAE
#B7BAAA
#A4B8C0
#A8B8BC
#ACB8B8
#B0B8B4
#B3B8B1
#B7B8AD
#BCB8A8
#A4B6C2
#A9B6BD
#AEB6B8
#B2B6B4
#B7B6AF
#BCB6AA
#C2B6A4
Colorpallet from #A4C2B6 to #A4B6C2 and to #B6A4C2
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C0B8
#A4C0B8
#A5BFB8
#A5BFB8
#A6BEB8
#A6BEB8
#A7BDB8
#A4BEBA
#A5BDBA
#A6BCBA
#A7BBBA
#A8BABA
#A9B9BA
#AAB8BA
#A4BCBC
#A5BBBC
#A7B9BC
#A8B8BC
#AAB7BC
#ABB6BC
#ADB4BC
#A4BABE
#A6B8BE
#A8B6BE
#AAB5BE
#ACB3BE
#AEB1BE
#B0AFBE
#A4B8C0
#A6B6C0
#A8B4C0
#ABB1C0
#ADAFC0
#AFADC0
#B2AAC0
#A4B6C2
#A7B3C2
#AAB0C2
#ADADC2
#B0AAC2
#B2A8C2
#B6A4C2
Colorpallet from #A4C2B6 to #A4B6C2 and to #B6C2A4
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C0B8
#A4C0B7
#A5C1B6
#A5C1B6
#A6C1B5
#A6C2B4
#A7C2B3
#A4BEBA
#A5BFB8
#A6BFB7
#A7C0B5
#A8C1B4
#A9C1B2
#AAC2B0
#A4BCBC
#A5BDBA
#A7BEB7
#A8BFB5
#AAC0B2
#ABC1B0
#ADC2AD
#A4BABE
#A6BBBB
#A8BDB8
#AABEB4
#ACBFB1
#AEC0AE
#B0C2AA
#A4B8C0
#A6BABC
#A8BBB8
#ABBDB4
#ADBEB1
#AFC0AD
#B2C2A8
#A4B6C2
#A7B8BD
#AABAB8
#ADBCB4
#B0BEAF
#B2C0AA
#B6C2A4
Colorpallet from #A4C2B6 to #C2A4B6 and to #C2B6A4
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A9BDB6
#A9BDB6
#A9BEB5
#A9BEB5
#A9BFB4
#A9BFB4
#A9C0B3
#AEB8B6
#AEB9B5
#AEBAB4
#AEBBB3
#AEBCB2
#AEBDB1
#AEBEB0
#B2B4B6
#B2B5B5
#B2B7B3
#B2B8B2
#B2B9B0
#B2BAAF
#B2BCAD
#B7AFB6
#B7B1B4
#B7B3B2
#B7B4B0
#B7B6AE
#B7B8AC
#B7BAAA
#BCAAB6
#BCACB4
#BCAEB2
#BCB1AF
#BCB3AD
#BCB5AB
#BCB8A8
#C2A4B6
#C2A7B3
#C2AAB0
#C2ADAD
#C2B0AA
#C2B2A8
#C2B6A4
Colorpallet from #A4C2B6 to #C2A4B6 and to #B6A4C2
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A9BDB6
#A9BDB6
#A8BDB7
#A8BDB7
#A8BDB7
#A7BDB8
#A7BDB8
#AEB8B6
#ADB8B7
#ADB8B7
#ACB8B8
#ABB8B9
#ABB8B9
#AAB8BA
#B2B4B6
#B1B4B7
#B0B4B8
#B0B4B9
#AFB4BA
#AEB4BB
#ADB4BC
#B7AFB6
#B6AFB7
#B5AFB9
#B4AFBA
#B3AFBB
#B1AFBC
#B0AFBE
#BCAAB6
#BAAAB8
#B9AAB9
#B7AABB
#B6AABC
#B4AABE
#B2AAC0
#C2A4B6
#C0A4B8
#BEA4BA
#BCA4BC
#BAA4BE
#B8A4C0
#B6A4C2
Colorpallet from #A4C2B6 to #C2A4B6 and to #B6C2A4
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A9BDB6
#A9BEB6
#A8BFB5
#A8BFB5
#A8C0B4
#A7C1B4
#A7C2B3
#AEB8B6
#ADBAB5
#ADBBB4
#ACBDB3
#ABBEB2
#ABC0B1
#AAC2B0
#B2B4B6
#B1B6B5
#B0B8B3
#B0BBB2
#AFBDB0
#AEBFAF
#ADC2AD
#B7AFB6
#B6B2B4
#B5B5B2
#B4B8B0
#B3BBAE
#B1BEAC
#B0C2AA
#BCAAB6
#BAAEB4
#B9B2B2
#B7B6AF
#B6B9AD
#B4BDAB
#B2C2A8
#C2A4B6
#C0A9B3
#BEAEB0
#BCB2AD
#BAB7AA
#B8BCA8
#B6C2A4
Colorpallet from #A4C2B6 to #C2B6A4 and to #B6A4C2
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A9C0B3
#A9C0B4
#A8BFB5
#A8BFB5
#A8BEB6
#A7BEB7
#A7BDB8
#AEBEB0
#ADBDB2
#ADBCB3
#ACBBB5
#ABBAB6
#ABB9B8
#AAB8BA
#B2BCAD
#B1BBAF
#B0B9B2
#B0B8B4
#AFB7B7
#AEB6B9
#ADB4BC
#B7BAAA
#B6B8AD
#B5B6B0
#B4B5B4
#B3B3B7
#B1B1BA
#B0AFBE
#BCB8A8
#BAB6AC
#B9B4B0
#B7B1B4
#B6AFB7
#B4ADBB
#B2AAC0
#C2B6A4
#C0B3A9
#BEB0AE
#BCADB2
#BAAAB7
#B8A8BC
#B6A4C2
Colorpallet from #A4C2B6 to #C2B6A4 and to #B6C2A4
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A9C0B3
#A9C0B3
#A8C1B3
#A8C1B3
#A8C1B3
#A7C2B3
#A7C2B3
#AEBEB0
#ADBFB0
#ADBFB0
#ACC0B0
#ABC1B0
#ABC1B0
#AAC2B0
#B2BCAD
#B1BDAD
#B0BEAD
#B0BFAD
#AFC0AD
#AEC1AD
#ADC2AD
#B7BAAA
#B6BBAA
#B5BDAA
#B4BEAA
#B3BFAA
#B1C0AA
#B0C2AA
#BCB8A8
#BABAA8
#B9BBA8
#B7BDA8
#B6BEA8
#B4C0A8
#B2C2A8
#C2B6A4
#C0B8A4
#BEBAA4
#BCBCA4
#BABEA4
#B8C0A4
#B6C2A4
Colorpallet from #A4C2B6 to #B6A4C2 and to #B6C2A4
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A4C2B6
#A7BDB8
#A7BEB7
#A7BFB6
#A7BFB6
#A7C0B5
#A7C1B4
#A7C2B3
#AAB8BA
#AABAB8
#AABBB7
#AABDB5
#AABEB4
#AAC0B2
#AAC2B0
#ADB4BC
#ADB6BA
#ADB8B7
#ADBBB5
#ADBDB2
#ADBFB0
#ADC2AD
#B0AFBE
#B0B2BB
#B0B5B8
#B0B8B4
#B0BBB1
#B0BEAE
#B0C2AA
#B2AAC0
#B2AEBC
#B2B2B8
#B2B6B4
#B2B9B1
#B2BDAD
#B2C2A8
#B6A4C2
#B6A9BD
#B6AEB8
#B6B2B4
#B6B7AF
#B6BCAA
#B6C2A4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
