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 #B0C5A4 to #B0A4C5 and to #C5B0A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C0A9
#B0C0A8
#B1C1A7
#B1C1A7
#B2C1A6
#B2C2A5
#B3C2A4
#B0BAAF
#B1BBAD
#B2BBAB
#B3BCAA
#B4BDA8
#B6BDA6
#B7BEA4
#B0B5B4
#B2B6B1
#B3B7AF
#B5B8AC
#B6B9AA
#B8BAA7
#BABBA4
#B0B0B9
#B2B1B6
#B4B3B2
#B6B4AF
#B8B5AC
#BAB6A8
#BDB8A4
#B0ABBE
#B3ACBA
#B5AEB6
#B8AFB2
#BBB1AD
#BEB2A9
#C1B4A4
#B0A4C5
#B3A6C0
#B7A8BA
#BAAAB5
#BDACB0
#C1AEAB
#C5B0A4
Colorpallet from #B0C5A4 to #B0A4C5 and to #C5A4B0
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C0A9
#B0C0A9
#B1C0A8
#B1C0A8
#B2C0A7
#B2C0A7
#B3C0A6
#B0BAAF
#B1BAAE
#B2BAAD
#B3BAAC
#B4BAAB
#B6BAA9
#B7BAA8
#B0B5B4
#B2B5B2
#B3B5B1
#B5B5AF
#B6B5AE
#B8B5AC
#BAB5AA
#B0B0B9
#B2B0B7
#B4B0B5
#B6B0B3
#B8B0B1
#BAB0AF
#BDB0AC
#B0ABBE
#B3ABBB
#B5ABB9
#B8ABB6
#BBABB4
#BEABB1
#C1ABAE
#B0A4C5
#B3A4C2
#B7A4BE
#BAA4BB
#BDA4B8
#C1A4B4
#C5A4B0
Colorpallet from #B0C5A4 to #B0A4C5 and to #A4B0C5
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C0A9
#B0C0A9
#AFC1A9
#AFC1A9
#AFC1A9
#AEC2A9
#AEC2A9
#B0BAAF
#AFBBAF
#AFBBAF
#AEBCAF
#ADBDAF
#ADBDAF
#ACBEAF
#B0B5B4
#AFB6B4
#AEB7B4
#ADB8B4
#ACB9B4
#ABBAB4
#AABBB4
#B0B0B9
#AFB1B9
#ADB3B9
#ACB4B9
#ABB5B9
#AAB6B9
#A8B8B9
#B0ABBE
#AEACBE
#ADAEBE
#ABAFBE
#AAB1BE
#A8B2BE
#A6B4BE
#B0A4C5
#AEA6C5
#ACA8C5
#AAAAC5
#A8ACC5
#A6AEC5
#A4B0C5
Colorpallet from #B0C5A4 to #B0A4C5 and to #A4C5B0
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C0A9
#B0C1A9
#AFC2A8
#AFC2A8
#AFC3A7
#AEC4A7
#AEC5A6
#B0BAAF
#AFBCAE
#AFBEAD
#AEBFAC
#ADC1AB
#ADC3A9
#ACC5A8
#B0B5B4
#AFB8B2
#AEBAB1
#ADBDAF
#ACBFAE
#ABC2AC
#AAC5AA
#B0B0B9
#AFB3B7
#ADB7B5
#ACBAB3
#ABBDB1
#AAC1AF
#A8C5AC
#B0ABBE
#AEAFBB
#ADB3B9
#ABB7B6
#AABCB4
#A8C0B1
#A6C5AE
#B0A4C5
#AEA9C2
#ACAFBE
#AAB4BB
#A8B9B8
#A6BEB4
#A4C5B0
Colorpallet from #B0C5A4 to #C5B0A4 and to #C5A4B0
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B3C2A4
#B3C2A4
#B3C1A5
#B3C1A5
#B3C1A5
#B3C0A6
#B3C0A6
#B7BEA4
#B7BDA5
#B7BDA5
#B7BCA6
#B7BBA7
#B7BBA7
#B7BAA8
#BABBA4
#BABAA5
#BAB9A6
#BAB8A7
#BAB7A8
#BAB6A9
#BAB5AA
#BDB8A4
#BDB7A5
#BDB5A7
#BDB4A8
#BDB3A9
#BDB2AA
#BDB0AC
#C1B4A4
#C1B3A6
#C1B1A7
#C1B0A9
#C1AEAA
#C1ADAC
#C1ABAE
#C5B0A4
#C5AEA6
#C5ACA8
#C5AAAA
#C5A8AC
#C5A6AE
#C5A4B0
Colorpallet from #B0C5A4 to #C5B0A4 and to #A4B0C5
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B3C2A4
#B2C2A5
#B1C2A6
#B1C2A6
#B0C2A7
#AFC2A8
#AEC2A9
#B7BEA4
#B5BEA6
#B3BEA8
#B2BEA9
#B0BEAB
#AEBEAD
#ACBEAF
#BABBA4
#B7BBA7
#B5BBA9
#B2BBAC
#B0BBAE
#ADBBB1
#AABBB4
#BDB8A4
#BAB8A7
#B6B8AB
#B3B8AE
#B0B8B1
#ACB8B5
#A8B8B9
#C1B4A4
#BDB4A8
#B8B4AC
#B4B4B0
#B0B4B5
#ABB4B9
#A6B4BE
#C5B0A4
#C0B0A9
#BAB0AF
#B5B0B4
#B0B0B9
#ABB0BE
#A4B0C5
Colorpallet from #B0C5A4 to #C5B0A4 and to #A4C5B0
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B3C2A4
#B2C2A4
#B1C3A5
#B1C3A5
#B0C4A5
#AFC4A6
#AEC5A6
#B7BEA4
#B5BFA5
#B3C0A5
#B2C1A6
#B0C2A7
#AEC4A7
#ACC5A8
#BABBA4
#B7BDA5
#B5BEA6
#B2C0A7
#B0C1A8
#ADC3A9
#AAC5AA
#BDB8A4
#BABAA5
#B6BCA7
#B3BEA8
#B0C0A9
#ACC2AA
#A8C5AC
#C1B4A4
#BDB7A6
#B8B9A7
#B4BCA9
#B0BFAA
#ABC2AC
#A6C5AE
#C5B0A4
#C0B3A6
#BAB7A8
#B5BAAA
#B0BDAC
#ABC1AE
#A4C5B0
Colorpallet from #B0C5A4 to #C5A4B0 and to #A4B0C5
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B3C0A6
#B2C0A6
#B1C1A7
#B1C1A7
#B0C1A8
#AFC2A8
#AEC2A9
#B7BAA8
#B5BBA9
#B3BBAA
#B2BCAB
#B0BDAC
#AEBDAE
#ACBEAF
#BAB5AA
#B7B6AC
#B5B7AD
#B2B8AF
#B0B9B0
#ADBAB2
#AABBB4
#BDB0AC
#BAB1AE
#B6B3B0
#B3B4B2
#B0B5B4
#ACB6B6
#A8B8B9
#C1ABAE
#BDACB1
#B8AEB3
#B4AFB6
#B0B1B8
#ABB2BB
#A6B4BE
#C5A4B0
#C0A6B3
#BAA8B7
#B5AABA
#B0ACBD
#ABAEC1
#A4B0C5
Colorpallet from #B0C5A4 to #C5A4B0 and to #A4C5B0
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B3C0A6
#B2C1A6
#B1C2A6
#B1C2A6
#B0C3A6
#AFC4A6
#AEC5A6
#B7BAA8
#B5BCA8
#B3BEA8
#B2BFA8
#B0C1A8
#AEC3A8
#ACC5A8
#BAB5AA
#B7B8AA
#B5BAAA
#B2BDAA
#B0BFAA
#ADC2AA
#AAC5AA
#BDB0AC
#BAB3AC
#B6B7AC
#B3BAAC
#B0BDAC
#ACC1AC
#A8C5AC
#C1ABAE
#BDAFAE
#B8B3AE
#B4B7AE
#B0BCAE
#ABC0AE
#A6C5AE
#C5A4B0
#C0A9B0
#BAAFB0
#B5B4B0
#B0B9B0
#ABBEB0
#A4C5B0
Colorpallet from #B0C5A4 to #A4B0C5 and to #A4C5B0
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#B0C5A4
#AEC2A9
#AEC2A9
#AEC3A8
#AEC3A8
#AEC4A7
#AEC4A7
#AEC5A6
#ACBEAF
#ACBFAE
#ACC0AD
#ACC1AC
#ACC2AB
#ACC4A9
#ACC5A8
#AABBB4
#AABDB2
#AABEB1
#AAC0AF
#AAC1AE
#AAC3AC
#AAC5AA
#A8B8B9
#A8BAB7
#A8BCB5
#A8BEB3
#A8C0B1
#A8C2AF
#A8C5AC
#A6B4BE
#A6B7BB
#A6B9B9
#A6BCB6
#A6BFB4
#A6C2B1
#A6C5AE
#A4B0C5
#A4B3C2
#A4B7BE
#A4BABB
#A4BDB8
#A4C1B4
#A4C5B0
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts