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 #A2BCD8 to #A2D8BC and to #BCA2D8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2C0D4
#A3BFD5
#A3BDD5
#A4BCD6
#A5BBD7
#A5BAD7
#A6B8D8
#A2C5CF
#A3C2D0
#A5C0D2
#A6BDD3
#A7BAD5
#A8B7D6
#AAB4D8
#A2C9CB
#A4C5CD
#A6C1CF
#A8BDD1
#AAB9D3
#ACB5D5
#AEB0D8
#A2CEC6
#A5C8C9
#A7C3CC
#AABDCF
#ADB8D2
#B0B2D4
#B3ABD8
#A2D2C2
#A5CBC6
#A9C4C9
#ACBDCD
#AFB6D0
#B3B0D4
#B7A7D8
#A2D8BC
#A6CFC0
#AAC7C5
#AEBEC9
#B3B5CE
#B7ADD2
#BCA2D8
Colorpallet from #A2BCD8 to #A2D8BC and to #BCD8A2
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2C0D4
#A3C0D3
#A3C0D2
#A4C0D2
#A5C0D1
#A5C0D0
#A6C0CF
#A2C5CF
#A3C5CE
#A5C5CC
#A6C5CB
#A7C5CA
#A8C5C9
#AAC5C7
#A2C9CB
#A4C9C9
#A6C9C7
#A8C9C5
#AAC9C3
#ACC9C1
#AEC9BE
#A2CEC6
#A5CEC3
#A7CEC1
#AACEBE
#ADCEBB
#B0CEB8
#B3CEB5
#A2D2C2
#A5D2BF
#A9D2BB
#ACD2B8
#AFD2B5
#B3D2B1
#B7D2AD
#A2D8BC
#A6D8B8
#AAD8B4
#AED8B0
#B3D8AB
#B7D8A7
#BCD8A2
Colorpallet from #A2BCD8 to #A2D8BC and to #D8A2BC
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2C0D4
#A3BFD4
#A5BDD4
#A6BCD4
#A8BBD4
#A9BAD4
#ABB8D4
#A2C5CF
#A5C2CF
#A7C0CF
#AABDCF
#ADBACF
#B0B7CF
#B3B4CF
#A2C9CB
#A6C5CB
#AAC1CB
#AEBDCB
#B3B9CB
#B7B5CB
#BCB0CB
#A2CEC6
#A8C8C6
#ADC3C6
#B3BDC6
#B8B8C6
#BEB2C6
#C5ABC6
#A2D2C2
#A9CBC2
#B0C4C2
#B7BDC2
#BEB6C2
#C4B0C2
#CDA7C2
#A2D8BC
#ABCFBC
#B3C7BC
#BCBEBC
#C5B5BC
#CDADBC
#D8A2BC
Colorpallet from #A2BCD8 to #A2D8BC and to #D8BCA2
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2C0D4
#A3BFD3
#A5BFD2
#A6BED2
#A8BDD1
#A9BDD0
#ABBCCF
#A2C5CF
#A5C4CE
#A7C2CC
#AAC1CB
#ADBFCA
#B0BEC9
#B3BCC7
#A2C9CB
#A6C7C9
#AAC5C7
#AEC3C5
#B3C1C3
#B7BFC1
#BCBCBE
#A2CEC6
#A8CBC3
#ADC8C1
#B3C5BE
#B8C2BB
#BEC0B8
#C5BCB5
#A2D2C2
#A9CEBF
#B0CBBB
#B7C7B8
#BEC4B5
#C4C0B1
#CDBCAD
#A2D8BC
#ABD4B8
#B3CFB4
#BCCBB0
#C5C6AB
#CDC2A7
#D8BCA2
Colorpallet from #A2BCD8 to #BCA2D8 and to #BCD8A2
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A6B8D8
#A6B9D7
#A6BBD5
#A6BCD4
#A6BDD2
#A6BED1
#A6C0CF
#AAB4D8
#AAB7D5
#AAB9D3
#AABCD0
#AABFCD
#AAC2CA
#AAC5C7
#AEB0D8
#AEB4D4
#AEB8D0
#AEBCCC
#AEC0C7
#AEC4C3
#AEC9BE
#B3ABD8
#B3B1D2
#B3B6CD
#B3BCC7
#B3C1C2
#B3C7BC
#B3CEB5
#B7A7D8
#B7AED1
#B7B5CA
#B7BCC3
#B7C3BC
#B7C9B6
#B7D2AD
#BCA2D8
#BCABCF
#BCB3C7
#BCBCBE
#BCC5B5
#BCCDAD
#BCD8A2
Colorpallet from #A2BCD8 to #BCA2D8 and to #D8A2BC
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A6B8D8
#A7B8D7
#A8B8D7
#A8B8D6
#A9B8D5
#AAB8D5
#ABB8D4
#AAB4D8
#ABB4D7
#ADB4D5
#AEB4D4
#B0B4D2
#B1B4D1
#B3B4CF
#AEB0D8
#B0B0D6
#B2B0D4
#B5B0D2
#B7B0D0
#B9B0CE
#BCB0CB
#B3ABD8
#B6ABD5
#B9ABD2
#BCABCF
#BFABCC
#C1ABCA
#C5ABC6
#B7A7D8
#BBA7D4
#BEA7D1
#C2A7CD
#C5A7CA
#C9A7C6
#CDA7C2
#BCA2D8
#C0A2D4
#C5A2CF
#C9A2CB
#CEA2C6
#D2A2C2
#D8A2BC
Colorpallet from #A2BCD8 to #BCA2D8 and to #D8BCA2
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A6B8D8
#A7B9D7
#A8B9D5
#A8BAD4
#A9BBD2
#AABBD1
#ABBCCF
#AAB4D8
#ABB5D5
#ADB7D3
#AEB8D0
#B0B9CD
#B1BACA
#B3BCC7
#AEB0D8
#B0B2D4
#B2B4D0
#B5B6CC
#B7B8C7
#B9BAC3
#BCBCBE
#B3ABD8
#B6AED2
#B9B0CD
#BCB3C7
#BFB6C2
#C1B9BC
#C5BCB5
#B7A7D8
#BBAAD1
#BEAECA
#C2B1C3
#C5B4BC
#C9B8B6
#CDBCAD
#BCA2D8
#C0A6CF
#C5AAC7
#C9AEBE
#CEB3B5
#D2B7AD
#D8BCA2
Colorpallet from #A2BCD8 to #BCD8A2 and to #D8A2BC
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A6C0CF
#A7BFD0
#A8BDD1
#A8BCD1
#A9BBD2
#AABAD3
#ABB8D4
#AAC5C7
#ABC2C8
#ADC0CA
#AEBDCB
#B0BACC
#B1B7CD
#B3B4CF
#AEC9BE
#B0C5C0
#B2C1C2
#B5BDC4
#B7B9C6
#B9B5C8
#BCB0CB
#B3CEB5
#B6C8B8
#B9C3BA
#BCBDBD
#BFB8C0
#C1B2C3
#C5ABC6
#B7D2AD
#BBCBB0
#BEC4B4
#C2BDB7
#C5B6BA
#C9B0BE
#CDA7C2
#BCD8A2
#C0CFA6
#C5C7AA
#C9BEAE
#CEB5B3
#D2ADB7
#D8A2BC
Colorpallet from #A2BCD8 to #BCD8A2 and to #D8BCA2
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A6C0CF
#A7BFCF
#A8BFCF
#A8BECF
#A9BDCF
#AABDCF
#ABBCCF
#AAC5C7
#ABC4C7
#ADC2C7
#AEC1C7
#B0BFC7
#B1BEC7
#B3BCC7
#AEC9BE
#B0C7BE
#B2C5BE
#B5C3BE
#B7C1BE
#B9BFBE
#BCBCBE
#B3CEB5
#B6CBB5
#B9C8B5
#BCC5B5
#BFC2B5
#C1C0B5
#C5BCB5
#B7D2AD
#BBCEAD
#BECBAD
#C2C7AD
#C5C4AD
#C9C0AD
#CDBCAD
#BCD8A2
#C0D4A2
#C5CFA2
#C9CBA2
#CEC6A2
#D2C2A2
#D8BCA2
Colorpallet from #A2BCD8 to #D8A2BC and to #D8BCA2
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#A2BCD8
#ABB8D4
#ABB9D3
#ABB9D2
#ABBAD2
#ABBBD1
#ABBBD0
#ABBCCF
#B3B4CF
#B3B5CE
#B3B7CC
#B3B8CB
#B3B9CA
#B3BAC9
#B3BCC7
#BCB0CB
#BCB2C9
#BCB4C7
#BCB6C5
#BCB8C3
#BCBAC1
#BCBCBE
#C5ABC6
#C5AEC3
#C5B0C1
#C5B3BE
#C5B6BB
#C5B9B8
#C5BCB5
#CDA7C2
#CDAABF
#CDAEBB
#CDB1B8
#CDB4B5
#CDB8B1
#CDBCAD
#D8A2BC
#D8A6B8
#D8AAB4
#D8AEB0
#D8B3AB
#D8B7A7
#D8BCA2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
