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 #B296DB to #B2DB96 and to #96B2DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B2A1D0
#B1A0D2
#B19FD4
#B09ED5
#AF9DD7
#AF9BD9
#AE9ADB
#B2ACC5
#B1AAC9
#AFA8CC
#AEA6D0
#ACA4D3
#ABA2D7
#A99FDB
#B2B7BA
#B0B4BF
#AEB1C5
#ACADCA
#AAAACF
#A8A7D4
#A5A3DB
#B2C2AF
#AFBEB6
#ACBABD
#A9B6C4
#A6B1CB
#A4ADD2
#A0A8DB
#B2CDA4
#AEC8AD
#ABC2B6
#A7BDBE
#A4B8C7
#A0B3D0
#9CACDB
#B2DB96
#AED4A1
#A9CEAC
#A5C7B7
#A0C1C2
#9CBACD
#96B2DB
Colorpallet from #B296DB to #B2DB96 and to #96DBB2
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B2A1D0
#B1A1D1
#B1A1D1
#B0A1D2
#AFA1D3
#AFA1D3
#AEA1D4
#B2ACC5
#B1ACC6
#AFACC8
#AEACC9
#ACACCB
#ABACCC
#A9ACCE
#B2B7BA
#B0B7BC
#AEB7BE
#ACB7C0
#AAB7C2
#A8B7C4
#A5B7C7
#B2C2AF
#AFC2B2
#ACC2B5
#A9C2B8
#A6C2BB
#A4C2BD
#A0C2C1
#B2CDA4
#AECDA8
#ABCDAB
#A7CDAF
#A4CDB2
#A0CDB6
#9CCDBA
#B2DB96
#AEDB9A
#A9DB9F
#A5DBA3
#A0DBA8
#9CDBAC
#96DBB2
Colorpallet from #B296DB to #B2DB96 and to #DBB296
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B2A1D0
#B3A0D0
#B49FD0
#B59ED0
#B69DD0
#B89BD0
#B99AD0
#B2ACC5
#B4AAC5
#B6A8C5
#B8A6C5
#BAA4C5
#BCA2C5
#BF9FC5
#B2B7BA
#B5B4BA
#B8B1BA
#BCADBA
#BFAABA
#C2A7BA
#C6A3BA
#B2C2AF
#B6BEAF
#BABAAF
#BEB6AF
#C3B1AF
#C7ADAF
#CCA8AF
#B2CDA4
#B7C8A4
#BDC2A4
#C2BDA4
#C7B8A4
#CCB3A4
#D3ACA4
#B2DB96
#B9D496
#BFCE96
#C6C796
#CCC196
#D3BA96
#DBB296
Colorpallet from #B296DB to #B2DB96 and to #DB96B2
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B2A1D0
#B39FD1
#B49DD1
#B59CD2
#B69AD3
#B898D3
#B996D4
#B2ACC5
#B4A8C6
#B6A5C8
#B8A1C9
#BA9ECB
#BC9ACC
#BF96CE
#B2B7BA
#B5B2BC
#B8ACBE
#BCA7C0
#BFA2C2
#C29DC4
#C696C7
#B2C2AF
#B6BBB2
#BAB4B5
#BEADB8
#C3A6BB
#C79FBD
#CC96C1
#B2CDA4
#B7C4A8
#BDBBAB
#C2B3AF
#C7AAB2
#CCA1B6
#D396BA
#B2DB96
#B9D09A
#BFC59F
#C6BAA3
#CCAFA8
#D3A4AC
#DB96B2
Colorpallet from #B296DB to #96B2DB and to #96DBB2
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#AE9ADB
#AE9BDA
#AE9CD9
#AE9DD8
#AE9ED7
#AEA0D5
#AEA1D4
#A99FDB
#A9A1D9
#A9A3D7
#A9A5D5
#A9A7D3
#A9A9D1
#A9ACCE
#A5A3DB
#A5A6D8
#A5A9D5
#A5ADD1
#A5B0CE
#A5B3CB
#A5B7C7
#A0A8DB
#A0ACD7
#A0B0D3
#A0B4CF
#A0B9CA
#A0BDC6
#A0C2C1
#9CACDB
#9CB1D6
#9CB7D0
#9CBCCB
#9CC1C6
#9CC6C1
#9CCDBA
#96B2DB
#96B9D4
#96BFCE
#96C6C7
#96CCC1
#96D3BA
#96DBB2
Colorpallet from #B296DB to #96B2DB and to #DBB296
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#AE9ADB
#B09AD9
#B29AD7
#B39AD6
#B59AD4
#B79AD2
#B99AD0
#A99FDB
#AD9FD7
#B09FD4
#B49FD0
#B79FCD
#BB9FC9
#BF9FC5
#A5A3DB
#AAA3D6
#B0A3D0
#B5A3CB
#BAA3C6
#BFA3C1
#C6A3BA
#A0A8DB
#A7A8D4
#AEA8CD
#B5A8C6
#BCA8BF
#C3A8B8
#CCA8AF
#9CACDB
#A5ACD2
#AEACC9
#B6ACC1
#BFACB8
#C8ACAF
#D3ACA4
#96B2DB
#A1B2D0
#ACB2C5
#B7B2BA
#C2B2AF
#CDB2A4
#DBB296
Colorpallet from #B296DB to #96B2DB and to #DB96B2
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#AE9ADB
#B099DA
#B299D9
#B398D8
#B597D7
#B797D5
#B996D4
#A99FDB
#AD9ED9
#B09CD7
#B49BD5
#B799D3
#BB98D1
#BF96CE
#A5A3DB
#AAA1D8
#B09FD5
#B59DD1
#BA9BCE
#BF99CB
#C696C7
#A0A8DB
#A7A5D7
#AEA2D3
#B59FCF
#BC9CCA
#C39AC6
#CC96C1
#9CACDB
#A5A8D6
#AEA5D0
#B6A1CB
#BF9EC6
#C89AC1
#D396BA
#96B2DB
#A1AED4
#ACA9CE
#B7A5C7
#C2A0C1
#CD9CBA
#DB96B2
Colorpallet from #B296DB to #96DBB2 and to #DBB296
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#AEA1D4
#B0A0D3
#B29FD3
#B39ED2
#B59DD1
#B79BD1
#B99AD0
#A9ACCE
#ADAACD
#B0A8CB
#B4A6CA
#B7A4C8
#BBA2C7
#BF9FC5
#A5B7C7
#AAB4C5
#B0B1C3
#B5ADC1
#BAAABF
#BFA7BD
#C6A3BA
#A0C2C1
#A7BEBE
#AEBABB
#B5B6B8
#BCB1B5
#C3ADB3
#CCA8AF
#9CCDBA
#A5C8B6
#AEC2B3
#B6BDAF
#BFB8AC
#C8B3A8
#D3ACA4
#96DBB2
#A1D4AE
#ACCEA9
#B7C7A5
#C2C1A0
#CDBA9C
#DBB296
Colorpallet from #B296DB to #96DBB2 and to #DB96B2
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#AEA1D4
#B09FD4
#B29DD4
#B39CD4
#B59AD4
#B798D4
#B996D4
#A9ACCE
#ADA8CE
#B0A5CE
#B4A1CE
#B79ECE
#BB9ACE
#BF96CE
#A5B7C7
#AAB2C7
#B0ACC7
#B5A7C7
#BAA2C7
#BF9DC7
#C696C7
#A0C2C1
#A7BBC1
#AEB4C1
#B5ADC1
#BCA6C1
#C39FC1
#CC96C1
#9CCDBA
#A5C4BA
#AEBBBA
#B6B3BA
#BFAABA
#C8A1BA
#D396BA
#96DBB2
#A1D0B2
#ACC5B2
#B7BAB2
#C2AFB2
#CDA4B2
#DB96B2
Colorpallet from #B296DB to #DBB296 and to #DB96B2
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B296DB
#B99AD0
#B999D1
#B999D1
#B998D2
#B997D3
#B997D3
#B996D4
#BF9FC5
#BF9EC6
#BF9CC8
#BF9BC9
#BF99CB
#BF98CC
#BF96CE
#C6A3BA
#C6A1BC
#C69FBE
#C69DC0
#C69BC2
#C699C4
#C696C7
#CCA8AF
#CCA5B2
#CCA2B5
#CC9FB8
#CC9CBB
#CC9ABD
#CC96C1
#D3ACA4
#D3A8A8
#D3A5AB
#D3A1AF
#D39EB2
#D39AB6
#D396BA
#DBB296
#DBAE9A
#DBA99F
#DBA5A3
#DBA0A8
#DB9CAC
#DB96B2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
