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 #C1A4C2 to #C1C2A4 and to #A4C1C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A9BD
#C0A9BE
#BFA9BF
#BFA9BF
#BEA9C0
#BDA9C1
#BCA9C2
#C1AEB8
#C0AEBA
#BEAEBB
#BDAEBD
#BBADBE
#BAADC0
#B8ADC2
#C1B2B4
#BFB2B6
#BDB2B8
#BAB2BB
#B8B2BD
#B6B2BF
#B3B2C2
#C1B7AF
#BEB7B2
#BBB7B5
#B8B7B8
#B5B7BB
#B2B7BE
#AEB7C2
#C1BCAA
#BDBCAE
#BABCB2
#B6BCB6
#B2BBB9
#AFBBBD
#AABBC2
#C1C2A4
#BCC2A9
#B8C2AE
#B3C2B2
#AEC1B7
#AAC1BC
#A4C1C2
Colorpallet from #C1A4C2 to #C1C2A4 and to #A4C2C1
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A9BD
#C0A9BE
#BFA9BF
#BFA9BF
#BEA9C0
#BDA9C1
#BCA9C2
#C1AEB8
#C0AEBA
#BEAEBB
#BDAEBD
#BBAEBE
#BAAEC0
#B8AEC2
#C1B2B4
#BFB2B6
#BDB2B8
#BAB2BB
#B8B2BD
#B6B2BF
#B3B2C2
#C1B7AF
#BEB7B2
#BBB7B5
#B8B7B8
#B5B7BB
#B2B7BD
#AEB7C1
#C1BCAA
#BDBCAE
#BABCB1
#B6BCB5
#B2BCB9
#AFBCBC
#AABCC1
#C1C2A4
#BCC2A9
#B8C2AD
#B3C2B2
#AEC2B7
#AAC2BB
#A4C2C1
Colorpallet from #C1A4C2 to #C1C2A4 and to #C2C1A4
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A9BD
#C1A9BD
#C1A9BD
#C1A9BD
#C1A9BD
#C1A9BD
#C1A9BD
#C1AEB8
#C1AEB8
#C1AEB8
#C1AEB8
#C1ADB8
#C1ADB8
#C1ADB8
#C1B2B4
#C1B2B4
#C1B2B4
#C1B2B4
#C1B2B4
#C1B2B4
#C1B2B4
#C1B7AF
#C1B7AF
#C1B7AF
#C1B7AF
#C2B7AF
#C2B7AF
#C2B7AF
#C1BCAA
#C1BCAA
#C1BCAA
#C1BCAA
#C2BBAA
#C2BBAA
#C2BBAA
#C1C2A4
#C1C2A4
#C1C2A4
#C1C2A4
#C2C1A4
#C2C1A4
#C2C1A4
Colorpallet from #C1A4C2 to #C1C2A4 and to #C2A4C1
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A9BD
#C1A8BE
#C1A7BF
#C1A7BF
#C1A6C0
#C1A5C1
#C1A4C2
#C1AEB8
#C1ACBA
#C1ABBB
#C1A9BD
#C1A8BE
#C1A6C0
#C1A4C2
#C1B2B4
#C1B0B6
#C1AEB8
#C1ABBB
#C1A9BD
#C1A7BF
#C1A4C2
#C1B7AF
#C1B4B2
#C1B1B5
#C1AEB8
#C2ABBB
#C2A8BD
#C2A4C1
#C1BCAA
#C1B8AE
#C1B4B1
#C1B0B5
#C2ADB9
#C2A9BC
#C2A4C1
#C1C2A4
#C1BDA9
#C1B8AD
#C1B4B2
#C2AFB7
#C2AABB
#C2A4C1
Colorpallet from #C1A4C2 to #A4C1C2 and to #A4C2C1
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#BCA9C2
#BCA9C2
#BCA9C2
#BCA9C2
#BCA9C2
#BCA9C2
#BCA9C2
#B8ADC2
#B8ADC2
#B8ADC2
#B8ADC2
#B8AEC2
#B8AEC2
#B8AEC2
#B3B2C2
#B3B2C2
#B3B2C2
#B3B2C2
#B3B2C2
#B3B2C2
#B3B2C2
#AEB7C2
#AEB7C2
#AEB7C2
#AEB7C2
#AEB7C1
#AEB7C1
#AEB7C1
#AABBC2
#AABBC2
#AABBC2
#AABBC2
#AABCC1
#AABCC1
#AABCC1
#A4C1C2
#A4C1C2
#A4C1C2
#A4C1C2
#A4C2C1
#A4C2C1
#A4C2C1
Colorpallet from #C1A4C2 to #A4C1C2 and to #C2C1A4
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#BCA9C2
#BDA9C1
#BEA9C0
#BEA9C0
#BFA9BF
#C0A9BE
#C1A9BD
#B8ADC2
#B9ADC0
#BBADBF
#BCADBD
#BEADBC
#BFADBA
#C1ADB8
#B3B2C2
#B5B2C0
#B7B2BE
#BAB2BB
#BCB2B9
#BEB2B7
#C1B2B4
#AEB7C2
#B1B7BF
#B4B7BC
#B8B7B9
#BBB7B6
#BEB7B3
#C2B7AF
#AABBC2
#AEBBBE
#B2BBBA
#B6BBB6
#B9BBB3
#BDBBAF
#C2BBAA
#A4C1C2
#A9C1BD
#AEC1B8
#B2C1B4
#B7C1AF
#BCC1AA
#C2C1A4
Colorpallet from #C1A4C2 to #A4C1C2 and to #C2A4C1
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#BCA9C2
#BDA8C2
#BEA7C2
#BEA7C2
#BFA6C2
#C0A5C2
#C1A4C2
#B8ADC2
#B9ACC2
#BBAAC2
#BCA9C2
#BEA7C2
#BFA6C2
#C1A4C2
#B3B2C2
#B5B0C2
#B7AEC2
#BAABC2
#BCA9C2
#BEA7C2
#C1A4C2
#AEB7C2
#B1B4C2
#B4B1C2
#B8AEC2
#BBABC1
#BEA8C1
#C2A4C1
#AABBC2
#AEB7C2
#B2B4C2
#B6B0C2
#B9ACC1
#BDA9C1
#C2A4C1
#A4C1C2
#A9BCC2
#AEB8C2
#B2B3C2
#B7AEC1
#BCAAC1
#C2A4C1
Colorpallet from #C1A4C2 to #A4C2C1 and to #C2C1A4
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#BCA9C2
#BDA9C1
#BEA9C0
#BEA9C0
#BFA9BF
#C0A9BE
#C1A9BD
#B8AEC2
#B9AEC0
#BBAEBF
#BCAEBD
#BEADBC
#BFADBA
#C1ADB8
#B3B2C2
#B5B2C0
#B7B2BE
#BAB2BB
#BCB2B9
#BEB2B7
#C1B2B4
#AEB7C1
#B1B7BE
#B4B7BB
#B8B7B8
#BBB7B5
#BEB7B3
#C2B7AF
#AABCC1
#AEBCBD
#B2BCBA
#B6BCB6
#B9BBB2
#BDBBAF
#C2BBAA
#A4C2C1
#A9C2BC
#AEC2B8
#B2C2B3
#B7C1AE
#BCC1AA
#C2C1A4
Colorpallet from #C1A4C2 to #A4C2C1 and to #C2A4C1
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#BCA9C2
#BDA8C2
#BEA7C2
#BEA7C2
#BFA6C2
#C0A5C2
#C1A4C2
#B8AEC2
#B9ACC2
#BBABC2
#BCA9C2
#BEA8C2
#BFA6C2
#C1A4C2
#B3B2C2
#B5B0C2
#B7AEC2
#BAABC2
#BCA9C2
#BEA7C2
#C1A4C2
#AEB7C1
#B1B4C1
#B4B1C1
#B8AEC1
#BBABC1
#BEA8C1
#C2A4C1
#AABCC1
#AEB8C1
#B2B4C1
#B6B0C1
#B9ADC1
#BDA9C1
#C2A4C1
#A4C2C1
#A9BDC1
#AEB8C1
#B2B4C1
#B7AFC1
#BCAAC1
#C2A4C1
Colorpallet from #C1A4C2 to #C2C1A4 and to #C2A4C1
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A4C2
#C1A9BD
#C1A8BE
#C1A7BF
#C1A7BF
#C1A6C0
#C1A5C1
#C1A4C2
#C1ADB8
#C1ACBA
#C1AABB
#C1A9BD
#C1A7BE
#C1A6C0
#C1A4C2
#C1B2B4
#C1B0B6
#C1AEB8
#C1ABBB
#C1A9BD
#C1A7BF
#C1A4C2
#C2B7AF
#C2B4B2
#C2B1B5
#C2AEB8
#C2ABBB
#C2A8BD
#C2A4C1
#C2BBAA
#C2B7AE
#C2B4B1
#C2B0B5
#C2ACB9
#C2A9BC
#C2A4C1
#C2C1A4
#C2BCA9
#C2B8AD
#C2B3B2
#C2AEB7
#C2AABB
#C2A4C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts