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 #B1A1E2 to #B1E2A1 and to #A1B1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1ABD8
#B1AADA
#B0A9DB
#B0A8DD
#AFA7DE
#AFA5E0
#AEA4E2
#B1B6CD
#B0B3D0
#AFB1D4
#AFAED7
#AEACDA
#ADA9DE
#ACA6E2
#B1C0C3
#B0BCC8
#AEB9CD
#ADB5D2
#ACB1D7
#ABAEDC
#A9A9E2
#B1CBB8
#AFC6BF
#AEC1C5
#ACBCCC
#ABB7D3
#A9B1DA
#A7ABE2
#B1D5AE
#AFCFB6
#ADC9BF
#ABC2C7
#A9BCCF
#A7B6D8
#A4AEE2
#B1E2A1
#AEDAAB
#ACD2B6
#A9CAC0
#A7C3CB
#A4BBD5
#A1B1E2
Colorpallet from #B1A1E2 to #B1E2A1 and to #A1E2B1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1ABD8
#B1ABD8
#B0ABD9
#B0ABD9
#AFABD9
#AFABDA
#AEABDA
#B1B6CD
#B0B6CE
#AFB6CF
#AFB6CF
#AEB6D0
#ADB6D1
#ACB6D2
#B1C0C3
#B0C0C4
#AEC0C5
#ADC0C6
#ACC0C7
#ABC0C9
#A9C0CA
#B1CBB8
#AFCBBA
#AECBBC
#ACCBBD
#ABCBBF
#A9CBC1
#A7CBC3
#B1D5AE
#AFD5B0
#ADD5B2
#ABD5B4
#A9D5B6
#A7D5B8
#A4D5BB
#B1E2A1
#AEE2A4
#ACE2A6
#A9E2A9
#A7E2AB
#A4E2AE
#A1E2B1
Colorpallet from #B1A1E2 to #B1E2A1 and to #E2B1A1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1ABD8
#B2AAD8
#B4A9D8
#B5A8D8
#B6A7D8
#B7A5D8
#B9A4D8
#B1B6CD
#B4B3CD
#B6B1CD
#B9AECD
#BBACCD
#BEA9CD
#C1A6CD
#B1C0C3
#B5BCC3
#B9B9C3
#BDB5C3
#C0B1C3
#C4AEC3
#C9A9C3
#B1CBB8
#B6C6B8
#BBC1B8
#C0BCB8
#C5B7B8
#CAB1B8
#D0ABB8
#B1D5AE
#B7CFAE
#BDC9AE
#C4C2AE
#CABCAE
#D0B6AE
#D8AEAE
#B1E2A1
#B9DAA1
#C1D2A1
#C9CAA1
#D0C3A1
#D8BBA1
#E2B1A1
Colorpallet from #B1A1E2 to #B1E2A1 and to #E2A1B1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1ABD8
#B2A9D8
#B4A8D9
#B5A6D9
#B6A5D9
#B7A3DA
#B9A1DA
#B1B6CD
#B4B3CE
#B6AFCF
#B9ACCF
#BBA9D0
#BEA5D1
#C1A1D2
#B1C0C3
#B5BBC4
#B9B6C5
#BDB1C6
#C0ACC7
#C4A7C9
#C9A1CA
#B1CBB8
#B6C4BA
#BBBEBC
#C0B7BD
#C5B0BF
#CAA9C1
#D0A1C3
#B1D5AE
#B7CDB0
#BDC4B2
#C4BCB4
#CAB4B6
#D0ABB8
#D8A1BB
#B1E2A1
#B9D8A4
#C1CDA6
#C9C3A9
#D0B8AB
#D8AEAE
#E2A1B1
Colorpallet from #B1A1E2 to #A1B1E2 and to #A1E2B1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#AEA4E2
#AEA5E1
#AEA6DF
#AEA7DE
#AEA8DD
#AEAADC
#AEABDA
#ACA6E2
#ACA9DF
#ACABDD
#ACAEDA
#ACB0D8
#ACB3D5
#ACB6D2
#A9A9E2
#A9ADDE
#A9B0DA
#A9B4D6
#A9B8D3
#A9BBCF
#A9C0CA
#A7ABE2
#A7B0DD
#A7B5D8
#A7BAD3
#A7BFCE
#A7C5C9
#A7CBC3
#A4AEE2
#A4B4DC
#A4BAD6
#A4C1CF
#A4C7C9
#A4CDC3
#A4D5BB
#A1B1E2
#A1B9DA
#A1C1D2
#A1C9CA
#A1D0C3
#A1D8BB
#A1E2B1
Colorpallet from #B1A1E2 to #A1B1E2 and to #E2B1A1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#AEA4E2
#B0A4E0
#B2A4DF
#B3A4DD
#B5A4DC
#B7A4DA
#B9A4D8
#ACA6E2
#AFA6DF
#B3A6DB
#B6A6D8
#B9A6D5
#BDA6D1
#C1A6CD
#A9A9E2
#AEA9DD
#B3A9D8
#B8A9D3
#BDA9CE
#C3A9C9
#C9A9C3
#A7ABE2
#AEABDB
#B4ABD5
#BBABCE
#C1ABC7
#C8ABC0
#D0ABB8
#A4AEE2
#ACAEDA
#B5AED1
#BDAEC9
#C5AEC1
#CEAEB8
#D8AEAE
#A1B1E2
#ABB1D8
#B6B1CD
#C0B1C3
#CBB1B8
#D5B1AE
#E2B1A1
Colorpallet from #B1A1E2 to #A1B1E2 and to #E2A1B1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#AEA4E2
#B0A4E1
#B2A3DF
#B3A3DE
#B5A2DD
#B7A2DC
#B9A1DA
#ACA6E2
#AFA5DF
#B3A4DD
#B6A4DA
#B9A3D8
#BDA2D5
#C1A1D2
#A9A9E2
#AEA8DE
#B3A6DA
#B8A5D6
#BDA4D3
#C3A3CF
#C9A1CA
#A7ABE2
#AEA9DD
#B4A8D8
#BBA6D3
#C1A5CE
#C8A3C9
#D0A1C3
#A4AEE2
#ACACDC
#B5AAD6
#BDA8CF
#C5A6C9
#CEA4C3
#D8A1BB
#A1B1E2
#ABAEDA
#B6ACD2
#C0A9CA
#CBA7C3
#D5A4BB
#E2A1B1
Colorpallet from #B1A1E2 to #A1E2B1 and to #E2B1A1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#AEABDA
#B0AADA
#B2A9D9
#B3A8D9
#B5A7D9
#B7A5D8
#B9A4D8
#ACB6D2
#AFB3D1
#B3B1D0
#B6AED0
#B9ACCF
#BDA9CE
#C1A6CD
#A9C0CA
#AEBCC9
#B3B9C8
#B8B5C7
#BDB1C6
#C3AEC4
#C9A9C3
#A7CBC3
#AEC6C1
#B4C1BF
#BBBCBE
#C1B7BC
#C8B1BA
#D0ABB8
#A4D5BB
#ACCFB9
#B5C9B7
#BDC2B5
#C5BCB3
#CEB6B1
#D8AEAE
#A1E2B1
#ABDAAE
#B6D2AC
#C0CAA9
#CBC3A7
#D5BBA4
#E2B1A1
Colorpallet from #B1A1E2 to #A1E2B1 and to #E2A1B1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#AEABDA
#B0A9DA
#B2A8DA
#B3A6DA
#B5A5DA
#B7A3DA
#B9A1DA
#ACB6D2
#AFB3D2
#B3AFD2
#B6ACD2
#B9A9D2
#BDA5D2
#C1A1D2
#A9C0CA
#AEBBCA
#B3B6CA
#B8B1CA
#BDACCA
#C3A7CA
#C9A1CA
#A7CBC3
#AEC4C3
#B4BEC3
#BBB7C3
#C1B0C3
#C8A9C3
#D0A1C3
#A4D5BB
#ACCDBB
#B5C4BB
#BDBCBB
#C5B4BB
#CEABBB
#D8A1BB
#A1E2B1
#ABD8B1
#B6CDB1
#C0C3B1
#CBB8B1
#D5AEB1
#E2A1B1
Colorpallet from #B1A1E2 to #E2B1A1 and to #E2A1B1
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B1A1E2
#B9A4D8
#B9A4D8
#B9A3D9
#B9A3D9
#B9A2D9
#B9A2DA
#B9A1DA
#C1A6CD
#C1A5CE
#C1A4CF
#C1A4CF
#C1A3D0
#C1A2D1
#C1A1D2
#C9A9C3
#C9A8C4
#C9A6C5
#C9A5C6
#C9A4C7
#C9A3C9
#C9A1CA
#D0ABB8
#D0A9BA
#D0A8BC
#D0A6BD
#D0A5BF
#D0A3C1
#D0A1C3
#D8AEAE
#D8ACB0
#D8AAB2
#D8A8B4
#D8A6B6
#D8A4B8
#D8A1BB
#E2B1A1
#E2AEA4
#E2ACA6
#E2A9A9
#E2A7AB
#E2A4AE
#E2A1B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
