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 #B4A1E3 to #B4E3A1 and to #A1B4E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4ACD8
#B4ABDA
#B3A9DC
#B3A8DD
#B2A7DF
#B2A6E1
#B1A4E3
#B4B6CE
#B3B4D1
#B2B1D5
#B1AFD8
#B0ACDB
#AFAADF
#AEA7E3
#B4C1C3
#B3BDC8
#B1BACD
#B0B6D2
#AEB2D7
#ADAFDD
#ABAAE3
#B4CBB9
#B2C6C0
#B0C1C6
#AEBDCD
#ACB8D4
#AAB3DB
#A8ADE3
#B4D6AE
#B2D0B6
#AFCABF
#ADC4C7
#AABED0
#A8B8D8
#A5B0E3
#B4E3A1
#B1DBAC
#AED4B6
#ABCCC1
#A8C5CB
#A5BDD6
#A1B4E3
Colorpallet from #B4A1E3 to #B4E3A1 and to #A1E3B4
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4ACD8
#B4ACD8
#B3ACD9
#B3ACD9
#B2ACDA
#B2ACDA
#B1ACDB
#B4B6CE
#B3B6CF
#B2B6D0
#B1B6D1
#B0B6D2
#AFB6D3
#AEB6D4
#B4C1C3
#B3C1C4
#B1C1C6
#B0C1C7
#AEC1C9
#ADC1CA
#ABC1CC
#B4CBB9
#B2CBBB
#B0CBBD
#AECBBF
#ACCBC1
#AACBC3
#A8CBC5
#B4D6AE
#B2D6B0
#AFD6B3
#ADD6B5
#AAD6B8
#A8D6BA
#A5D6BD
#B4E3A1
#B1E3A4
#AEE3A7
#ABE3AA
#A8E3AD
#A5E3B0
#A1E3B4
Colorpallet from #B4A1E3 to #B4E3A1 and to #E3B4A1
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4ACD8
#B5ABD8
#B7A9D8
#B8A8D8
#B9A7D8
#BAA6D8
#BCA4D8
#B4B6CE
#B6B4CE
#B9B1CE
#BBAFCE
#BEACCE
#C0AACE
#C3A7CE
#B4C1C3
#B8BDC3
#BBBAC3
#BFB6C3
#C3B2C3
#C6AFC3
#CBAAC3
#B4CBB9
#B9C6B9
#BEC1B9
#C2BDB9
#C7B8B9
#CCB3B9
#D2ADB9
#B4D6AE
#BAD0AE
#C0CAAE
#C6C4AE
#CCBEAE
#D2B8AE
#DAB0AE
#B4E3A1
#BCDBA1
#C3D4A1
#CBCCA1
#D2C5A1
#DABDA1
#E3B4A1
Colorpallet from #B4A1E3 to #B4E3A1 and to #E3A1B4
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4ACD8
#B5AAD8
#B7A8D9
#B8A7D9
#B9A5DA
#BAA3DA
#BCA1DB
#B4B6CE
#B6B3CF
#B9AFD0
#BBACD1
#BEA9D2
#C0A5D3
#C3A1D4
#B4C1C3
#B8BCC4
#BBB7C6
#BFB2C7
#C3ADC9
#C6A7CA
#CBA1CC
#B4CBB9
#B9C4BB
#BEBEBD
#C2B7BF
#C7B0C1
#CCA9C3
#D2A1C5
#B4D6AE
#BACEB0
#C0C5B3
#C6BDB5
#CCB4B8
#D2ACBA
#DAA1BD
#B4E3A1
#BCD8A4
#C3CEA7
#CBC3AA
#D2B9AD
#DAAEB0
#E3A1B4
Colorpallet from #B4A1E3 to #A1B4E3 and to #A1E3B4
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B1A4E3
#B1A5E2
#B1A7E0
#B1A8DF
#B1A9DE
#B1AADD
#B1ACDB
#AEA7E3
#AEA9E1
#AEACDE
#AEAEDC
#AEB1D9
#AEB3D7
#AEB6D4
#ABAAE3
#ABAEDF
#ABB1DC
#ABB5D8
#ABB9D4
#ABBCD1
#ABC1CC
#A8ADE3
#A8B2DE
#A8B7D9
#A8BBD5
#A8C0D0
#A8C5CB
#A8CBC5
#A5B0E3
#A5B6DD
#A5BCD7
#A5C2D1
#A5C8CB
#A5CEC5
#A5D6BD
#A1B4E3
#A1BCDB
#A1C3D4
#A1CBCC
#A1D2C5
#A1DABD
#A1E3B4
Colorpallet from #B4A1E3 to #A1B4E3 and to #E3B4A1
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B1A4E3
#B3A4E1
#B5A4DF
#B6A4DE
#B8A4DC
#BAA4DA
#BCA4D8
#AEA7E3
#B1A7E0
#B5A7DC
#B8A7D9
#BBA7D6
#BFA7D2
#C3A7CE
#ABAAE3
#B0AADE
#B5AAD9
#BAAAD4
#BFAACF
#C5AAC9
#CBAAC3
#A8ADE3
#AFADDC
#B5ADD6
#BCADCF
#C3ADC8
#CAADC1
#D2ADB9
#A5B0E3
#ADB0DB
#B6B0D2
#BEB0CA
#C7B0C1
#CFB0B9
#DAB0AE
#A1B4E3
#ACB4D8
#B6B4CE
#C1B4C3
#CBB4B9
#D6B4AE
#E3B4A1
Colorpallet from #B4A1E3 to #A1B4E3 and to #E3A1B4
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B1A4E3
#B3A4E2
#B5A3E0
#B6A3DF
#B8A2DE
#BAA2DD
#BCA1DB
#AEA7E3
#B1A6E1
#B5A5DE
#B8A4DC
#BBA3D9
#BFA2D7
#C3A1D4
#ABAAE3
#B0A9DF
#B5A7DC
#BAA6D8
#BFA4D4
#C5A3D1
#CBA1CC
#A8ADE3
#AFABDE
#B5A9D9
#BCA7D5
#C3A5D0
#CAA3CB
#D2A1C5
#A5B0E3
#ADAEDD
#B6ABD7
#BEA9D1
#C7A6CB
#CFA4C5
#DAA1BD
#A1B4E3
#ACB1DB
#B6AED4
#C1ABCC
#CBA8C5
#D6A5BD
#E3A1B4
Colorpallet from #B4A1E3 to #A1E3B4 and to #E3B4A1
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B1ACDB
#B3ABDB
#B5A9DA
#B6A8DA
#B8A7D9
#BAA6D9
#BCA4D8
#AEB6D4
#B1B4D3
#B5B1D2
#B8AFD1
#BBACD0
#BFAACF
#C3A7CE
#ABC1CC
#B0BDCB
#B5BAC9
#BAB6C8
#BFB2C6
#C5AFC5
#CBAAC3
#A8CBC5
#AFC6C3
#B5C1C1
#BCBDBF
#C3B8BD
#CAB3BB
#D2ADB9
#A5D6BD
#ADD0BB
#B6CAB8
#BEC4B6
#C7BEB3
#CFB8B1
#DAB0AE
#A1E3B4
#ACDBB1
#B6D4AE
#C1CCAB
#CBC5A8
#D6BDA5
#E3B4A1
Colorpallet from #B4A1E3 to #A1E3B4 and to #E3A1B4
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B1ACDB
#B3AADB
#B5A8DB
#B6A7DB
#B8A5DB
#BAA3DB
#BCA1DB
#AEB6D4
#B1B3D4
#B5AFD4
#B8ACD4
#BBA9D4
#BFA5D4
#C3A1D4
#ABC1CC
#B0BCCC
#B5B7CC
#BAB2CC
#BFADCC
#C5A7CC
#CBA1CC
#A8CBC5
#AFC4C5
#B5BEC5
#BCB7C5
#C3B0C5
#CAA9C5
#D2A1C5
#A5D6BD
#ADCEBD
#B6C5BD
#BEBDBD
#C7B4BD
#CFACBD
#DAA1BD
#A1E3B4
#ACD8B4
#B6CEB4
#C1C3B4
#CBB9B4
#D6AEB4
#E3A1B4
Colorpallet from #B4A1E3 to #E3B4A1 and to #E3A1B4
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#B4A1E3
#BCA4D8
#BCA4D8
#BCA3D9
#BCA3D9
#BCA2DA
#BCA2DA
#BCA1DB
#C3A7CE
#C3A6CF
#C3A5D0
#C3A4D1
#C3A3D2
#C3A2D3
#C3A1D4
#CBAAC3
#CBA9C4
#CBA7C6
#CBA6C7
#CBA4C9
#CBA3CA
#CBA1CC
#D2ADB9
#D2ABBB
#D2A9BD
#D2A7BF
#D2A5C1
#D2A3C3
#D2A1C5
#DAB0AE
#DAAEB0
#DAABB3
#DAA9B5
#DAA6B8
#DAA4BA
#DAA1BD
#E3B4A1
#E3B1A4
#E3AEA7
#E3ABAA
#E3A8AD
#E3A5B0
#E3A1B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
