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 #C3A4D2 to #C3D2A4 and to #A4C3D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3ABCB
#C2ABCC
#C1AACD
#C1AACE
#C0AACF
#BFA9D1
#BEA9D2
#C3B3C3
#C1B2C5
#C0B1C8
#BEB1CA
#BDB0CD
#BBAFCF
#B9AED2
#C3BABC
#C1B9C0
#BEB8C3
#BCB7C7
#B9B6CA
#B7B4CE
#B4B3D2
#C3C1B5
#C0C0BA
#BDBEBE
#B9BDC3
#B6BBC8
#B3BACC
#AFB8D2
#C3C9AD
#BFC7B3
#BBC5B9
#B7C3BF
#B3C1C5
#AFBFCB
#AABDD2
#C3D2A4
#BED0AB
#B9CDB3
#B4CBBA
#AFC8C1
#AAC6C9
#A4C3D2
Colorpallet from #C3A4D2 to #C3D2A4 and to #A4D2C3
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3ABCB
#C2ABCC
#C1ABCD
#C1ABCD
#C0ABCE
#BFABCF
#BEABD0
#C3B3C3
#C1B3C5
#C0B3C6
#BEB3C8
#BDB3C9
#BBB3CB
#B9B3CD
#C3BABC
#C1BABE
#BEBAC1
#BCBAC3
#B9BAC6
#B7BAC8
#B4BACB
#C3C1B5
#C0C1B8
#BDC1BB
#B9C1BE
#B6C1C1
#B3C1C4
#AFC1C8
#C3C9AD
#BFC9B1
#BBC9B5
#B7C9B9
#B3C9BD
#AFC9C1
#AAC9C6
#C3D2A4
#BED2A9
#B9D2AE
#B4D2B3
#AFD2B8
#AAD2BD
#A4D2C3
Colorpallet from #C3A4D2 to #C3D2A4 and to #D2C3A4
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3ABCB
#C3ABCB
#C4AACB
#C4AACB
#C4AACB
#C5A9CB
#C5A9CB
#C3B3C3
#C4B2C3
#C5B1C3
#C5B1C3
#C6B0C3
#C7AFC3
#C8AEC3
#C3BABC
#C4B9BC
#C5B8BC
#C6B7BC
#C7B6BC
#C9B4BC
#CAB3BC
#C3C1B5
#C5C0B5
#C6BEB5
#C8BDB5
#C9BBB5
#CBBAB5
#CDB8B5
#C3C9AD
#C5C7AD
#C7C5AD
#C9C3AD
#CBC1AD
#CDBFAD
#CFBDAD
#C3D2A4
#C5D0A4
#C8CDA4
#CACBA4
#CDC8A4
#CFC6A4
#D2C3A4
Colorpallet from #C3A4D2 to #C3D2A4 and to #D2A4C3
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3ABCB
#C3AACC
#C4A9CD
#C4A8CD
#C4A7CE
#C5A5CF
#C5A4D0
#C3B3C3
#C4B1C5
#C5AEC6
#C5ACC8
#C6A9C9
#C7A7CB
#C8A4CD
#C3BABC
#C4B6BE
#C5B3C1
#C6AFC3
#C7ACC6
#C9A8C8
#CAA4CB
#C3C1B5
#C5BCB8
#C6B8BB
#C8B3BE
#C9AEC1
#CBAAC4
#CDA4C8
#C3C9AD
#C5C3B1
#C7BDB5
#C9B7B9
#CBB1BD
#CDABC1
#CFA4C6
#C3D2A4
#C5CBA9
#C8C3AE
#CABCB3
#CDB5B8
#CFADBD
#D2A4C3
Colorpallet from #C3A4D2 to #A4C3D2 and to #A4D2C3
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#BEA9D2
#BEA9D2
#BEAAD1
#BEAAD1
#BEAAD1
#BEABD0
#BEABD0
#B9AED2
#B9AFD1
#B9B0D0
#B9B0D0
#B9B1CF
#B9B2CE
#B9B3CD
#B4B3D2
#B4B4D1
#B4B5D0
#B4B6CF
#B4B7CE
#B4B9CC
#B4BACB
#AFB8D2
#AFB9D0
#AFBBCF
#AFBCCD
#AFBECC
#AFBFCA
#AFC1C8
#AABDD2
#AABFD0
#AAC1CE
#AAC3CC
#AAC5CA
#AAC7C8
#AAC9C6
#A4C3D2
#A4C5D0
#A4C8CD
#A4CACB
#A4CDC8
#A4CFC6
#A4D2C3
Colorpallet from #C3A4D2 to #A4C3D2 and to #D2C3A4
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#BEA9D2
#BFA9D1
#C0A9D0
#C1A9CF
#C2A9CE
#C4A9CC
#C5A9CB
#B9AED2
#BBAED0
#BEAECD
#C0AECB
#C3AEC8
#C5AEC6
#C8AEC3
#B4B3D2
#B8B3CE
#BBB3CB
#BFB3C7
#C2B3C4
#C6B3C0
#CAB3BC
#AFB8D2
#B4B8CD
#B9B8C9
#BDB8C4
#C2B8BF
#C7B8BB
#CDB8B5
#AABDD2
#B0BDCC
#B6BDC6
#BCBDC0
#C2BDBA
#C8BDB4
#CFBDAD
#A4C3D2
#ABC3CB
#B3C3C3
#BAC3BC
#C1C3B5
#C9C3AD
#D2C3A4
Colorpallet from #C3A4D2 to #A4C3D2 and to #D2A4C3
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#BEA9D2
#BFA8D2
#C0A7D1
#C1A7D1
#C2A6D1
#C4A5D0
#C5A4D0
#B9AED2
#BBACD1
#BEABD0
#C0A9D0
#C3A8CF
#C5A6CE
#C8A4CD
#B4B3D2
#B8B1D1
#BBAED0
#BFACCF
#C2A9CE
#C6A7CC
#CAA4CB
#AFB8D2
#B4B5D0
#B9B2CF
#BDAECD
#C2ABCC
#C7A8CA
#CDA4C8
#AABDD2
#B0B9D0
#B6B5CE
#BCB1CC
#C2ADCA
#C8A9C8
#CFA4C6
#A4C3D2
#ABBED0
#B3B9CD
#BAB4CB
#C1AFC8
#C9AAC6
#D2A4C3
Colorpallet from #C3A4D2 to #A4D2C3 and to #D2C3A4
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#BEABD0
#BFABCF
#C0AACE
#C1AACE
#C2AACD
#C4A9CC
#C5A9CB
#B9B3CD
#BBB2CB
#BEB1CA
#C0B1C8
#C3B0C7
#C5AFC5
#C8AEC3
#B4BACB
#B8B9C9
#BBB8C6
#BFB7C4
#C2B6C1
#C6B4BF
#CAB3BC
#AFC1C8
#B4C0C5
#B9BEC2
#BDBDBF
#C2BBBC
#C7BAB9
#CDB8B5
#AAC9C6
#B0C7C2
#B6C5BE
#BCC3BA
#C2C1B6
#C8BFB2
#CFBDAD
#A4D2C3
#ABD0BE
#B3CDB9
#BACBB4
#C1C8AF
#C9C6AA
#D2C3A4
Colorpallet from #C3A4D2 to #A4D2C3 and to #D2A4C3
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#BEABD0
#BFAAD0
#C0A9D0
#C1A8D0
#C2A7D0
#C4A5D0
#C5A4D0
#B9B3CD
#BBB1CD
#BEAECD
#C0ACCD
#C3A9CD
#C5A7CD
#C8A4CD
#B4BACB
#B8B6CB
#BBB3CB
#BFAFCB
#C2ACCB
#C6A8CB
#CAA4CB
#AFC1C8
#B4BCC8
#B9B8C8
#BDB3C8
#C2AEC8
#C7AAC8
#CDA4C8
#AAC9C6
#B0C3C6
#B6BDC6
#BCB7C6
#C2B1C6
#C8ABC6
#CFA4C6
#A4D2C3
#ABCBC3
#B3C3C3
#BABCC3
#C1B5C3
#C9ADC3
#D2A4C3
Colorpallet from #C3A4D2 to #D2C3A4 and to #D2A4C3
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C3A4D2
#C5A9CB
#C5A8CC
#C5A7CD
#C5A7CD
#C5A6CE
#C5A5CF
#C5A4D0
#C8AEC3
#C8ACC5
#C8ABC6
#C8A9C8
#C8A8C9
#C8A6CB
#C8A4CD
#CAB3BC
#CAB1BE
#CAAEC1
#CAACC3
#CAA9C6
#CAA7C8
#CAA4CB
#CDB8B5
#CDB5B8
#CDB2BB
#CDAEBE
#CDABC1
#CDA8C4
#CDA4C8
#CFBDAD
#CFB9B1
#CFB5B5
#CFB1B9
#CFADBD
#CFA9C1
#CFA4C6
#D2C3A4
#D2BEA9
#D2B9AE
#D2B4B3
#D2AFB8
#D2AABD
#D2A4C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
