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 #C5A4D2 to #C5D2A4 and to #A4C5D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5ABCB
#C4ABCC
#C3AACD
#C3AACE
#C2AACF
#C1A9D1
#C0A9D2
#C5B3C3
#C3B2C5
#C1B2C8
#C0B1CA
#BEB0CD
#BCB0CF
#BAAFD2
#C5BABC
#C2B9C0
#C0B8C3
#BDB7C7
#BBB6CA
#B8B5CE
#B5B4D2
#C5C1B5
#C2C0BA
#BEBEBE
#BBBDC3
#B8BCC8
#B4BBCC
#B0B9D2
#C5C9AD
#C1C7B3
#BDC5B9
#B9C4BF
#B4C2C5
#B0C0CB
#ABBED2
#C5D2A4
#C0D0AB
#BACEB3
#B5CCBA
#B0CAC1
#ABC8C9
#A4C5D2
Colorpallet from #C5A4D2 to #C5D2A4 and to #A4D2C5
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5ABCB
#C4ABCC
#C3ABCD
#C3ABCD
#C2ABCE
#C1ABCF
#C0ABD0
#C5B3C3
#C3B3C5
#C1B3C7
#C0B3C8
#BEB3CA
#BCB3CC
#BAB3CE
#C5BABC
#C2BABF
#C0BAC1
#BDBAC4
#BBBAC6
#B8BAC9
#B5BACC
#C5C1B5
#C2C1B8
#BEC1BC
#BBC1BF
#B8C1C2
#B4C1C6
#B0C1CA
#C5C9AD
#C1C9B1
#BDC9B6
#B9C9BA
#B4C9BE
#B0C9C3
#ABC9C8
#C5D2A4
#C0D2A9
#BAD2AF
#B5D2B4
#B0D2B9
#ABD2BE
#A4D2C5
Colorpallet from #C5A4D2 to #C5D2A4 and to #D2C5A4
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5ABCB
#C5ABCB
#C6AACB
#C6AACB
#C6AACB
#C7A9CB
#C7A9CB
#C5B3C3
#C6B2C3
#C6B2C3
#C7B1C3
#C8B0C3
#C8B0C3
#C9AFC3
#C5BABC
#C6B9BC
#C7B8BC
#C8B7BC
#C9B6BC
#CAB5BC
#CBB4BC
#C5C1B5
#C6C0B5
#C8BEB5
#C9BDB5
#CABCB5
#CBBBB5
#CDB9B5
#C5C9AD
#C7C7AD
#C8C5AD
#CAC4AD
#CBC2AD
#CDC0AD
#CFBEAD
#C5D2A4
#C7D0A4
#C9CEA4
#CBCCA4
#CDCAA4
#CFC8A4
#D2C5A4
Colorpallet from #C5A4D2 to #C5D2A4 and to #D2A4C5
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5ABCB
#C5AACC
#C6A9CD
#C6A8CD
#C6A7CE
#C7A5CF
#C7A4D0
#C5B3C3
#C6B1C5
#C6AEC7
#C7ACC8
#C8A9CA
#C8A7CC
#C9A4CE
#C5BABC
#C6B6BF
#C7B3C1
#C8AFC4
#C9ACC6
#CAA8C9
#CBA4CC
#C5C1B5
#C6BCB8
#C8B8BC
#C9B3BF
#CAAEC2
#CBAAC6
#CDA4CA
#C5C9AD
#C7C3B1
#C8BDB6
#CAB7BA
#CBB1BE
#CDABC3
#CFA4C8
#C5D2A4
#C7CBA9
#C9C3AF
#CBBCB4
#CDB5B9
#CFADBE
#D2A4C5
Colorpallet from #C5A4D2 to #A4C5D2 and to #A4D2C5
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C0A9D2
#C0A9D2
#C0AAD1
#C0AAD1
#C0AAD1
#C0ABD0
#C0ABD0
#BAAFD2
#BAB0D1
#BAB0D1
#BAB1D0
#BAB2CF
#BAB2CF
#BAB3CE
#B5B4D2
#B5B5D1
#B5B6D0
#B5B7CF
#B5B8CE
#B5B9CD
#B5BACC
#B0B9D2
#B0BAD1
#B0BCCF
#B0BDCE
#B0BECD
#B0BFCC
#B0C1CA
#ABBED2
#ABC0D0
#ABC2CF
#ABC3CD
#ABC5CC
#ABC7CA
#ABC9C8
#A4C5D2
#A4C7D0
#A4C9CE
#A4CBCC
#A4CDCA
#A4CFC8
#A4D2C5
Colorpallet from #C5A4D2 to #A4C5D2 and to #D2C5A4
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C0A9D2
#C1A9D1
#C2A9D0
#C3A9CF
#C4A9CE
#C6A9CC
#C7A9CB
#BAAFD2
#BCAFD0
#BFAFCD
#C1AFCB
#C4AFC8
#C6AFC6
#C9AFC3
#B5B4D2
#B9B4CE
#BCB4CB
#C0B4C7
#C3B4C4
#C7B4C0
#CBB4BC
#B0B9D2
#B5B9CD
#B9B9C9
#BEB9C4
#C3B9BF
#C7B9BB
#CDB9B5
#ABBED2
#B1BECC
#B7BEC6
#BCBEC0
#C2BEBA
#C8BEB4
#CFBEAD
#A4C5D2
#ABC5CB
#B3C5C3
#BAC5BC
#C1C5B5
#C9C5AD
#D2C5A4
Colorpallet from #C5A4D2 to #A4C5D2 and to #D2A4C5
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C0A9D2
#C1A8D2
#C2A7D1
#C3A7D1
#C4A6D1
#C6A5D0
#C7A4D0
#BAAFD2
#BCADD1
#BFABD1
#C1AAD0
#C4A8CF
#C6A6CF
#C9A4CE
#B5B4D2
#B9B1D1
#BCAFD0
#C0ACCF
#C3AACE
#C7A7CD
#CBA4CC
#B0B9D2
#B5B6D1
#B9B2CF
#BEAFCE
#C3ACCD
#C7A8CC
#CDA4CA
#ABBED2
#B1BAD0
#B7B6CF
#BCB2CD
#C2ADCC
#C8A9CA
#CFA4C8
#A4C5D2
#ABC0D0
#B3BACE
#BAB5CC
#C1B0CA
#C9ABC8
#D2A4C5
Colorpallet from #C5A4D2 to #A4D2C5 and to #D2C5A4
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C0ABD0
#C1ABCF
#C2AACE
#C3AACE
#C4AACD
#C6A9CC
#C7A9CB
#BAB3CE
#BCB2CC
#BFB2CA
#C1B1C9
#C4B0C7
#C6B0C5
#C9AFC3
#B5BACC
#B9B9C9
#BCB8C7
#C0B7C4
#C3B6C2
#C7B5BF
#CBB4BC
#B0C1CA
#B5C0C7
#B9BEC3
#BEBDC0
#C3BCBD
#C7BBB9
#CDB9B5
#ABC9C8
#B1C7C4
#B7C5BF
#BCC4BB
#C2C2B7
#C8C0B2
#CFBEAD
#A4D2C5
#ABD0C0
#B3CEBA
#BACCB5
#C1CAB0
#C9C8AB
#D2C5A4
Colorpallet from #C5A4D2 to #A4D2C5 and to #D2A4C5
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C0ABD0
#C1AAD0
#C2A9D0
#C3A8D0
#C4A7D0
#C6A5D0
#C7A4D0
#BAB3CE
#BCB1CE
#BFAECE
#C1ACCE
#C4A9CE
#C6A7CE
#C9A4CE
#B5BACC
#B9B6CC
#BCB3CC
#C0AFCC
#C3ACCC
#C7A8CC
#CBA4CC
#B0C1CA
#B5BCCA
#B9B8CA
#BEB3CA
#C3AECA
#C7AACA
#CDA4CA
#ABC9C8
#B1C3C8
#B7BDC8
#BCB7C8
#C2B1C8
#C8ABC8
#CFA4C8
#A4D2C5
#ABCBC5
#B3C3C5
#BABCC5
#C1B5C5
#C9ADC5
#D2A4C5
Colorpallet from #C5A4D2 to #D2C5A4 and to #D2A4C5
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C5A4D2
#C7A9CB
#C7A8CC
#C7A7CD
#C7A7CD
#C7A6CE
#C7A5CF
#C7A4D0
#C9AFC3
#C9ADC5
#C9ABC7
#C9AAC8
#C9A8CA
#C9A6CC
#C9A4CE
#CBB4BC
#CBB1BF
#CBAFC1
#CBACC4
#CBAAC6
#CBA7C9
#CBA4CC
#CDB9B5
#CDB6B8
#CDB2BC
#CDAFBF
#CDACC2
#CDA8C6
#CDA4CA
#CFBEAD
#CFBAB1
#CFB6B6
#CFB2BA
#CFADBE
#CFA9C3
#CFA4C8
#D2C5A4
#D2C0A9
#D2BAAF
#D2B5B4
#D2B0B9
#D2ABBE
#D2A4C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
