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 #A2C2D8 to #A2D8C2 and to #C2A2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C6D4
#A3C5D5
#A4C3D5
#A4C2D6
#A5C0D7
#A6BFD7
#A7BDD8
#A2C9D1
#A4C6D2
#A5C4D3
#A7C1D4
#A8BED5
#AABBD7
#ACB8D8
#A2CDCD
#A4C9CF
#A7C5D1
#A9C1D2
#ACBCD4
#AEB8D6
#B1B3D8
#A2D0CA
#A5CBCC
#A8C5CE
#ACC0D1
#AFBAD3
#B2B5D5
#B6AED8
#A2D4C6
#A6CDC9
#AAC6CC
#AEBFCF
#B3B8D2
#B7B1D4
#BCA8D8
#A2D8C2
#A7CFC6
#ACC7C9
#B1BECD
#B6B5D0
#BCADD4
#C2A2D8
Colorpallet from #A2C2D8 to #A2D8C2 and to #C2D8A2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C6D4
#A3C6D3
#A4C6D2
#A4C6D2
#A5C6D1
#A6C6D0
#A7C6CF
#A2C9D1
#A4C9CF
#A5C9CE
#A7C9CC
#A8C9CB
#AAC9C9
#ACC9C7
#A2CDCD
#A4CDCB
#A7CDC8
#A9CDC6
#ACCDC3
#AECDC1
#B1CDBE
#A2D0CA
#A5D0C7
#A8D0C3
#ACD0C0
#AFD0BD
#B2D0B9
#B6D0B5
#A2D4C6
#A6D4C2
#AAD4BE
#AED4BA
#B3D4B6
#B7D4B2
#BCD4AD
#A2D8C2
#A7D8BD
#ACD8B8
#B1D8B3
#B6D8AE
#BCD8A8
#C2D8A2
Colorpallet from #A2C2D8 to #A2D8C2 and to #D8A2C2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C6D4
#A3C5D4
#A5C3D4
#A6C2D4
#A8C0D4
#A9BFD4
#ABBDD4
#A2C9D1
#A5C6D1
#A7C4D1
#AAC1D1
#ADBED1
#B0BBD1
#B3B8D1
#A2CDCD
#A6C9CD
#AAC5CD
#AEC1CD
#B3BCCD
#B7B8CD
#BCB3CD
#A2D0CA
#A8CBCA
#ADC5CA
#B3C0CA
#B8BACA
#BEB5CA
#C5AECA
#A2D4C6
#A9CDC6
#B0C6C6
#B7BFC6
#BEB8C6
#C4B1C6
#CDA8C6
#A2D8C2
#ABCFC2
#B3C7C2
#BCBEC2
#C5B5C2
#CDADC2
#D8A2C2
Colorpallet from #A2C2D8 to #A2D8C2 and to #D8C2A2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C6D4
#A3C5D3
#A5C5D2
#A6C4D2
#A8C3D1
#A9C3D0
#ABC2CF
#A2C9D1
#A5C8CF
#A7C7CE
#AAC6CC
#ADC5CB
#B0C3C9
#B3C2C7
#A2CDCD
#A6CBCB
#AAC9C8
#AEC8C6
#B3C6C3
#B7C4C1
#BCC2BE
#A2D0CA
#A8CEC7
#ADCCC3
#B3C9C0
#B8C7BD
#BEC5B9
#C5C2B5
#A2D4C6
#A9D1C2
#B0CEBE
#B7CBBA
#BEC8B6
#C4C6B2
#CDC2AD
#A2D8C2
#ABD4BD
#B3D1B8
#BCCDB3
#C5CAAE
#CDC6A8
#D8C2A2
Colorpallet from #A2C2D8 to #C2A2D8 and to #C2D8A2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A7BDD8
#A7BED7
#A7C0D5
#A7C1D4
#A7C3D2
#A7C4D1
#A7C6CF
#ACB8D8
#ACBBD5
#ACBDD3
#ACC0D0
#ACC3CD
#ACC6CA
#ACC9C7
#B1B3D8
#B1B7D4
#B1BBD0
#B1BFCC
#B1C4C7
#B1C8C3
#B1CDBE
#B6AED8
#B6B3D2
#B6B9CD
#B6BEC7
#B6C4C2
#B6C9BC
#B6D0B5
#BCA8D8
#BCAFD1
#BCB6CA
#BCBDC3
#BCC4BC
#BCCBB6
#BCD4AD
#C2A2D8
#C2ABCF
#C2B3C7
#C2BCBE
#C2C5B5
#C2CDAD
#C2D8A2
Colorpallet from #A2C2D8 to #C2A2D8 and to #D8A2C2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A7BDD8
#A8BDD7
#A8BDD7
#A9BDD6
#AABDD5
#AABDD5
#ABBDD4
#ACB8D8
#ADB8D7
#AEB8D6
#AFB8D5
#B0B8D4
#B2B8D2
#B3B8D1
#B1B3D8
#B3B3D6
#B5B3D4
#B6B3D3
#B8B3D1
#BAB3CF
#BCB3CD
#B6AED8
#B8AED6
#BBAED4
#BDAED1
#C0AECF
#C2AECD
#C5AECA
#BCA8D8
#BFA8D5
#C1A8D2
#C4A8CF
#C7A8CC
#CAA8CA
#CDA8C6
#C2A2D8
#C6A2D4
#C9A2D1
#CDA2CD
#D0A2CA
#D4A2C6
#D8A2C2
Colorpallet from #A2C2D8 to #C2A2D8 and to #D8C2A2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A7BDD8
#A8BED7
#A8BFD5
#A9BFD4
#AAC0D2
#AAC1D1
#ABC2CF
#ACB8D8
#ADBAD5
#AEBBD3
#AFBDD0
#B0BECD
#B2C0CA
#B3C2C7
#B1B3D8
#B3B5D4
#B5B8D0
#B6BACC
#B8BDC7
#BABFC3
#BCC2BE
#B6AED8
#B8B1D2
#BBB4CD
#BDB8C7
#C0BBC2
#C2BEBC
#C5C2B5
#BCA8D8
#BFACD1
#C1B0CA
#C4B4C3
#C7B9BC
#CABDB6
#CDC2AD
#C2A2D8
#C6A7CF
#C9ACC7
#CDB1BE
#D0B6B5
#D4BCAD
#D8C2A2
Colorpallet from #A2C2D8 to #C2D8A2 and to #D8A2C2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A7C6CF
#A8C5D0
#A8C3D1
#A9C2D1
#AAC0D2
#AABFD3
#ABBDD4
#ACC9C7
#ADC6C9
#AEC4CA
#AFC1CC
#B0BECD
#B2BBCF
#B3B8D1
#B1CDBE
#B3C9C0
#B5C5C3
#B6C1C5
#B8BCC8
#BAB8CA
#BCB3CD
#B6D0B5
#B8CBB8
#BBC5BC
#BDC0BF
#C0BAC2
#C2B5C6
#C5AECA
#BCD4AD
#BFCDB1
#C1C6B5
#C4BFB9
#C7B8BD
#CAB1C1
#CDA8C6
#C2D8A2
#C6CFA7
#C9C7AC
#CDBEB1
#D0B5B6
#D4ADBC
#D8A2C2
Colorpallet from #A2C2D8 to #C2D8A2 and to #D8C2A2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A7C6CF
#A8C5CF
#A8C5CF
#A9C4CF
#AAC3CF
#AAC3CF
#ABC2CF
#ACC9C7
#ADC8C7
#AEC7C7
#AFC6C7
#B0C5C7
#B2C3C7
#B3C2C7
#B1CDBE
#B3CBBE
#B5C9BE
#B6C8BE
#B8C6BE
#BAC4BE
#BCC2BE
#B6D0B5
#B8CEB5
#BBCCB5
#BDC9B5
#C0C7B5
#C2C5B5
#C5C2B5
#BCD4AD
#BFD1AD
#C1CEAD
#C4CBAD
#C7C8AD
#CAC6AD
#CDC2AD
#C2D8A2
#C6D4A2
#C9D1A2
#CDCDA2
#D0CAA2
#D4C6A2
#D8C2A2
Colorpallet from #A2C2D8 to #D8A2C2 and to #D8C2A2
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#A2C2D8
#ABBDD4
#ABBED3
#ABBFD2
#ABBFD2
#ABC0D1
#ABC1D0
#ABC2CF
#B3B8D1
#B3BACF
#B3BBCE
#B3BDCC
#B3BECB
#B3C0C9
#B3C2C7
#BCB3CD
#BCB5CB
#BCB8C8
#BCBAC6
#BCBDC3
#BCBFC1
#BCC2BE
#C5AECA
#C5B1C7
#C5B4C3
#C5B8C0
#C5BBBD
#C5BEB9
#C5C2B5
#CDA8C6
#CDACC2
#CDB0BE
#CDB4BA
#CDB9B6
#CDBDB2
#CDC2AD
#D8A2C2
#D8A7BD
#D8ACB8
#D8B1B3
#D8B6AE
#D8BCA8
#D8C2A2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts